HTML Techniques
Main_Page > Draft WCAG Techniques > HTMLTechniques
These WCAG Techniques are currently under review by the Mobile Accessibility Task Force. Any changes marked are a draft and are NOT approved by the Mobile Accessibility Task Force and the WCAG Working Group
Instructions to the Task Force
- Select a technique to evaluate.
- Read the full technique in the WCAG Techniques
- Determine if the technique is applicable to Mobile Accessibility.
- If the technique is not applicable to mobile accessibility (please use this category sparingly – beware mobile stereotypes):
- Edit the list below by pasting this string after the technique name:
<span style="color:#808080;"> (not applicable) </span>
- Add your name and date at the end of the same line.
- Save this page.
- Edit the list below by pasting this string after the technique name:
- If the technique is applicable but does not require any changes:
- Edit the list below and paste this string after the technique name:
<span style="color:green;"> (applicable as is) </span>
- Add your name and date at the end of the same line.
- Save this page.
- Edit the list below and paste this string after the technique name:
- If the technique requires changes:
- Edit the list below by adding double brackets [[ ]] around the number of the technique to make a new wiki page. (Don't include the colon inside the brackets.)
- Paste this string after the technique name:
<span style="color:#D90000;"> (requires changes)</span>
- Add your name and date at the end of the same line.
- Save this page.
- Open the new page by clicking on the red link.
- Copy the technique link from the WCAG Techniques page. The link should have the date 20120103 in it.
- Copy and paste the list below at the top of the page, and enter your comments.
- Save the new page.
- If the technique is not applicable to mobile accessibility (please use this category sparingly – beware mobile stereotypes):
'''Notes on the WCAG Technique Sections''' * Applicability: PLACEHOLDER * Description: PLACEHOLDER * Examples: PLACEHOLDER * Related: PLACEHOLDER * Tests: PLACEHOLDER - NAME and DATE
HTML Techniques
- H2: Combining adjacent image and text links for the same resource (applicable as is) -Alistair Garrison, 20-02-2014
- H4: Creating a logical tab order through links, form controls, and objects (applicable as is) -Alistair Garrison, 20-02-2014
- H24: Providing text alternatives for the area elements of image maps (requires changes) -Alistair Garrison, 20-02-2014
- H25: Providing a title using the title element (applicable as is) -Alistair Garrison, 20-02-2014
- H27: Providing text and non-text alternatives for object (applicable as is) -Alistair Garrison, 20-02-2014
- H28: Providing definitions for abbreviations by using the abbr and acronym elements (applicable as is) -Alistair Garrison, 20-02-2014
- H30: Providing link text that describes the purpose of a link for anchor elements (applicable as is) -Alistair Garrison, 20-02-2014
- H32: Providing submit buttons (requires changes) -Alistair Garrison, 20-02-2014
- H33: Supplementing link text with the title attribute (applicable as is) -Alistair Garrison, 20-02-2014
- H34: Using a Unicode right-to-left mark (RLM) or left-to-right mark (LRM) to mix text direction inline (applicable as is) -Alistair Garrison, 20-02-2014
- H35: Providing text alternatives on applet elements (applicable as is) -Alistair Garrison, 20-02-2014
- H36: Using alt attributes on images used as submit buttons (requires changes) -Alistair Garrison, 20-02-2014
- H37: Using alt attributes on img elements (applicable as is) -Alistair Garrison, 20-02-2014
- H39: Using caption elements to associate data table captions with data tables (applicable as is) -Alistair Garrison, 20-02-2014
- H40: Using definition lists (applicable as is) -Alistair Garrison, 20-02-2014
- H42: Using h1-h6 to identify headings (applicable as is) -Alistair Garrison, 20-02-2014
- H43: Using id and headers attributes to associate data cells with header cells in data tables (applicable as is) -Alistair Garrison, 20-02-2014
- H44: Using label elements to associate text labels with form controls (applicable as is) -Alistair Garrison, 20-02-2014
- H45: Using longdesc (applicable as is) -Alistair Garrison, 20-02-2014
- H46: Using noembed with embed (applicable as is) -Alistair Garrison, 20-02-2014
- H48: Using ol, ul and dl for lists or groups of links (applicable as is) -Alistair Garrison, 20-02-2014
- H49: Using semantic markup to mark emphasized or special text (applicable as is) -Alistair Garrison, 20-02-2014
- H50:
Using map to group linksFile no longer found -Alistair Garrison, 20-02-2014 - H51: Using table markup to present tabular information (applicable as is) -Alistair Garrison, 20-02-2014
- H53: Using the body of the object element (applicable as is) -Alistair Garrison, 20-02-2014
- H54: Using the dfn element to identify the defining instance of a word (applicable as is) -Alistair Garrison, 20-02-2014
- H56: Using the dir attribute on an inline element to resolve problems with nested directional runs (applicable as is) -Alistair Garrison, 20-02-2014
- H57: Using language attributes on the html element (applicable as is) -Alistair Garrison, 20-02-2014
- H58: Using language attributes to identify changes in the human language (applicable as is) -Alistair Garrison, 20-02-2014
- H59: Using the link element and navigation tools (applicable as is) -Alistair Garrison, 20-02-2014
- H60: Using the link element to link to a glossary (applicable as is) -Alistair Garrison, 20-02-2014
- H62: Using the ruby element (applicable as is) -Kathy Wahlbin, 31-01-2014
- H63: Using the scope attribute to associate header cells and data cells in data tables (requires changes) -Kathy Wahlbin, 31-01-2014
- H64: Using the title attribute of the frame and iframe elements (applicable as is) -Kathy Wahlbin, 31-01-2014
- H65: Using the title attribute to identify form controls when the label element cannot be used (applicable as is) -Kathy Wahlbin, 31-01-2014
- H67: Using null alt text and no title attribute on img elements for images that AT should ignore (applicable as is) -Kathy Wahlbin, 31-01-2014
- H69: Providing heading elements at the beginning of each section of content (applicable as is) -Kathy Wahlbin, 31-01-2014
- H70: Using frame elements to group blocks of repeated material
- H71: Providing a description for groups of form controls using fieldset and legend elements (applicable as is) -Kathy Wahlbin, 31-01-2014
- H73: Using the summary attribute of the table element to give an overview of data tables
- H74: Ensuring that opening and closing tags are used according to specification (applicable as is) -Kathy Wahlbin, 31-01-2014
- H75: Ensuring that Web pages are well-formed (applicable as is) -Kathy Wahlbin, 31-01-2014
- H76: Using meta refresh to create an instant client-side redirect
- H77: Identifying the purpose of a link using link text combined with its enclosing list item (applicable as is) -Kathy Wahlbin, 31-01-2014
- H78: Identifying the purpose of a link using link text combined with its enclosing paragraph (applicable as is) -Kathy Wahlbin, 31-01-2014
- H79: Identifying the purpose of a link using link text combined with its enclosing table cell and associated table headings (applicable as is) -Kathy Wahlbin, 31-01-2014
- H80: Identifying the purpose of a link using link text combined with the preceding heading element (applicable as is) -Kathy Wahlbin, 31-01-2014
- H81: Identifying the purpose of a link in a nested list using link text combined with the parent list item under which the list is nested (applicable as is) -Kathy Wahlbin, 31-01-2014
- H83: Using the target attribute to open a new window on user request and indicating this in link text
- H84: Using a button with a select element to perform an action (applicable as is) -Kathy Wahlbin, 31-01-2014
- H85: Using OPTGROUP to group OPTION elements inside a SELECT
- H86: Providing text alternatives for ASCII art, emoticons, and leetspeak
- H87: Not interfering with the user agent's reflow of text as the viewing window is narrowed
- H88: Using HTML according to spec (applicable as is) -Kathy Wahlbin, 31-01-2014
- H89: Using the title attribute to provide context-sensitive help (requires changes) -Kathy Wahlbin, 31-01-2014
- H90: Indicating required form controls using label or legend (applicable as is) -Kathy Wahlbin, 31-01-2014
- H91: Using HTML form controls and links (requires changes) -Kathy Wahlbin, 31-01-2014
- H92: Including a text cue for colored form control labels (requires changes) -Kathy Wahlbin, 31-01-2014
- H93: Ensuring that id attributes are unique on a Web page (applicable as is) -Kathy Wahlbin, 31-01-2014
- H94: Ensuring that elements do not contain duplicate attributes (applicable as is) -Kathy Wahlbin, 31-01-2014