Accessibility Checklist for Reviewers

4

Click here to load reader

Transcript of Accessibility Checklist for Reviewers

Page 1: Accessibility Checklist for Reviewers

Website  Accessibility  checklist Reviewer  name:_____________  Website  being  reviewed:  ___________________  Place  “Y"  in  the  box  if  the  item  is  adequately  met.  Place  “N”  in  the  blank  if  it  is  not.  Provide  notes  to  the  website  owner  as  needed.  

Accommodations  for  Visually-­‐Impaired  Learners

Titles Titles adequately and briefly describe the content of the page. Each title is different from other pages on the website

Titles are "front-loaded," with the important and unique identifying information first.

notes:

 Images     Every functional image has appropriate alternative text that conveys the

same meaning as the image

Images with complex information, such as charts or graphs, have a short alt text, and then the detailed description of the information is provided elsewhere.

Null alt (alt="") is used for merely decorative images with no semantic function on the page

No alt text includes unnecessary words like "button," "link," or "image of."

notes:

 Headings     Every page has at least one heading.

Any text that looks like a heading is marked up as a heading in the code, NOT just with formatting. (The code is <h1> or <h2> and so on.)

All text that is marked up as a heading is really a conceptual section heading.

Heading hierarchy is meaningful and logical--ideally with no skipped heading levels.

notes:

Contrast  Ratio  and  Colors   A contrast ratio of at least 4.5:1, for normal-size text, is used between the

background color and the text color

Page 2: Accessibility Checklist for Reviewers

The functionality of the site does not depend on detecting color changes, especially between green and red

Web pages work when people change colors using browser settings.

If a background image is used, the text has a solid-color "splash" behind it.

notes:

Links All links are descriptive of where they link to

No links are described only as "Click here," "more," ellipses, or things like that.

No links show the full URL unless there is a good reason to do so

notes:

���Multimedia   A transcript, which includes relevant written descriptions of any action

taking place, is included for each video.

"Auto-start" is turned off.

Media controls can be keyboard controlled.

notes:

Checks  for  Hearing-­‐Impaired  Learners  

���Multimedia   All videos have both captions and transcripts available.

Captions and transcripts are available in the native language of the learners.

Important sound other than dialogue — e.g., footsteps approaching, doors closing, glass breaking— is included.

If the audio or video includes more than one speaker, the names of the speakers are identified in the transcript or captions, so learners know who is saying what, and when.

Transcripts are easy to find near the audio/video itself

"Auto-start" is turned off, and player controls are clearly visible. notes:

Page 3: Accessibility Checklist for Reviewers

Checks  for  Motor-­‐Impaired  Learners   ��� Keyboard  Access  (also  applies  to  some  with  visual  disabilities)    NOTE: Unless you have access to the CSS code of your website, and know how to use it, many items in this section may be out of your control. If you find some errors that you are not able to fix, send a note to your web hosting company, telling them the problems you noticed, and that you’d like them to ensure that their web templates are accessible by ADA standards. Also, make a note in your report indicating what you found and what you did about it, even if you can’t change it right now. You may have to turn on “keyboard focus” in your browser, depending on what browser you use. Put your cursor in your address bar, and "tab" through your webpage, checking for the following:

Visual focus: the focus is clearly visible as you tab through the elements (usually a dotted line or a highlighted box around whatever is currently in focus)

Tab to all: you can tab to all page elements, including links, form fields, buttons, and media player controls.

Tab away: you can tab away from all elements that you can tab into.

Tab order: the tab order follows the logical reading order in sequence.

All functionality by keyboard: you can do everything (activate actions, select options, control media, etc.) with the keyboard.

Drop-down lists: after you tab into a drop-down list, you can use the arrow keys to move through all the options without triggering an action

Image links: when images are links, they have clear visual focus and can be activated using the keyboard (usually by pressing the Enter key).

Media player controls: any media (videos, audio recordings, podcasts) can be controlled (play, pause, rewind, etc.) with the keyboard.

notes:

Seizure  triggers There are no animated gifs on the page

There is no flashing or blinking text on the page

notes:

Checks  for  Cognitively-­‐Impaired  Learners   ��� Do not require timed responses. Or, allow users to easily extend the time

available to them.

No left-right scrolling.

Page 4: Accessibility Checklist for Reviewers

Simplify site layouts. Avoid too much information on one screen.

Provide a page hierarchy, such as a site map

Allow users to go back and change previous responses

There is no flashing or blinking text on the page

notes: