Working Group Techniques Development Assignments

From WCAG WG

This page shows the techniques that the Working Group is either working on or considering working on.

How to use this page

Working Group members should do the following:

  1. Find 2-3 techniques (or more!) that you are interested in working on.
  2. Edit the wiki table and add your name or unique identifier to the cell in the "Assigned to" column for the appropriate rows. Use the preview feature of the wiki editor so you make sure that it is correctly entered and doesn't create a problem for the table.
  3. As you develop the technique, add status information to the "Text", "Example Code", "Live Example(s)", and "Test Procedure" columns. Appropriate values are: Incomplete | Complete | Need help | n/a ||
  4. Do not change the priority column information
  5. When the draft is done, change the "Status" column to "Review". If the working group approves the technique the status will change to "Approved" and once added to the source documents it will change to "Complete".

General

Technique Assigned to Priority Text Example Code Live Example(s) Test Procedure Original Technique (if applicable) Status
Using relative lightness in addition to color to convey information (see F73 and G183) Unassigned - Incomplete Incomplete Incomplete Incomplete n/a

CSS

Technique Assigned to Priority Text Example Code Live Example(s) Test Procedure Original Technique (if applicable) Status
Using CSS to highlight the focused element Duplicates C15 - Incomplete Incomplete Incomplete Incomplete n/a
Using an invisible header text in the sidebar navigation Kathy W - Incomplete Incomplete Incomplete Incomplete n/a
Using CSS Clipping with Sprites Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
CSS for focus visible Kathy W - Incomplete Incomplete Incomplete Incomplete n/a
CSS responsive layouts Wilhelm / Mobile TF - Incomplete Incomplete http://wja.no/t/responsive-technique/ Incomplete n/a
CSS for icon fonts Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
CSS for content:before images and sprites (See F87) Unassigned - Incomplete Incomplete Incomplete Incomplete n/a

HTML

Technique Assigned to Priority Text Example Code Live Example(s) Test Procedure Original Technique (if applicable) Status
Using data table markup to label form elements (e.g. single Likert-type scale radio buttons used for multiple rows) Bruce - Incomplete Incomplete Incomplete Incomplete n/a
Use markup to associate data cells and header cells for data tables that have two or more logical levels of row or column headers Bruce - Incomplete Incomplete Incomplete Incomplete n/a
Failure of 1.3.1 for not including table title in CAPTION Bruce - Incomplete Incomplete Incomplete Incomplete n/a
Edit H91 to add input type=file Tim - Incomplete Incomplete Incomplete Incomplete Incomplete
Providing a page title which serves as a mechanism to locate a page - - Incomplete Incomplete Incomplete Incomplete
Providing heading elements at the beginning of primary/main content - - Incomplete Incomplete Incomplete Incomplete

HTML5

