HTML 508 Checklist
The following checklist is an expanded, more detailed, version of the previous HTML checklist. It should be used Department-wide by HHS staff to verify that HTML web pages and applications meet the requirements established by the Access Board.
Checkpoint | Criteria | Pass | Fail | N/A |
---|---|---|---|---|
A1 | Do images that convey contextual content have equivalent alternative text specified in the |
|
|
|
A2 | Do images that are purely decorative, and not contextual, have empty, or null, alternative text specified, e.g. |
|
|
|
A3 | Does the alternate text convey contextual relevance to the page it is on? |
|
|
|
A4 | Do images that convey complex content have |
|
|
|
A5 | Does text content contained in images disappear when images are not available, i.e. is there text contained in the images? |
|
|
|
A6 | Do image map |
|
|
|
A7 | Do form non-text controls, e.g. input type image, provide a text alternative that identifies the purpose of the non-text control? |
|
|
|
A8 | Do |
|
|
|
B1 | Is a full text transcript provided for all prerecorded audio? |
|
|
|
B2 | Is a full text transcript provided for all prerecorded video? |
|
|
|
B3 | Are open or closed captions provided for all synchronized video? |
|
|
|
B4 | Is fully synchronized text alternative or sound track provided for all video interaction that is not otherwise described? |
|
|
|
C1 | Is information conveyed by color also conveyed by context, markup, graphic coding, or other means? |
|
|
|
C2 | Does a contrast ratio of at least 4.5:1 exist between text, and images of text, and background behind the text? |
|
|
|
C3 | Is a correct contrast ratio maintained when images are not available? |
|
|
|
C4 | Is a correct contrast ratio maintained when CSS is disabled? |
|
|
|
C5 | Are links distinguished from surrounding text with sufficient color contrast and is additional differentiation provided when the link receives focus, e.g. it becomes underlined? |
|
|
|
D1 | With CSS disabled, is color and font information rendered in the browser's default CSS? |
|
|
|
D2 | With CSS disabled, are headings, paragraphs, and lists obvious and sensible? |
|
|
|
D3 | With CSS disabled, does the order of the page content make sense as read? |
|
|
|
D4 | With CSS disabled, is most text, other than logos and banners, rendered in text rather than images? |
|
|
|
D5 | With CSS disabled, does any content that was invisible before stay invisible? |
|
|
|
D6 | With CSS disabled, is any content or functionality provided by the CSS through mouse action also provided through keyboard-triggered event handlers? |
|
|
|
D7 | When tables are used for layout, does the content linearize properly when layout tables are turned off? |
|
|
|
E1 | Are links in server-side image maps repeated elsewhere in the page that are non-graphical, e.g. a normal list of links? |
|
|
|
F1 | Are client-side image maps used instead of server-side image maps? |
|
|
|
F2 | Do client-side image maps have appropriate alternative text for the image, as well as each hot spot region? |
|
|
|
G1 | For tables containing data, do |
|
|
|
G2 | For tables containing data, do |
|
|
|
G3 | For tables containing data, is the summary attribute used to explain the meaning of the table if it is not otherwise evident from context? |
|
|
|
G4 | For tables that are used for layout, are |
|
|
|
H1 | For complex tables, do |
|
|
|
H2 | For complex tables, does each |
|
|
|
H3 | For complex tables, does any |
|
|
|
H4 | Are the |
|
|
|
I1 | Does each |
|
|
|
I2 | Does the page have equivalent content in a |
|
|
|
J1 | Does any page element NOT flicker at an unhealthy rate, e.g. less than three flashes per second? |
|
|
|
J2 | Does any page NOT contain the |
|
|
|
K1 | Does a document have a text-only version? If so, does it meet all Section 508 criteria? |
|
|
|
K2 | Does the text-only version contain the same exact information as the original document? |
|
|
|
K3 | Does the text-only version provide the functionality equivalent to that of the original document? |
|
|
|
K4 | Is an alternative provided for components, e.g. plug-ins & scripts, which are not directly accessible? |
|
|
|
L1 | Is any content or functionality provided by JavaScript through mouse action also provided through keyboard-triggered event handlers? |
|
|
|
L2 | Are link-type behaviors created with JavaScript on ONLY focusable elements? |
|
|
|
L3 | If content or functionality provided by JavaScript can not be provided to assistive technology, is equivalent content or functionality provided without JavaScript? |
|
|
|
M1 | Are links provided to any special readers or plug-ins that are required to interpret page content? |
|
|
|
M2 | Do special readers or plug-ins comply with the requirements of Section 508 paragraphs §1194.21(a)-(l)? |
|
|
|
N1 | Does each appropriate |
|
|
|
N2 | Are all cues for filling out the form available to users of assistive technology, e.g. mandatory fields, help boxes, error messages? |
|
|
|
N3 | Is the tab order to reach the form and the tab order between form elements logical and consistent with the normal and visual order of entering form data? |
|
|
|
N4 | Are logically-related groups of form elements identified with appropriate |
|
|
|
N5 | Is placeholder text, if used, NOT redundant or distracting to users of assistive technology? |
|
|
|
N6 | Do form error messages identify the error(s) to the user and describe them to the user in text? |
|
|
|
O1 | If repetitive navigation links are at the beginning of the source of the HTML page, can a user navigate via a link, the “skip link”, at the top of each page directly to the main content area? |
|
|
|
O2 | If a “skip link” is provided, does the anchor element contain text content that is visible with CSS disabled? |
|
|
|
O3 | If a “skip link” is provided and it is hidden with CSS, is it available to users of assistive technology, e.g. not using the |
|
|
|
O4 | Can a user navigate over groups of links, between multiple groups of links, and between sections of the page content by means of section headings or visible and audible local links? |
|
|
|
O5 | Are heading elements used to convey logical hierarchy and denote the beginning of each section of content? |
|
|
|
P1 | Is enough time provided to allow users to read and interact with content? |
|
|
|
P2 | Is the functionality of the content predictable, i.e. will a user experience contextual changes when unbeknownst to them? |
|
|
|
P3 | Does the user have control over the timing of content changes? |
|
|
|
P4 | If a page or application has a time limit, is the user given options to turn off, adjust, or extend that time limit? |
|
|
|
P5 | Can automatically moving, blinking, or scrolling content that lasts longer than 3 seconds be paused, stopped, or hidden by the user? |
|
|
|
P6 | Can automatically updating content be paused, stopped, or hidden by the user or the user can manually control the timing of the updates, e.g. automatically redirecting or refreshing a page, a news ticker, AJAX updated field, a notification alert, etcetera? |
|
|
|
P7 | Can interruptions be postponed or suppressed by the user, e.g. alerts, page updates, etcetera? |
|
|
|
P8 | If an authentication session expires, can the user re-authenticate and continue the activity without losing any data from the current page? |
|
|
|