accessible web design Flashcards
why is accessible web design mandatory to government sites
because everyone has to use them
assistive technology
a product/tech designed to help people with an issue
e.g. screen reader
accessible technology
tech designed to support everyone
what kind of impairments should we be considering
visual hearing mobility cognitive
e.g. of visual impairments
colour blindness
no/limited vision
e.g. of mobility impairments
struggle with using a mouse
e.g. of cognitive impairments
learning disability/difficulty
neurological conditions
mental illness
what is ARIA
accessible rich internet applications
a set of attributes that can be added to html to communicate with users of assistive technology
aria-label
adds new info to objects that may not already exist via text
what are aria roles
they are added to elements on the page to tell the assistive tech how to treat it as it may be different to the html tag
says what a specific part of the page does
when do you need to add an aria role
when the meaning is unclear
e.g. <div>
how is <label> good for accessibility</label>
creates a link between the text and control e.g. an input so the user knows its purpose
aria-labelledby
using for with label but works with everything
what is a drawback of <label> and what is the solution</label>
label and for doesnt work with everything
using aria-labelledby
aria-controls
defines the relationship between an interactive widget and the thing it controls
how can we navigate a page using only the keyboard
tab index
what are the four priniciples of accessiblity
perceivable
operable
understandable
robust
robust
should be able to be used by multiple different users including assistive technology
understandable
users should be able to understand information and how to understand the ui
web pages should appear and operate in a predictable way
help users to avoid and correct mistakes
operable
should be able to operate ui components and navigation
make all functionality available from the keyboard
should be enough time to read and use the content
shouldnt be designed ina way knows to cause seizures or a physcial reaction
perceivable
users must be able to perceive information and the control of the ui
adaptable
distinguishable
should be captions for time based media
adaptable
content can be represented in different/sinpler ways without losing information or structure
distinguishable
easy for the users to see and hear content including foreground from background