Technique Assigned to Priority Text Example Code Live Example(s) Test Procedure Original Technique (if applicable) Status
ADD NOTE to H74 that opening and closing rules differ in HTML 5 Kathleen - Complete n/a n/a n/a H74 Implemented
Edit G141 to allow other ways to create headings AWK - Complete Complete Complete Complete G141 Implemented
Modify H30 due to links being allowed to wrap block level elements Kathleen - n/a Complete Complete n/a H30 Implemented
Add 2.4.10 to H69 AWK - Complete n/a n/a Complete H69 Implemented
Using the track element to provide captions - Complete Complete Complete Complete n/a H95
Using the track element to provide audio descriptions - Complete Complete Complete Complete n/a H96
Grouping related links using the nav element Jon Avila - Complete Complete Complete Complete n/a H97
Using the aside element to associate content related to an article Jon Avila - Complete Complete Complete Complete n/a Review
Using figure and figcaption Alastair - Incomplete Incomplete Incomplete Incomplete n/a
Using a shadow DOM with HTML 5 Canvas ShadowDOM for Canvas for non-text content James - Incomplete Incomplete Incomplete Incomplete n/a
Using a shadow DOM with HTML 5 Canvas Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Using details and summary Paul - Incomplete Incomplete Incomplete Incomplete n/a
Using Menus Marc - Incomplete Incomplete Incomplete Incomplete n/a
Using Commands Marc - Incomplete Incomplete Incomplete Incomplete n/a
Using @title attribute on img elements Kathleen - Incomplete Incomplete Incomplete Incomplete n/a
Using the TextTrack API to provide captions dynamically Loretta/Paul - Incomplete Incomplete Incomplete Incomplete n/a
Playing a sign language video from a video element's video track list Loretta/Paul - Incomplete Incomplete Incomplete Incomplete n/a
Using section elements Single Page of HTML5 Section element examples Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
The <section> element Tim - Incomplete Incomplete Incomplete Incomplete n/a
The <article> element Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
technique for <audio> and <video> Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Creating resizable text in HTML 5 canvas Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Edit H91 in order to add the new control labeling mechanisms Paul - Incomplete Incomplete Incomplete Incomplete H91
Edit H91 to account the AAPI mappings in the HTML5 Paul - Incomplete Incomplete Incomplete Incomplete H91
technique like H91 for HTML5 interactive controls such as details, menu & dialog Paul - Incomplete Incomplete Incomplete Incomplete n/a
Keyboard accessible video players in HTML 5 Josh - Incomplete Incomplete Incomplete Incomplete n/a
Using HTML 5 structural elements (is that the right name? <nav> etc) TODO: expand this - base on http://www.w3.org/WAI/GL/wiki/Using_HTML5_section_elements (similar to http://www.w3.org/WAI/GL/wiki/Using_ARIA_landmarks_to_identify_regions_of_a_page ) James - Incomplete Incomplete Incomplete Incomplete n/a
Using headings and hgroup (HTML5 outlining mechanism) (hgroup deprecated) Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Using tabindex Adam - Incomplete Incomplete Incomplete Incomplete n/a
Drawing focus rings for HTML 5 Canvas Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Using an audio element to provide the pronunciation Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
autofocus (maybe an advisory technique for 3.2 or 3.3 here - but low priority) Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Using Sectioning elements consistently across pages James - Incomplete Incomplete Incomplete Incomplete n/a
Using @required Marc - Incomplete Incomplete Incomplete Incomplete n/a
Using @maxlength Marc - Incomplete Incomplete Incomplete Incomplete n/a
Using <input type=number> Marc - Incomplete Incomplete Incomplete Incomplete n/a
Using <input type=range> Marc - Incomplete Incomplete Incomplete Incomplete n/a
Using <input type=url> Marc - Incomplete Incomplete Incomplete Incomplete n/a
Using <input type=email> Marc - Incomplete Incomplete Incomplete Incomplete n/a
Using <input type=tel> Marc - Incomplete Incomplete Incomplete Incomplete n/a
datetime|month etc> Marc - Incomplete Incomplete Incomplete Incomplete n/a
Using @pattern James - Incomplete Incomplete Incomplete Incomplete n/a
Using @min and @max James - Incomplete Incomplete Incomplete Incomplete n/a
Using @step James - Incomplete Incomplete Incomplete Incomplete n/a
Using 4.10.21 Constraints James/Paul - Incomplete Incomplete Incomplete Incomplete n/a
Using Custom Error messages Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Using @placeholder on input The placeholder disappearing on type-in is a problem for people with cognitive disabilities. Advisory? Paul - Incomplete Incomplete Incomplete Incomplete n/a
Using aria-describedby to associate instructions with a user input control Loretta - Incomplete Incomplete Incomplete Incomplete n/a
Using aria-labelledby to associate a label with a user input control Loretta - Incomplete Incomplete Incomplete Incomplete n/a
Using lists and datalists instead of freeform input Marc - Incomplete Incomplete Incomplete Incomplete n/a
Using select and option instead of freeform input Marc - Incomplete Incomplete Incomplete Incomplete n/a
Using @autocomplete or Turning off @autocomplete Loretta/John - Incomplete Incomplete Incomplete Incomplete n/a
Using @readonly Adam - Incomplete Incomplete Incomplete Incomplete n/a
Using the HTML5 Accessible Name calculation hierarchy Loretta - Incomplete Incomplete Incomplete Incomplete n/a
Ensuring @placeholder text meet color contrast requirements - - Incomplete Incomplete Incomplete Incomplete n/a
Update F62 for HTML5 - - Incomplete Incomplete Incomplete Incomplete F62

