CSS Techniques

Main_Page > Draft WCAG Techniques > CSS Techniques

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

CSS Techniques

• C6: Positioning content based on structural markup (applicable as is) Kathleen Anderson 31 Jan 2014
• C7: Using CSS to hide a portion of the link text (applicable as is) Kathleen Anderson 4 Feb 2014
• C8: Using CSS letter-spacing to control spacing within a word (applicable as is) Kathleen Anderson 4 Feb 2014
• C9: Using CSS to include decorative images (applicable as is) Kathleen Anderson 4 Feb 2014
• C12: Using percent for font sizes (requires changes) Kathleen Anderson 4 Feb 2014
• C13: Using named font sizes (applicable as is) Kathleen Anderson 4 Feb 2014
• C14: Using em units for font sizes (applicable as is) Kathleen Anderson 4 Feb 2014
• C15: Using CSS to change the presentation of a user interface component when it receives focus (requires changes) Kathleen Anderson 4 Feb 2014
• C17: Scaling form elements which contain text (applicable as is) Kathleen Anderson 6 Feb 2014
• C18: Using CSS margin and padding rules instead of spacer images for layout design (applicable as is) Kathleen Anderson 6 Feb 2014
• C19: Specifying alignment either to the left OR right in CSS (applicable as is) Kathleen Anderson 6 Feb 2014
• C20: Using relative measurements to set column widths so that lines can average 80 characters or less when the browser is resized (requires changes) Kathleen Anderson 6 Feb 2014
• C21: Specifying line spacing in CSS (applicable as is) Kathleen Anderson 6 Feb 2014
• C22: Using CSS to control visual presentation of text (applicable as is) Kathleen Anderson 6 Feb 2014
• C23: Specifying text and background colors of secondary content such as banners, features and navigation in CSS while not specifying text and background colors of the main content (requires changes) Kathleen Anderson 3 April 2014
• C24: Using percentage values in CSS for container sizes (applicable as is) Kathleen Anderson 3 April 2014
• C25: Specifying borders and layout in CSS to delineate areas of a Web page while not specifying text and text-background colors (requires changes) Kathleen Anderson 3 April 2014
• C26: Providing options within the content to switch to a layout that does not require the user to scroll horizontally to read a line of text (applicable as is) Kathleen Anderson 3 April 2014
• C27: Making the DOM order match the visual order (applicable as is) Kathleen Anderson 3 April 2014
• C28: Specifying the size of text containers using em units (applicable as is) Kathleen Anderson 3 April 2014
• C29: Using a style switcher to provide a conforming alternate version (applicable as is) Kathleen Anderson 3 April 2014
• C30: Using CSS to replace text with images of text and providing user interface controls to switch (applicable as is) Kathleen Anderson 3 April 2014