Might Need Manual Check

1.1.1 Non-text Content

Non-text Content Provide text alternatives for non-text content (alt text or alt="", alternative to infographics provided elsewhere, titled iframes, etc)

1.2.1 Audio-only and Video-only (Prerecorded)

Audio-only and Video-only (Pre-recorded) Provide an alternative to video-only and audio-only content (transcripts or description)

1.2.2 Captions (Prerecorded)

Captions (Pre-recorded) Provide captions for videos with audio (syncronized)

1.2.3 Audio Description or Media Alternative (Prerecorded)

Audio Description or Media Alternative (Pre-recorded) Video with audio has a second alternative (only required if there is relevant visual content not presented in the audio)

1.2.4 Captions (Live)

1.2.5 Audio Description (Prerecorded)

Audio Description (Pre-recorded) Users have access to audio description for video content (only required if there is a relevant visual content that is not presented in the audio)

1.2.6 Sign Language (Prerecorded)

Sign Language (Pre-recorded) Provide sign language translations for videos

1.2.7 Extended Audio Description (Prerecorded)

Extended Audio description (Pre-recorded) Provide extended audio description for videos (when video doesn't allow enough time for audio description)

1.2.8 Media Alternative (Prerecorded)

Media Alternative (Pre-recorded) Provide a text alternative to videos (transcript)

1.2.9 Audio-only (Live)

1.3.1 Info and Relationships

Info and Relationships Logical structure (semantic markup, tables for tabular data, text labels)

1.3.2 Meaningful Sequence

Meaningful Sequence Present content in a meaningful order (reading and nav order is logical)

1.3.3 Sensory Characteristics

Sensory Characteristics Use more than one sense for instructions (do not rely on shape size or visual location 'click the square' 'click the thing to the right', do not rely on sound 'beeping means you can continue')

(WCAG 2.1) Orientation not restricted to only portrait or landscape unless that orientation is necessary)

(WCAG 2.1) Identify input purpose Input fields that collect certain types of user information have an appropriate autocomplete attribute defined.

(WCAG 2.1) Identify Purpose html5 regions or aria landmarks used to identify page regions

1.4.1 Use of Color

Use of Colour Don’t use presentation that relies solely on colour (contrast at least 3:1 AND additional indication like underline)

1.4.2 Audio Control

Audio Control Don’t play audio automatically (provide way to stop audio/adjust volume)

1.4.3 Contrast (Minimum)

Contrast (Minimum) Contrast ratio between text and background is at least 4.5:1 (large text 24px or 18px and bold needs 3:1 ratio)

Resize Text Text can be resized to 200% without loss of content or function (readable and functional at 200% zoom)

1.4.5 Images of Text

Images of Text Don’t use images of text (If the same visual presentation can be made using text alone, an image is not used to present that text.)

1.4.6 Contrast (Enhanced)

Contrast (Enhanced) Contrast ratio between text and background is at least 7:1 (Large text - at least 18 point (typically 24px) or 14 point (typically 18.66px) bold - has a contrast ratio of at least 4.5:1.)

1.4.7 Low or No Background Audio

Low or No Background Audio Audio is clear for listeners to hear (Audio with speech has no or very low background noise so the speech is easily distinguished)

1.4.8 Visual Presentation

Visual Presentation Offer users a range of presentation options (Blocks of text over one sentence in length: Are no more than 80 characters wide. Are NOT fully justified (aligned to both the left and the right margins). Have adequate line spacing (at least 1/2 the height of the text) and paragraph spacing (1.5 times line spacing). Have a specified foreground and background color. These can be applied to specific elements or to the entire page using CSS (and thus inherited by all other elements). Do NOT require horizontal scrolling when the text size is doubled. )

1.4.9 Images of Text (No Exception)

Images of Text (No Exception) Don’t use images of text (text is only for decoration)

(WCAG 2.1) Reflow (No loss of content or functionality occurs and horizontal scrolling is avoided when content is presented at a width of 320 pixels. This requires responsive design for most web sites. This is best tested by setting the browser window to 1280 pixels wide and then zooming the page content to 400%. Content that requires horizontal scrolling, such as data tables, complex images (such as maps and charts), toolbars, etc. are exempted.

(WCAG 2.1) Non-text Contrast ratio of 3:1 for graphical objects(icons etc) and buttons, forms controls etc (all states focus, hover, active)

(WCAG 2.1) Text spacing No loss of content or functionality occurs when the user adapts paragraph spacing to 2 times the font size, text line height/spacing to 1.5 times the font size, word spacing to .16 times the font size, and letter spacing to .12 times the font size. This is best supported by avoiding pixel height definitions for elements that contain text.

(WCAG 2.1) Content on Hover or Focus when additional content is presented on hover or keyboard functions (The newly revealed content can be dismissed (generally via the Esc key) without moving the pointer or keyboard focus, unless the content presents an input error or does not obscure or interfere with other page content. The pointer can be moved to the new content without the content disappearing. The new content must remain visible until the pointer or keyboard focus is moved away from the triggering control, the new content is dismissed, or the new content is no longer relevant.)

Keyboard Accessible by keyboard only (everything accessible by keyboard)

2.1.2 No Keyboard Trap

No Keyboard Trap Don’t trap keyboard users (keyboard focus not locked or trapped at an element)

2.1.3 Keyboard (No Exception)

(WCAG 2.1) character key shortcuts (If a keyboard shortcut uses printable character keys, then the user must be able to disable the key command, change the defined key to a non-printable key (Ctrl, Alt, etc.), or only activate the shortcut when an associated interface component or button is focused.)

2.2.1 Timing Adjustable

Timing Adjustable Time limits have user controls (if page or app has time limit)

2.2.2 Pause, Stop, Hide

Pause, Stop, Hide Provide user controls for moving content (Automatically moving, blinking, or scrolling content (such as carousels, marquees, or animations) that lasts longer than 5 seconds can be paused, stopped, or hidden by the user. also dynamically updating content like news tickers and chat)

2.2.4 Interruptions

Interruptions Don’t interrupt users (alerts, updates can be postponed or suppressed by user)

2.2.5 Re-authenticating

(WCAG 2.1) Timeouts users must be warned of timeouts that could result in data loss unless data is preserved for longer than 20 hours of user inactivity

2.3.1 Three Flashes or Below Threshold

Three Flashes or Below No content flashes more than three times per second unless it's small and low contrast and do not contain much red

2.3.2 Three Flashes

Three Flashes No content flashes more than three times per second (no exceptions)

2.4.1 Bypass Blocks

Bypass Blocks Provide a ‘Skip to Content’ link (skip nav and other repeated content, proper heading structure and regions/landmarks can be sufficient but skip link is recommended))

