Accessibility Checklist for Reviewers
Click here to load reader
-
Upload
abigailjsmith -
Category
Documents
-
view
213 -
download
0
Transcript of Accessibility Checklist for Reviewers
![Page 1: Accessibility Checklist for Reviewers](https://reader038.fdocuments.in/reader038/viewer/2022100801/577ccddd1a28ab9e788cd1f6/html5/thumbnails/1.jpg)
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](https://reader038.fdocuments.in/reader038/viewer/2022100801/577ccddd1a28ab9e788cd1f6/html5/thumbnails/2.jpg)
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](https://reader038.fdocuments.in/reader038/viewer/2022100801/577ccddd1a28ab9e788cd1f6/html5/thumbnails/3.jpg)
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](https://reader038.fdocuments.in/reader038/viewer/2022100801/577ccddd1a28ab9e788cd1f6/html5/thumbnails/4.jpg)
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: