WebAIR: Web Accessibility Information Resource
Introduction
This document lists the content types and questions in WebAIR. Under each content type are a number of questions, each of which links to more information. The "More information" links provide descriptions of why the issue is important, how to fix the problem, code examples, and further resources.
Table of Contents
Forms
- Do all inputs and controls have text labels that accurately describe what they are for? (More Information)
- (if yes) Is the label text used consistently throughout the website (e.g. different forms that use the same fields) (More Information)
- Are all labels positioned so that they are near the control that they label? (More Information)
- Does the form contain any required fields? (More Information)
- (if yes) Do you indicate that these fields are required in the label text (e.g. using an asterisk)? (More Information)
- (if yes) Do you indicate required fields with colour? (More Information)
- (if yes) Do you indicate that these fields are required using code? (More Information)
- Are there groups of inputs (e.g. checkboxes/radio buttons) that are grouped visually on the page? (More Information)
- Can the keyboard be used to successfully tab through each control? (More Information)
- Does the tab order make sense in terms of a user moving through the form? (More Information)
- Does each control in the form highlight when it has focus? (More Information)
- Have you ensured that none of the controls automatically update their content when you tab into them? (More Information)
- Are there any controls that automatically open a new window when you tab into them? (More Information)
- (if yes) Do you provide an explanation of what will happen before the user tabs into the control? (More Information)
- Are there any controls that automatically update content in another part of the page when you activate them? (More Information)
- (if yes) Do you provide an explanation of what will happen before the user activates the control? (More Information)
- Do all forms have a submit button? (More Information)
- Do you provide a checkbox in addition to a submit button for users to confirm their responses before submitting them? (More Information)
- Do you provide feedback when a form has been submitted successfully? (More Information)
- Can the text be resized in the browser up to 200 percent without loss of content or functionality? (More Information)
- Do you provide an example of how users should complete form fields (e.g. showing date fields as DD/MM/YY)? (More Information)
- If a user makes an error in a form and submits it, are they provided with an error message as to what the problem was? (More Information)
- If a user makes an error while filling out a form, do you automatically provide suggestions on how to fix the error? (More Information)
Links
Link Text
- Does the link text alone describe the purpose of each link? (More Information)
- (if no) Do you clarify the purpose of each link elsewhere? (More Information)
- (if yes) Is the clarification used consistently throughout the website (e.g. if multiple links point to the same location) (More Information)
Navigating links
- Can you successfully access all links using the keyboard? (More Information)
- Does the order of the links make logical sense?(More Information)
- Does each link highlight when it has focus?(More Information)
- Are there any links that automatically open a new window when you tab into or activate them? (More Information)
- (if yes) Do you provide an explanation of what will happen before the user tabs into or activates the control? (More Information)
- Are there any links that automatically update content in another part of the page when you activate them? (More Information)
- (if yes) Do you provide an explanation of what will happen before the user activates the link? (More Information)
Image links
- Do all image links have a text alternative? (More Information)
- (if yes) Do the text alternatives adequately describe the images? (More Information)
- (if yes) Are the text alternatives appropriate to a lower secondary school education level? (More Information)
- (if yes) Are the text alternatives used consistently throughout the website (e.g. to describe similar sorts of images)? (More Information)
- (if no) Do you provide an additional long description (either in the text near the non-text content or a link to another location)? (More Information)
- (if no) Are they images of text? (More Information)
- Have adjacent image links and text links been combined into the same link? (More Information)
Groups of links
- Have related links been grouped together (using an unordered list, ordered list or definition list)? (More Information)
Tables
Markup
- Do you use the appropriate markup (e.g. table, tr, th, td) to present tables? (More Information)
Summarising table content
- Do you summarise the purpose and contents of each table (e.g. using a caption or summary)? (More Information)
- (if yes) Does the caption or summary suitably describe the purpose or contents of the table? (More Information)
- (if no) Is the table used to layout the page (and therefore does not require a caption or summary)? (More Information)
- In each table, do you make it clear which data cells are associated with which header cells? (More Information)
- (if no) Is the table used to layout the page (and therefore does not require associations between header and data cells)? (More Information)
Images
Text alternatives
- Do all images have a text alternative (including where image replacement has been used)? (More Information)
- (if yes) Do the text alternatives adequately describe the images? (More Information)
- (if yes) Are the text alternatives appropriate to a lower secondary school education level? (More Information)
- (if yes) Are the text alternatives used consistently throughout the website (e.g. to describe similar sorts of images)? (More Information)
- (if no) Do you provide an additional long description (either in the text near the non-text content or a link to another location)? (More Information)
- (if no) Are the images purely decorative? (More Information)
- (if yes) Do you indicate that the images are purely decorative and should therefore be ignored by assistive technology? (More Information)
- (if no) Are they images of text? (More Information)
Colour
- Do any images use colour alone to convey information (e.g. different colours in a graph)? (More Information)
- (if yes) Do they also use text alternatives or differences in pattern to convey the same information? (More Information)
CAPTCHAs
- Do all CAPTCHAs have a text alternative that identifies the purpose and directs the user to an alternative version? (More Information)
- Do you provide an alternative CAPTCHA (e.g. an audio version)? (More Information)
Text
Markup
- Do you use the appropriate markup to present blocks of text (paragraphs, citations, blockquotes etc.)? (More Information)
- Do you use the appropriate markup to present any variations in presentation of text (e.g. bold, italics, subscript and superscript)? (More Information)
- (if yes) Is the information conveyed through a variation in presentation also conveyed through text? (More Information)
- Do you use the appropriate markup to present lists? (More Information)
- Do you use the appropriate markup to present headings? (More Information)
Colour
- Is the text of a sufficient size and contrast? (More Information)
- (if no) Do you provide a link or control to an alternative version of the page with text that has sufficient size and contrast? (More Information)
- Do you use colour to convey variations in presentation of text (e.g. different coloured text to represent a heading)? (More Information)
- (if yes) Do you also use semantic markup to convey the same information (e.g. by using a heading element)? (More Information)
- Can the foreground and background colours of the text be changed by the user? (More Information)
- Do any instructions on the page rely upon colour, shape, location, or sound alone? (More Information)
Resizing
- Can the text be resized in the browser up to 200 percent without loss of content or functionality? (More Information)
- Do you provide controls on the webpage that allow users to change the size of the text up to 200 percent? (More Information)
- If the text is resized up to 200 percent, can the text still be read without scrolling horizontally? (More Information)
- (if no) Do you provide a link or control to an alternative version of the page with text that can be read without scrolling horizontally? (More Information)
- If the browser window is narrowed to a quarter of the screen width, can the text still be read without scrolling horizontally? (More Information)
- Is the text aligned to either the left or right side (and not justified)? (More Information)
- Have you provided sufficient letter-spacing, line-spacing and paragraph-spacing? (More Information)
- (if no) Do you provide a link or control that allows users to adjust the letter-spacing, line-spacing and paragraph-spacing? (More Information)
Language
- Do you specify the language of the webpage (e.g. English, French etc.)? (More Information)
- Do you specify changes of language within the webpage (e.g. a French quotation within English text) (More Information)
- Is the webpage text appropriate to a lower secondary school education level? (More Information)
- (if no) Do you provide a text summary at the top of the page or a link to a simpler version of the page? (More Information)
- Do you provide definitions for any unusual jargon or slang in the content of the webpage? (More Information)
- (if no) Do you provide a link to a glossary or a list of terms (including pronunciations)? (More Information)
- Do you provide definitions for any acronyms or abbreviations in the content of the webpage? (More Information)
- (if no) Do you provide a link to a glossary or a list of terms (including pronunciations)? (More Information)
- Do you provide definition of any words with ambiguous pronunciation in the content of the webpage? (More Information)
- (if no) Do you provide a link to a glossary or a list of terms (including pronunciations)? (More Information)
Visual alternatives
- Do you provide visual illustrations, pictures, and symbols to help explain difficult concepts? (More Information)
Sign language interpretation of text
Audio & Video
- Does all audio and video content have a text alternative that describes the purpose of the audio or video content (e.g. an alt attribute, label or text description)? (More Information)
- (if yes) Do the text alternatives adequately describe the purpose of the audio or video content? (More Information)
- (if no) Do you provide an additional long description (either in the text near the audio or video content or a link to another location)?(More Information)
Text alternatives (content)
- Does all audio and video content have a text alternative that describes the actual content (e.g. a transcript)? (More Information)
- (if yes) Do the text alternatives match the dialogue and information in the audio or video content? (More Information)
- (if yes) Are there links to the text alternatives immediately before or after the audio or video content? (More Information)
- (if no) Is the audio or video content live (and therefore an accurate text alternative cannot be provided)? (More Information)
- (if yes) Do you provide a short text alternative that describes the purpose of the live audio or video content, if not the actual content? (More Information)
- (if yes) Do you create near-as-possible live captions or text alternatives? (More Information)
- (if yes) Do you provide a link to a prepared statement or script? (More Information)
- Does the existing audio track of a video provide all of the necessary information contained within the video track? (More Information)
- (if no) Do you provide an audio alternative (e.g. a second audio track) which describes the video contents? (More Information)
- (if yes) Can the audio alternative be turned on using a control within the content itself or by selecting a preference in the media player? (More Information)
- Is a sign language interpreter included in the audio and video content where needed? (More Information)
Time Limits
Time-limited content
- Is there a time limit on the page (in which a user has to do something within a particular time)? (More Information)
Updating content
- Is there any content on the page that updates rapidly (e.g. animated, moving or scrolling content)? (More Information)
- (if yes) Do you allow users to pause and restart the updating content? (More Information)
- (if no) Do you allow users to adjust the timing of updates or turn off updates completely? (More Information)
Navigation
Within pages
- If layout styles are removed, does the order of the content still make sense? (More Information)
- Can users jump to the main content from the top of the webpage? (More Information)
- Can users jump to specific sections of the webpage (e.g. using a list of links)? (More Information)
- Can users skip content that is repeated across a number of pages (e.g. a navigation menu)? (More Information)
- Does the order of the webpage content make logical sense when tabbing? (More Information)
Between pages
- Do you provide more than one way of locating content within the website (e.g. search, table of contents, related links, site map etc.)? (More Information)
- Do you provide information about the user's location within the website (e.g. breadcrumb trails, site map, navigation menu etc.)? (More Information)
- Is the navigation menu consistent between different webpages? (More Information)
- Is the text used to describe each webpage used consistently throughout the website? (More Information)