2.4.2 Page Titled

2.4.3 Focus Order

2.4.4 Link Purpose (In Context)

2.4.5 Multiple Ways

Multiple Ways Offer several ways to find pages (at least 2 - list of related pages, table of contents, site map, search, or list of all page)

2.4.6 Headings and Labels

Headings and Labels Use clear headings and labels (Page headings and labels for form and interactive controls are informative. Avoid duplicating heading (e.g., "More Details") or label text (e.g., "First Name") unless the structure provides adequate differentiation between them.)

2.4.7 Focus Visible

Location Let users know where they are (breadcrumbs or specifying steps 'step 2 of 5')

2.4.9 Link Purpose (Link Only)

Link Purpose (Link Only) Every link’s purpose is clear from its text (not context)

2.4.10 Section Headings

Section Headings Break up content with headings (Beyond providing an overall document structure, individual sections of content are designated using headings, where appropriate)

(WCAG 2.1) Pointer gestures If (pinching swiping etc) not essential to the functionality then it can also be performed with a single point activation (like a button)

(WCAG 2.1) Pointer Cancellation (to avoid inadvertent activation avoid non-essential down-event, use onclick or onmouseup or similar, and if onmouseup is used provide a mechanism to abort or undo)

(WCAG 2.1) Label in Name (If a link or button etc presents text, the label, alt text, aria-label etc must include the visible text)

(WCAG 2.1) Motion Actuation (functionality triggered by moving the device can be disabled and equivalent functionality is provided by standard controls)

(WCAG 2.1) Target Size (Clickable targets are at least 44 by 44 pixels in size unless an alternative target of that size is provided, the target is inline (such as a link within a sentence), the target is not author-modified (such as a default checkbox), or the small target size is essential to the functionality.)

(WCAG 2.1) Concurrent Input Mechanisms (Content does not restrict input to a specific modality, such as touch-only or keyboard-only, but must support alternative inputs (such as using a keyboard on a mobile device).)

3.1.1 Language of Page

3.1.2 Language of Parts

Language of Parts Tell users when the language on a page changes (blockquote lang="es")

3.1.3 Unusual Words

Unusual words Explain any strange words (defined through adjacent text, a definition list, glossary or other)

3.1.4 Abbreviations

Abbreviations Explain any abbreviations (The meaning of an unfamiliar abbreviation is provided by expanding it the first time it is used, using the <abbr> element, or linking to a definition or glossary.)

3.1.5 Reading Level

Reading Level Users with nine years of school can read your content (provide alternative)

3.1.6 Pronunciation

Pronunciation Explain any words that are hard to pronounce (If the pronunciation of a word is vital to understanding that word, its pronunciation is provided immediately following the word or via a link or glossary.)

On Focus Elements do not change when they receive focus (When a page element receives focus, it does not result in a substantial change to the page, the spawning of a pop-up window, an additional change of keyboard focus, or any other change that could confuse or disorient the user.)

On Input Elements do not change when they receive input (same as above)

3.2.3 Consistent Navigation

Consistent Navigation Use menus consistently (Navigation links that are repeated on web pages do not change order when navigating through the site)

3.2.4 Consistent Identification

Consistent Identification Use icons and buttons consistently ( For example, a search box at the top of the site should always be labeled the same way.)

3.2.5 Change on Request

Change on Request Don’t change elements on your website until users ask (pop up windows etc, or provide an option to disable)

3.3.1 Error Identification

Error Identification Clearly identify input errors (provide info for required specific formats, validation errors are clearly IDed and quick access to fix)

3.3.2 Labels or Instructions

Labels or Instructions Label elements and give instructions (Sufficient labels, cues, and instructions for required interactive elements are provided via instructions, examples, properly positioned form labels, and/or fieldsets/legends.)

3.3.3 Error Suggestion

3.3.4 Error Prevention (Legal, Financial, Data)

Error Prevention (Legal, Financial, Data) Reduce the risk of input errors for sensitive data (If the user can change or delete legal, financial, or test data, the changes/deletions can be reversed, verified, or confirmed.)

Help Provide detailed help and instructions and context to help fill in forms and submit

3.3.6 Error Prevention (All)

Error Prevention (All) Reduce the risk of all input errors (If the user can submit information, the submission is reversible, verified, or confirmed.)

4.1.2 Name, Role, Value

(WCAG 2.1) Status Messages (If an important status message is presented and focus is not set to that message, the message must be announced to screen reader users, typically via an ARIA alert or live region)

(WCAG 2.1) Animation from interactions (Users can disable non-essential animation and movement that is triggered by user interaction)