A site that is accessible is one whose content can be accessed independently of any user's disabilities and whose functionality can be controlled by the widest possible range of users.
As developers, it's simple to assume that all users can see and interact with your page via a keyboard, mouse, or touch screen. This can result in an experience that works well for some people but causes problems for others, ranging from minor annoyances to full blockages.
These checks show areas where you may improve the accessibility of your web app. Because only a fraction of accessibility concerns can be found automatically, manual testing is also suggested.
Accessibility Audits
These checks ensure that your page is optimized for users to be able to see and interact with page content.
A) Accessibility Overview
B) Audit scoring
C) Additional items to manually check
1. Custom controls have ARIA roles
2. Custom controls have associated labels
3. User focus is not accidentally trapped in a region
4. Interactive controls are keyboard focusable
5. Interactive elements indicate their purpose and state
6. The page has a logical tab order
7. The user's focus is directed to new content added to the page
8. Offscreen content is hidden from assistive technology
9. HTML5 landmark elements are used to improve navigation
10. Visual order on the page follows DOM order
No comments:
Post a Comment