Client Side Script

Technique Assigned to Priority Text Example Code Live Example(s) Test Procedure Original Technique (if applicable) Status
Inserting elements into the DOM in meaningful order Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Using innerHTML, outerHTML, insertAdjacentHTML, and document.write Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Failure due to inserting new elements at the end of the DOM, rather than near their related elements (needs rewrite) - for example to show a modal dialog. Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Creating an accessible popup definition Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Managing focus for modal dialogs Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Using a script load toggle for feature detection libraries to provide a conforming alternate version Unassigned - Incomplete Incomplete Incomplete Incomplete n/a

ARIA

Technique Assigned to Priority Text Example Code Live Example(s) Test Procedure Original Technique (if applicable) Status
Using the region role to identify a region of the page Sailesh - Complete Complete Complete Complete n/a ARIA20
Using Aria-Invalid to Indicate An Error Field Sailesh - Complete Complete Complete Complete n/a ARIA21
Using aria-describedby for link purpose David MacDonald - Complete Complete Complete Complete n/a Review
Using Aria role=dialog to expose a custom dialog (pop-up div box) JCraig/Detlev - Complete Complete Complete Complete n/a Review
Using the WAI-ARIA aria-expanded state to mark expandable and collapsible regions Loretta - Incomplete Incomplete Incomplete Incomplete n/a
Making actions keyboard accessible by using keyboard event handlers with WAI-ARIA controls Loretta/Josh - Incomplete Incomplete Incomplete Incomplete n/a
Using ARIA menus Jon Gunderson - Incomplete Incomplete Incomplete Incomplete n/a
Using ARIA trees Jon Gunderson - Incomplete Incomplete Incomplete Incomplete n/a
Using aria-activedescendant to allow changes in focus within widgets to be communicated to Assistive Technology Adam - Incomplete Incomplete Incomplete Incomplete n/a
Using aria-describedby for link purpose Detlev - Incomplete Incomplete Incomplete Incomplete n/a
Using WAI-ARIA aria-checked=mixed Jon Gunderson - Incomplete Incomplete Incomplete Incomplete n/a
Using WAI-ARIA states and properties to create a menu James - Incomplete Incomplete Incomplete Incomplete n/a
Failure of 4.1.2 due to using Using Abstract Roles James - Incomplete Incomplete Incomplete Incomplete n/a
Using WAI-ARIA range attributes for range widgets such as progressbar, scrollbar, slider, and spinbutton Loretta - Incomplete Incomplete Incomplete Incomplete n/a
Using WAI-ARIA states and properties to create an interactive grid Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Failure of 1.3.1 due to using role=""application"" when not all content is navigable Unassigned - Incomplete Incomplete Incomplete Incomplete n/a
Using role=presentation to indicate a layout table - - Incomplete Incomplete Incomplete Incomplete n/a

Status

PDF

Technique Assigned to Priority Text Example Code Live Example(s) Test Procedure Original Technique (if applicable) Status
Ensuring correct tab and reading order in PDF documents AWK - Incomplete Incomplete Incomplete Incomplete n/a

Failures

Technique Assigned to Priority Text Example Code Live Example(s) Test Procedure Original Technique (if applicable) Status
Failure of Success Criterion 1.3.1 and 4.1.1 due to insufficient information in DOM to determine one-to-one relationships N/A - Incomplete Incomplete Incomplete Incomplete F17

Conformance

Technique Assigned to Priority Text Example Code Live Example(s) Test Procedure Original Technique (if applicable) Status
Creating a conforming alternate version for a responsive web page designed with progressive enhancement Alistair Garrison - Complete Complete Incomplete Complete n/a Review
Retrieved from "https://www.w3.org/WAI/GL/wiki/index.php?title=Working_Group_Techniques_Development_Assignments&oldid=5078"