Accessibility Guidelines Automated by Sofy
Updated
by
Aishwarya Rai
The European Accessibility Act (EAA) and Americans with Disabilities Act (ADA) are directives aimed at improving the accessibility of products and services within the European Union for people with disabilities. Official link to the guidelines: https://www.w3.org/WAI/WCAG22/quickref/?versions=2.1
Here are the guidelines that Sofy automates as part of Accessibility Testing:
1.1.1 Non-text Content
All non-text content presented to the user has a text alternative that serves the equivalent purpose.
- Controls, Input: If non-text content is a control or accepts user input, it has a name that describes its purpose.
- Decoration, Formatting, Invisible: If non-text content is pure decoration, used only for visual formatting, or not presented to users, then it is implemented in a way that assistive technology can ignore.
Level: A
1.3.1 Info and Relationships
Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text.
Level: A
1.3.4 Orientation
Content does not restrict its view and operation to a single display orientation unless a specific orientation is essential.
Level: AA
1.4.1 Use of Color
Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
Level: A
1.4.3 Contrast (Minimum)
The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:
- Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;
- Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
- Logotypes: Text that is part of a logo or brand name has no contrast requirement.
Level: A
1.4.10 Reflow
Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for:
- Vertical scrolling content at a width equivalent to 320 CSS pixels
- Horizontal scrolling content at a height equivalent to 256 CSS pixels
Level: AA
2.4.6 Headings and Labels
Headings and labels describe the topic or purpose.
Level: AA
2.5.3 Label in Name
For UI components with labels that include text or images of text, the name contains text that is presented visually.
Level: A
4.1.2 Name, Role, Value
For all user interface components, the name and role can be programmatically determined; states, properties, and values can be set by the user; and changes to these items are available to user agents, including assistive technologies.
Level: A
