Accessibility Standard: WCAG 2.0

• Web Content Accessibility Guidelines 2.0 (WCAG 2.0 - 2008)

WCAG 2.0 was published in 2008, and covers a wide range of recommendations for making web content more accessible. It covers a wider range of disabilities than WCAG 1.0 including: blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these.

Rules

This section lists the 361 rules covering 37 checkpoints for WCAG 2.0 supported by the current version of the product.

1.1 Text Alternatives

1.1.1 A Non-text Content - 24 rules

• Applet with no fallback content
• Image map has no accessible name
• ARIA image has no accessible name
• Image has no accessible name
• alt is image file name
• Graphic button has no accessible name
• Object with no fallback content
• ASCII art used for text alternative
• Image accessible name uses placeholder
• PDF graphic has no accessible name
• button image must have alt
• Frame src contains an image instead of HTML
• Server-side image maps are inaccessible
• Alt text does not convey color information
• Alt text not updated
• Object has no accessible name
• Placeholder for timed media
• Decorative image missing null alt attribute
• Spacer image has descriptive alt
• Decorative image with accessible name
• SVG has no accessible name
• Unicode lookalike characters used
• alt repeated on adjacent images
• Word graphic has no accessible name

1.2 Time Based Media

1.2.1 A Audio-only and Video-only (Prerecorded) - 2 rules

• Image accessible name uses placeholder
• Placeholder for timed media

1.2.2 A Captions (Prerecorded) - No rules

1.2.3 A Audio Description or Media Alternative (Prerecorded) - No rules

1.2.4 AA Captions (Live) - No rules

1.2.5 AA Audio Description (Prerecorded) - No rules

1.2.6 AAA Sign Language (Prerecorded) - No rules

1.2.7 AAA Extended Audio Description (Prerecorded) - No rules

1.2.8 AAA Media Alternative (Prerecorded) - No rules

1.2.9 AAA Audio-only (Live) - No rules

1.3 Adaptable

1.3.1 A Info and Relationships - 55 rules

• Headings should not contain headings
• HTML heading is blank
• Mark up lists and list items properly
• Data table without th headers
• Complex header associations need headers attribute
• Layout table contains data table markup
• Layout table contains summary or caption
• fieldset without legend
• label is blank
• PDF not tagged
• PDF security blocks accessibility
• Use h1-h6 instead of heading-like styles
• Use h1-h6 instead of heading-like images
• Use strong instead of CSS font-weight
• ARIA table has missing cells
• HTML table has missing cells
• Spaces used to simulate table layout
• JavaScript simulated link
• fieldset with no form elements
• CSS content: not available to all users
• Broken cell headers ID reference
• Data table hidden by role=presentation
• Word table without row and column headers
• role=cell must be owned by role=row
• role=option must be owned by role=listbox
• role=menuitem must be owned by role=menu or menubar
• role=menuitemcheckbox must be owned by role=menu or menubar
• role=menuitemradio must be owned by role=menu or menubar or group
• role=tab must be owned by role=tablist
• role=treeitem must be owned by role=tree or group
• role=listitem must be owned by role=list
• role=gridcell must be owned by role=row
• role=columnheader must be owned by role=row
• role=rowheader must be owned by role=row
• role=row must be owned by role=grid or rowgroup or treegrid or table
• role=rowgroup must be owned by role=grid or treegrid or table
• role=feed must contain role=article
• role=grid must contain role=row or rowgroup
• role=list must contain role=listitem
• role=listbox must contain role=option
• role=menu must contain role=menuitem or menuitemcheckbox or menuitemradio
• role=radiogroup must contain role=radio
• role=row must contain role=cell or columnheader or gridcell or rowheader
• role=rowgroup must contain role=row
• role=table must contain role=row or rowgroup
• role=tablist must contain role=tab
• role=tree must contain role=treeitem
• role=treegrid must contain role=row or rowgroup
• Broken aria-activedescendant ID reference
• Broken aria-controls ID reference
• Broken aria-describedby ID reference
• Broken aria-flowto ID reference
• Broken aria-labelledby ID reference
• Broken aria-owns ID reference
• ARIA role is invalid

1.3.2 A Meaningful Sequence - 7 rules

• Right-to-left language without dir
• dir=ltr for right-to-left language
• CSS position: causes meaningless sequence
• Word has spaces between each letter
• Spaces used to simulate table layout
• Table contains a nested table
• Word graphic not inline

1.3.3 A Sensory Characteristics - 1 rule

• Frame title must describe function

1.4 Distinguishable

1.4.1 A Use of Color - 2 rules

• Alt text does not convey color information
• Underline removed from links

1.4.2 A Audio Control - 2 rules

