Other: Lesson 2 (task 1)

Dec 30, 2015 by Céleste C.

Lesson 2: Web Accessibility Guidelines

Task: Review the page. For each example of an unmet success criteria, go through the techniques and failures section and write down (a) how you would check whether each criterion has been met (e.g. for the first image on the page, check for an alternative text attribute inside the image element), and (b) what technique you would recommend for solving the issue.

The Cat Pictures:

• a)Check manually in the image element for an alternative text and/or use VoiceOver to check for alternative text and description of the images.
• b)Add an alternative text and description for the images.

The Video:

• a)Check the video to see if there is closed captioning and audio description as an option.
• b)Add closed captions and audio description for the videos.

The Form:

• a)Use VoiceOver and check manually the formatting and the layout of the form and labels.
• b)Add proper form labels and reorganize content in a proper layout.

The Table:

• a)Use VoiceOver and check manually the format and layout of the table.
• b)Add proper caption and header.

The Contrast:

• a)Check manually for sufficient contrast ratio.
• b)Adjust clear contrast ratio using black and white, and not using shades of grey.

The Mouse-only Link:

• a)Check manually if you can access links through the use of keyboard and/or mouse.
• b)Make link also accessible in alternative ways, such as keyboard accessible.

The Scrolling Text and Text Blinking:

• a)Check manually if the scrolling text and blinking text are stoppable.
• b)Provide option to stop movement (scrolling and/or blinking).

The Link Out of Context:

• a)Check manually if the links provided are of the proper context.
• b)Provide proper context for the given links.

The Second Language:

• a)Use VoiceOver and check manually for language consistency.
• b)Provide language consistency throughout the website. May add language option for the viewer to change the language of the whole website; however, context must still be the same.

The On-Focus:

• a)Check manually that there is no change of context on focus.
• b)Design the website in which the context will not be altered on focus.

The On-Input:

• a)Check manually that there is not changes in context on keyboard input.
• b)Design website in which the context will not be altered on keyboard input.

The Parsing Error:

• a)Check manually that no duplication IDs can be done and check markups.
• b)Making sure parsing is correct.