The web industry-standard guidelines for accessibility are grounded in 4 key principles: Perceivable, Operable, Understandable, and Robust – POUR.
Web Accessibility Principles (POUR) Cheat Sheet
- Text alternatives should reflect the semantic purpose of an element, for example, a proper text alternative for a search button would be “search” rather than “magnifying glass”.
- Avoid using flashing content or animations.
- Provide mechanisms to switch off animations.
- Provide different ways to find content (hierarchical navigation, search).
- Make sure that functionality that is activated by movement (gestures) can also be activated through user interface components.
- Make sure that buttons, links, and other active components are large enough to make them easier to activate by touch.
- Define the primary language of a web page.
- Provide definitions for any unusual words, phrases, idioms, and abbreviations.
- Provide consistent navigation.
- Don’t make significant changes on a web page without the consent of the user.
- Provide descriptive instructions and error messages.