Web Accessibility Principles (POUR) Cheat Sheet

The web industry-standard guidelines for accessibility are grounded in 4 key principles: Perceivable, Operable, Understandable, and Robust – POUR.

cheat sheet

practical tips

  • 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.
Share on telegram
Telegram
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
Share on pinterest
Pinterest

Find this helpful? Answer in comments! 👇

Leave a Comment

Your email address will not be published. Required fields are marked *

☕️ Don't miss out the new stuff!

Subscribe to receive updates about new cheat sheets! Your e-mail address will be safe! Privacy Policy.

This website uses cookies to ensure you get the best experience on our website.

☕️ Don't miss the new stuff!

Subscribe to receive updates about new cheat sheets! Your e-mail address will be safe! Privacy Policy.