WEB Accessibility Guidelines Component Guideline
Why is this important?
Use properly formatted headings to structure a page.
Headings help to organize content, making it easier for everyone to read. Headings are also a primary way for people using screen reading software to navigate a page of text. Formatting is conveyed to assistive technologies and mobile devices so they can present information as it’s meant to be presented. Properly formatted documents are more understandable and accessible. Links embedded in text should describe the link’s destination. This helps all users navigate more efficiently, especially screen reader users. • Why column headers in a data table are important Using table headers is important to conveying tabular data accurately. • Why the reading order in a table is important Screen readers read tables from left to right, top to bottom, one cell at a time (& only once). If cells are split or merged, it could throw the reading order off which may make the table difficult to comprehend by users who are blind & using a screen reader to navigate. Without sufficient color contrast between font and background, people who are color blind and low vision will not benefit from the information. And using color alone to convey meaning will leave those who are color blind or blind unable to interpret the meaning. Mobility and visual disabilities often make using a mouse impossible or ineffective. If content is not keyboard accessible, it will limit who can learn from the content. Alt text is read by a screen reader. It should adequately describe what is being displayed and why it’s important. This allows screen reader users to benefit from the information being con - veyed by the image, even if they cannot see it.
HEADINGS
LISTS
Format lists as proper lists.
Write meaningful link text.
LINKS
TABLES
Create tables with column and/or row headers, and ensure a proper reading order.
• Use sufficient color contrast. • Don’t use color alone to convey meaning. Ensure that any action that uses a mouse can also be completed using only the keyboard. Provide alternative (Alt) text descriptions for images.
COLORS
KEYBOARD
IMAGES
2 A
Made with FlippingBook Annual report maker