• Autoplay sound longer than 3 seconds
• Autoplay media longer than 3 seconds

1.4.3 AA Contrast (Minimum) - 2 rules

• CSS depends on default colors
• Text contrast below minimum

1.4.4 AA Resize Text - 2 rules

• CSS absolute units and zoom disabled
• Zoom disabled by meta viewport

1.4.5 AA Images of Text - No rules

1.4.6 AAA Contrast (Enhanced) - 3 rules

• CSS depends on default colors
• Text contrast below minimum
• Text contrast ratio below 7:1

1.4.7 AAA Low or No Background Audio - No rules

1.4.8 AAA Visual Presentation - 2 rules

• CSS depends on default colors
• Justified text is hard to read

1.4.9 AAA Images of Text (No Exception) - No rules

2.1 Keyboard Accessible

2.1.1 A Keyboard - 12 rules

• Scrollable element not keyboard accessible
• Server-side image maps are inaccessible
• mouseup handler without keyboard equivalent
• mouseover handler without keyboard equivalent
• mouseout handler without keyboard equivalent
• mousedown handler without keyboard equivalent
• click handler without keyboard equivalent
• dblclick handler without keyboard equivalent
• Keyboard handler without tabindex
• JavaScript simulated link
• Field blurs when focused
• Clickable control with no role

2.1.2 A No Keyboard Trap - No rules

2.1.3 AAA Keyboard (No Exception) - 11 rules

• Scrollable element not keyboard accessible
• Server-side image maps are inaccessible
• mouseup handler without keyboard equivalent
• mouseover handler without keyboard equivalent
• mouseout handler without keyboard equivalent
• mousedown handler without keyboard equivalent
• click handler without keyboard equivalent
• dblclick handler without keyboard equivalent
• Keyboard handler without tabindex
• JavaScript simulated link
• Field blurs when focused

2.2 Enough Time

2.2.1 A Timing Adjustable - 4 rules

• Timed meta tag page refresh
• Timed meta tag page redirect
• Timed HTTP page redirect
• Timed HTTP page refresh

2.2.2 A Pause, Stop, Hide - 7 rules

• CSS animation longer than 5 seconds
• Scrolling marquee element
• Flashing blink element
• Animated image longer than 5 seconds
• Autoplay video longer than 5 seconds
• CSS causes blinking
• JavaScript causes blinking

2.2.3 AAA No Timing - No rules

2.2.4 AAA Interruptions - 4 rules

• Timed meta tag page refresh
• Timed meta tag page redirect
• Timed HTTP page redirect
• Timed HTTP page refresh

2.2.5 AAA Re-authenticating - No rules

2.3 Seizures

2.3.1 A Three Flashes or Below Threshold - 1 rule

• Don't use large flashing images

2.3.2 AAA Three Flashes - 1 rule

• Don't use any flashing images

2.4 Navigable

2.4.1 A Bypass Blocks - 2 rules

• Frame title is frame file name
• Broken skip link

2.4.2 A Page Titled - 4 rules

• Document title missing
• Document title is blank
• Document title is placeholder
• Document title used on multiple pages

2.4.3 A Focus Order - 1 rule

• Tab order wrong

2.4.4 A Link Purpose (In Context) - 4 rules

• Image map has no accessible name
• HTML link has no accessible name
• Same link text in same context goes to different pages
• Ambiguous link text with no context

2.4.5 AA Multiple Ways - 1 rule

• Provide multiple ways to reach page

2.4.6 AA Headings and Labels - 2 rules

• label is blank
• Generic radio button labels need a fieldset

2.4.7 AA Focus Visible - 2 rules

• Field blurs when focused
• CSS outline or border hides focus indicator

2.4.8 AAA Location - No rules

2.4.9 AAA Link Purpose (Link Only) - 6 rules

• Image map has no accessible name
• HTML link has no accessible name
• Ambiguous link text
• Same link text goes to different pages
• Same link text in same context goes to different pages
• Ambiguous link text with no context

2.4.10 AAA Section Headings - 1 rule

• Page with no headings

3.1 Readable

3.1.1 A Language of Page - 3 rules

• Page language tag is invalid
• Missing page language
• Page languages do not match

3.1.2 AA Language of Parts - 2 rules

• Element language tag is invalid
• Language change without lang attribute

3.1.3 AAA Unusual Words - No rules

3.1.4 AAA Abbreviations - 1 rule

• Abbreviation without expansion

3.1.5 AAA Reading Level - 1 rule

• Page is hard to read

3.1.6 AAA Pronunciation - No rules

3.2 Predictable

3.2.1 A On Focus - 2 rules

• Unexpected popup on page load
• Field blurs when focused

