Implementing WCAG securely

(A)

• 2.1.1 Keyboard Accessibility: Operability of all content via keyboard, except for path-dependent functions. (e.g., menus that are operable with both mouse and keyboard, especially for individuals with motor impairments)
• 2.1.2 No Keyboard Trap: Ability to move keyboard focus away from any element, with information about specific methods. (e.g., interactive map allowing users to set waypoints with a specific key and remove them without getting stuck in operation)
• 2.1.4 Keyboard Shortcuts: Options for deactivation, reassignment, or focus-dependent activation of keyboard shortcuts. (e.g., website with keyboard shortcuts for main functions, but also deactivatable to avoid conflicts with screen readers, etc.)

(AAA)

• 2.1.3 Keyboard (No Exception): Operability of all content via keyboard without timing requirements for key presses. (e.g., an online exam that can be completed solely using the keyboard and without time limits for individual responses)

(A)

• 2.3.1 Three Flashes or Below Threshold: No content that flashes more than three times per second or exceeds general flash and red flash thresholds.

(AAA)

• 2.3.2 Three Flashes: Prohibition of content that flashes more than three times per second.
• 2.3.3 Animation from Interactions: Disableable motion animations from interactions, except when essential. (e.g., interactive map offering the option to disable motion animations to prevent vestibular disorders)

(A)

• 2.4.1 Bypass Blocks: Mechanism to skip repeated content blocks across multiple web pages. (e.g., through “skip to main content” buttons)
• 2.4.2 Page Titles: Web pages with meaningful titles describing the topic or purpose.
• 2.4.3 Focus Order: Sequential navigability with retained meaning and operability during focus changes. (e.g., tab order always from top to bottom and left to right)
• 2.4.4 Link Purpose (In Context): Determinability of the link purpose from the link text alone or in conjunction with its programmatically determined context. (e.g., instead of “click here to download,” use “download the computer science course schedule”)

(AA)

• 2.4.5 Multiple Ways: More than one way to locate a web page within a set, except for process-driven pages. (e.g., more than one function to search for something on a web page)
• 2.4.6 Headings and Labels: Headings and labels that describe the topic or purpose.
• 2.4.7 Visible Focus: Visible keyboard focus on any operable user interface component. (e.g., links and forms with clearly visible borders when clicked)

(AAA)

• 2.4.8 Location: Availability of information about the user’s location within a set of web pages. (e.g., location in the table of contents, scrollbar on the webpage itself)
• 2.4.9 Link Purpose (Link Only): Mechanism to identify the link purpose from the link text alone.
• 2.4.10 Section Headings: Use of section headings to structure content.
• 2.4.11 Focus Not Covered (Minimum) [New]: Keyboard focus does not have any author-generated content fully covering the element. (e.g., no pop-up or overlay covering the screen)
• 2.4.12 Focus Not Covered (Enhanced) [New]: No part of the focused element is covered by author-generated content. (e.g., no pop-up or overlay covering parts of the screen)
• 2.4.13 Focus Appearance [New]: Visible focus indicators with specific size and contrast requirements. (e.g., focus indicators that are very large and high-contrast)

(A)

2.5.1 Bypass Blocks: Mechanism for skipping repeated content blocks across multiple web pages. (e.g., through “skip to main content” buttons)

• 2.5.2 Page Titles: Websites with meaningful titles describing the topic or purpose.
• 2.5.3 Focus Order: Sequential navigability with preserved meaning and operability during focus changes. (e.g., tab order always from top to bottom and left to right)
• 2.5.4 Link Purpose (In Context): Determination of the link purpose from the link text alone or in conjunction with its programmatically determined context. (e.g., instead of “click here to download,” use “download the computer science course schedule”)

(AA)

• 2.5.5 Multiple Paths: More than one way to locate a webpage within a set, except for process-driven pages. (e.g., more than one function to search for something on a webpage)
• 2.5.6 Headings and Labels: Headings and labels that describe the topic or purpose.
• 2.5.7 Visible Focus: Visible keyboard focus on every operable user interface component. (e.g., links and forms with clearly visible borders when clicked)

(AAA)

• 2.5.8 Location: Availability of information about the user’s position within a set of web pages. (e.g., location in the table of contents, scrollbar on the webpage itself)
• 2.5.9 Link Purpose (Link Alone): Mechanism to identify the link purpose from the link text alone.
• 2.5.10 Section Headings: Use of section headings to structure content.
• 2.5.11 Focus Not Covered (Minimum) [New]: When keyboard focus is on, the element is not completely covered by author-generated content. (e.g., no pop-up or overlay covering the screen)
• 2.5.12 Focus Not Covered: No part of the focused element is covered by author-generated content. (e.g., no pop-up or overlay covering parts of the screen)
• 2.5.13 Focus Appearance [New]: Visible focus indicators with specific size and contrast requirements. (e.g., focus indicators that are very large and high-contrast)