HTML Techniques

From Mobile Accessibility Task Force

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

  1. Select a technique to evaluate.
  2. Read the full technique in the WCAG Techniques
  3. 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.
    • 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.
    • 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.
'''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 links File 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