WCAG 2.1 Understanding and Techniques Development
This page includes links to all of the accepted SC, and a table of information to help the WG understand what work is needed for each:
Current Editor's Draft (Rendered as HTML): http://rawgit.com/w3c/wcag21/master/guidelines/index.html
Proposed Techniques for Accepted SC
Understanding Document
Techniques
WCAG 2.1 Master List Across all Taskforces:
OLD Techniques List
Everything below this line is for reference only, please use the WCAG 2.1 master list – see link above.
Reflow
- Techniques
- Using CSS Flexbox to reflow content (CSS) (Jake)
- Using CSS Grid to reflow content (CSS) (Jake)
- Using vertical media queries to un-fix sticky headers / footers (CSS) (Jake)
Character Key Shortcuts
- Techniques
- Turn off, Remap
- Failures
- Single key shortcut
Label in Name
- Techniques
- Ensuring that visible labels match their accessible names | View in rawgit (Drafted by Detlev)
- Label contained in accessible name
- Failures
- Accessible name does not contain visible text
Target Size
- Techniques
- Target size for buttons, links and controls
- Failures
- Target size less than 44 x 44 CSS px for buttons and controls
Pointer Gestures
- Techniques
- Ensuring that functionality triggered by multipoint or path-based gestures can be operated with a single pointer (Completed by @detlevhfischer 2018-02-28)
- Failures
- No single-point activation
Pointer Cancellation
- Techniques
- Activating a control using the up-Event
- Ensuring that drag-and-drop gestures can be cancelled (Completed by @detlevhfischer 2018-03-07)
- Activation events are not triggered when touch is removed from a control (Completed by Chris 2018-03-29)
- Failures
- Failing due to activating a button on initial touch location rather than the final touch location
Concurrent Input Mechanisms
- Techniques
- Only using high-level, input-agnostic event handlers (focus, blur, click) in Javascript (operating systems/UAs fire these events for all input mechanisms).
- Registering event handlers for keyboard/keyboard-like and pointer inputs simultaneously in Javascript
- Failures
- Registering either touch event handlers or keyboard/mouse event handlers based on a feature check/presence of a touchscreen in Javascript.
- Using CSS Media Queries Level 4 Interaction Media Features to determine what the UA deems to be the "primary" input mechanism and assuming no other input mechanisms are present/may be added/may be used.
Orientation
- Techniques
- Using CSS to set the orientation to allow both landscape and portrait.
- Use of show/hide controls to allow access to content in different orientations.
- Use of the flexible box model to change the meaningful sequence order of content to match the visual order in different orientations.
- Failures
- Locking the orientation.
- Non-essential functionality that is only available in one orientation.
Motion Actuation
- Techniques
- Do not use the device motion event to activate content functionality
- Ensure that alternative means of input exist when using device motion sensor input to activate content functionality
- Functionality/content must not solely rely on device inputs (e.g. an alternative which does not require the user to manipulate their device/use these device inputs must be available)
- Failures
- Functionality/content solely relies on device inputs (e.g. shaking or tilting)
Status Changes
- Techniques
- G199
- ARIA19
- using role="status"
- Using role="log"
- Using role="timer"
- Using role="progressbar"
- Failures
- Using role="alert" or aria-live="assertive" on content which is not critical and time-sensitive