The WCAG guidelines are intended to aid designers and developers with creating #accessible websites and apps. But it gets really technical really fast. So for beginners, I try to focus on the actionable parts of the guidelines, namely the P.O.U.R. concepts
(cc @JustineLom)
The first category in P.O.U.R. is Perceivable. This means that users must be able to perceive the information being presented – it cannot be invisible to all of their senses.
Questions: Is there anything on our website or app that a person with a disability would not be able to perceive? Does this work with different types of assistive technology devices? Make sure to think of all the different types of disabilities.
Examples: adding text alternatives to non-decorative images, adding captions and transcripts to videos, making sure the color is not the only method to convey meaning.
The second category is Operable. Users must be able to operate the interface – the interface cannot require interaction that a user cannot perform.
Questions: Can users control interactive elements of our website/app? Does our website have any keyboard traps? Does it work for mobile and touch devices?
Examples: using keyboard only navigation, making sure slideshows and media players have all of the controls shown, making sure users have enough time to fill out a form.
The third category is Understandable. Users must be able to understand the information as well as the operation of the user interface – the content or operation cannot be beyond their understanding.
Questions: Is all of the content clearly written? Are all of the interactions easy to understand? Does the order of the page make sense?
Examples: write content at a 9th-grade reading level – don’t use a scrabble word when a simple word will do, make sure your website is predictable, make sure any error messages on your website are clear and easy to resolve.
The last category is Robust. It means that users must be able to access the content as technologies advance – as technologies and user agents evolve, the content should remain accessible.
Questions: Does our website only support the newest browsers or operating systems? Is our website developed with best practices? Does this work in both landscape and portrait orientations?
There are no real examples of this…just test your website/app! Be sure to use all types of tools – UI/UX, automatic, manual, AT, and user tests. After your initial accessibility testing, do more tests when new features or functionality are added. Consider a11y a maintenance task
The underlying spirit of P.O.U.R. isn’t about rigidly adhering to hard and fast rules; it’s about understanding and meeting the diverse needs of your users. Once you are on board with that, following the WCAG guidelines become more of a roadmap than a to-do list.
also I think that last tweet is an adapted quote from @dboudreau...but the premise is so awesome, I'm borrowing it for all my talks now 😹

• • •

Missing some Tweet in this thread? You can try to force a refresh

Keep Current with Carie Fisher

Carie Fisher Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!


Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!