You go to buy the latest/greatest tech gadget, but a blank page is all that loads.
...the page is freaking out and filled unrecognizable errors
All new or updated code released into WordPress core and bundled themes must conform with the WCAG 2.0 guidelines at level AA. - Rian Rietveld
WCAG are sets of accessibility guidelines from the W3C's Web Accessibility Initiative and AA is used as a reference for a legal standard in many countries (U.S. included) worldwide.
Accessible - easy to approach, enter, use, or understand. @ dictionary.com
Accessible - easy to
approach, enter,use or understand. @ dictionary.com
The four main guiding principles of accessibility are:
Perceivable - provide content alternatives (images, audio, video)
Operable (without a mouse/trackpad)
Understandable - clear and simple (writing and functionality)
Robust - works across many devices
One person* cannot make and maintain an accessible product alone.
*Unless this is a tiny, one person product/project.So it's incorporated into the process:
Bad: Error Messaging Relies on Color
Better: Message Conveyed With Icons
❮button role="button"❯ button text ❮/button❯
❮input type="text" required aria-required="true"❯
❮div hidden aria-hidden="true"❯
❮h1 role="heading" aria-level="1"❯heading text❮/h1❯
Products
//hiding text elements from the view, but keeping them available to the screen reader
.sr-only {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); //for clip being deprecated
}
tabindex="1"
Think of it this way: you wouldn’t want a designer or developer to do usability testing by testing the design or code on themselves. ... They’re already familiar with what problems the design is supposed to be solving, and how the interface works. - Jeremy Keith
The four main guiding principles of accessibility are:
Perceivable - provide content alternatives (images, audio, video)
Operable (without a mouse/trackpad)
Understandable - clear and simple (writing and functionality)
Robust - works across many devices