3.2.2 A On Input - 3 rules

• select change event blocks keyboard navigation
• Form submits on focus change
• Script opens new window without warning

3.2.3 AA Consistent Navigation - No rules

3.2.4 AA Consistent Identification - No rules

3.2.5 AAA Change on Request - 10 rules

• Timed meta tag page refresh
• Timed meta tag page redirect
• Link target opens new window without warning
• JavaScript opens new window without warning
• Form auto-submits when tabbing
• Unexpected popup on page load
• Timed HTTP page refresh
• Popup appears when control value changes
• Timed JavaScript page refresh
• Unexpected JavaScript popup

3.3 Input Assistance

3.3.1 A Error Identification - No rules

3.3.2 A Labels or Instructions - 2 rules

• fieldset without legend
• Grouped fields need a label or instructions

3.3.3 AA Error Suggestion - No rules

3.3.4 AA Error Prevention (Legal, Financial, Data) - No rules

3.3.5 AAA Help - No rules

3.3.6 AAA Error Prevention (All) - No rules

4.1 Robust

4.1.1 A Parsing - 194 rules

• HTML nesting error
• Page has duplicate IDs
• a cannot have clickable ancestor a
• details cannot have clickable ancestor a
• embed cannot have clickable ancestor a
• iframe cannot have clickable ancestor a
• label cannot have clickable ancestor a
• a cannot have clickable ancestor button
• details cannot have clickable ancestor button
• embed cannot have clickable ancestor button
• iframe cannot have clickable ancestor button
• label cannot have clickable ancestor button
• button cannot have clickable ancestor a
• textarea cannot have clickable ancestor a
• select cannot have clickable ancestor a
• input cannot have clickable ancestor a
• button cannot have clickable ancestor button
• textarea cannot have clickable ancestor button
• select cannot have clickable ancestor button
• input cannot have clickable ancestor button
• video with controls must not appear as a descendant of a
• audio with controls must not appear as a descendant of a
• video with controls must not appear as a descendant of button
• audio with controls must not appear as a descendant of button
• form cannot have ancestor form
• progress cannot have ancestor progress
• meter cannot have ancestor meter
• dfn cannot have ancestor dfn
• noscript cannot have ancestor noscript
• label cannot have ancestor label
• address cannot have ancestor address
• section cannot have ancestor address
• nav cannot have ancestor address
• article cannot have ancestor address
• header cannot have ancestor header
• header cannot have ancestor footer
• header cannot have ancestor address
• footer cannot have ancestor header
• footer cannot have ancestor footer
• header cannot have ancestor dt
• footer cannot have ancestor dt
• article cannot have ancestor dt
• nav cannot have ancestor dt
• section cannot have ancestor dt
• h1 cannot have ancestor dt
• h2 cannot have ancestor dt
• h3 cannot have ancestor dt
• h4 cannot have ancestor dt
• h5 cannot have ancestor dt
• h6 cannot have ancestor dt
• hgroup cannot have ancestor dt
• header cannot have ancestor th
• footer cannot have ancestor th
• article cannot have ancestor th
• nav cannot have ancestor th
• section cannot have ancestor th
• h1 cannot have ancestor th
• h2 cannot have ancestor th
• h3 cannot have ancestor th
• h4 cannot have ancestor th
• h5 cannot have ancestor th
• h6 cannot have ancestor th
• hgroup cannot have ancestor th
• footer cannot have ancestor address
• h1 cannot have ancestor address
• h2 cannot have ancestor address
• h3 cannot have ancestor address
• h4 cannot have ancestor address
• h5 cannot have ancestor address
• h6 cannot have ancestor address
• table cannot have ancestor caption
• a cannot have ancestor a
• a cannot have ancestor button
• button cannot have ancestor a
• button cannot have ancestor button
• details cannot have ancestor a
• details cannot have ancestor button
• dialog cannot have ancestor a
• dialog cannot have ancestor button
• embed cannot have ancestor a
• embed cannot have ancestor button
• iframe cannot have ancestor a
• iframe cannot have ancestor button
• label cannot have ancestor a
• label cannot have ancestor button
• select cannot have ancestor a
• select cannot have ancestor button
• textarea cannot have ancestor a
• textarea cannot have ancestor button
• main cannot have ancestor a
• main cannot have ancestor address
• main cannot have ancestor article
• main cannot have ancestor aside
• main cannot have ancestor audio
• main cannot have ancestor blockquote
• main cannot have ancestor canvas
• main cannot have ancestor caption
• main cannot have ancestor dd
• main cannot have ancestor del
• main cannot have ancestor details
• main cannot have ancestor dialog
• main cannot have ancestor dt
• main cannot have ancestor fieldset
• main cannot have ancestor figure
• main cannot have ancestor footer
• main cannot have ancestor header
• main cannot have ancestor ins
• main cannot have ancestor li
• main cannot have ancestor main
• main cannot have ancestor map
• main cannot have ancestor nav
• main cannot have ancestor noscript
• main cannot have ancestor object
• main cannot have ancestor section
• main cannot have ancestor slot
• main cannot have ancestor td
• main cannot have ancestor th
• main cannot have ancestor video
• a cannot have ancestor with role=button
• a cannot have ancestor with role=link
• button cannot have ancestor with role=button
• button cannot have ancestor with role=link
• details cannot have ancestor with role=button
• details cannot have ancestor with role=link
• dialog cannot have ancestor with role=button
• dialog cannot have ancestor with role=link
• embed cannot have ancestor with role=button
• embed cannot have ancestor with role=link
• iframe cannot have ancestor with role=button
• iframe cannot have ancestor with role=link
• label cannot have ancestor with role=button
• label cannot have ancestor with role=link
• select cannot have ancestor with role=button
• select cannot have ancestor with role=link
• textarea cannot have ancestor with role=button
• textarea cannot have ancestor with role=link
• Element with tabindex cannot have ancestor with role=button
• Element with tabindex cannot have ancestor with role=link
• audio with controls cannot have ancestor with role=button
• audio with controls cannot have ancestor with role=link
• img with usemap cannot have ancestor with role=button
• img with usemap cannot have ancestor with role=link
• input cannot have ancestor with role=button
• input cannot have ancestor with role=link
• menu with toolbar cannot have ancestor with role=button
• menu with toolbar cannot have ancestor with role=link
• object with usemap cannot have ancestor with role=button
• object with usemap cannot have ancestor with role=link
• video with controls cannot have ancestor with role=button
• video with controls cannot have ancestor with role=link
• role=button cannot have ancestor with role=button
• role=button cannot have ancestor with role=link
• role=checkbox cannot have ancestor with role=button
• role=checkbox cannot have ancestor with role=link
• role=combobox cannot have ancestor with role=button
• role=combobox cannot have ancestor with role=link
• role=grid cannot have ancestor with role=button
• role=grid cannot have ancestor with role=link
• role=gridcell cannot have ancestor with role=button
• role=gridcell cannot have ancestor with role=link
• role=listbox cannot have ancestor with role=button
• role=listbox cannot have ancestor with role=link
• role=menu cannot have ancestor with role=button
• role=menu cannot have ancestor with role=link
• role=menubar cannot have ancestor with role=button
• role=menubar cannot have ancestor with role=link
• role=menuitem cannot have ancestor with role=button
• role=menuitem cannot have ancestor with role=link
• role=menuitemcheckbox cannot have ancestor with role=button
• role=menuitemcheckbox cannot have ancestor with role=link
• role=menuitemradio cannot have ancestor with role=button
• role=menuitemradio cannot have ancestor with role=link
• role=option cannot have ancestor with role=button
• role=option cannot have ancestor with role=link
• role=radio cannot have ancestor with role=button
• role=radio cannot have ancestor with role=link
• role=scrollbar cannot have ancestor with role=button
• role=scrollbar cannot have ancestor with role=link
• role=searchbox cannot have ancestor with role=button
• role=searchbox cannot have ancestor with role=link
• role=slider cannot have ancestor with role=button
• role=slider cannot have ancestor with role=link
• role=spinbutton cannot have ancestor with role=button
• role=spinbutton cannot have ancestor with role=link
• role=switch cannot have ancestor with role=button
• role=switch cannot have ancestor with role=link
• role=tab cannot have ancestor with role=button
• role=tab cannot have ancestor with role=link
• role=textbox cannot have ancestor with role=button
• role=textbox cannot have ancestor with role=link
• role=treeitem cannot have ancestor with role=button
• role=treeitem cannot have ancestor with role=link
• HTML parsing error
• img in noscript before body

4.1.2 A Name, Role, Value - 22 rules

• Image map has no accessible name
• Graphic button has no accessible name
• Frame has no accessible name
• Frame title is frame file name
• label is blank
• HTML link has no accessible name
• Alt text not updated
• JavaScript simulated link
• JavaScript control with no ARIA role
• ARIA control has no label
• HTML form control has no accessible name
• ARIA label references empty element
• input button without value or label
• ARIA button is blank
• HTML button has no accessible name
• ARIA menuitem is blank
• Hidden element is focusable
• ARIA role hides focusable children
• Clickable control without tabindex
• Focusable role=separator must have aria-valuenow
• Missing ARIA attribute
• Invalid aria-controls value