IntroductionAbout AthennianCorporate LogoColors
•  Primary Colors
•  Secondary Colors
•  Gradient
TypographyPhotographyIllustrations
•  Decorative Elements
•  Icons and Symbols
•  Character Design
•  Hoot Mascot
•  Do’s and Don’ts
Accessibility Standards

Accessibility Standards

Athennian firmly believes that web and software experiences should be accessible for everyone. That's why we want all of us  to be committed to following and complying with accessibility best practices.

Understanding Accessibility

Web accessibility ensures that people with disabilities can perceive, understand, navigate, interact with, and contribute to the applications you create. This means that pages are Perceivable, Operable, Understandable, and Robust. This includes providing keyboard interaction alternatives for all mouse-based actions, properly identifying all form fields and buttons, providing text-based alternatives for all images, videos, icons, and SVGs, as well as building components that properly convey their identity, operation model, and state to assistive technologies.

Standards Compliant Markup

The semantic markup and use of ARIA roles in our components are based on W3C standards and industry best practices. This markup is the perfect starting point for building accessible components.

Keyboard Navigation

While we do not provide the JavaScript that is necessary to make our components interactive, in the Accessibility Developers Guide, it provides working examples of basic patterns with documentation on what interactions are required.

Appropriate use of color

Our components follow the two main rules of accessibility as it relates to color:

  • We never use color as the only means of providing information or requesting an action.
  • The combinations of text and their background colors do not fall below the WCAG recommended threshold ratio of 4.5:1 for standard or small text and 3:1 for larger text.
  • A good contrast checker tool is https://webaim.org/resources/contrastchecker/ or Material Design color tool: Measure the accessibility of any color combination.

Mobile Guidance

This section primarily applies to mobile UI design. For more information on designing and developing more accessible products, visit W3C Mobile Accessibility Examples.

Disclaimer

These materials are for your information only, and do not constitute legal advice. Consider consulting your attorney for advice on any particular issue.