Mapping of WCAG2.0 WD 10/27/03 Guidelines and Success Criteria to CSS3 Modules

(NOTE: CSS files will be included later). G=Guideline, SC=Success Criteria. STRONG=For certain guidelines and success criteria there is a particularly strong CSS implication. For module to be included in "most applicable" list as given, that module must contain content that would (objectively?) assist in satisfying the stated success criteria (e=essential, t=tangential)?

WCAG Level 1 (Conformance Level A)

  1. non-text content that can be expressed in words has a text-equivalent explicitly associated with it (G1.1, SC1)
    Most Applicable CSS3 Modules: Text, Values and Units, Selectors, Tables
    CSS file 1 (yes):
    CSS file 1 (no):
    
  2. non-text content that can not be expressed in words has a descriptive label provided as its text-equivalent (G1.1, SC2)
    Most Applicable CSS3 Modules: Text, Syntax, Selectors, Generated Content
    CSS file 2 (yes):
    CSS file 2 (no):
    
  3. an audio description is provided (G1.2, SC1).
    Most Applicable CSS3 Modules: Speech, Audio, Media
    CSS file 3 (yes):
    CSS file 3 (no):
    
  4. all significant dialogue and sounds are captioned (G1.2, SC2).
    Most Applicable CSS3 Modules: Text, Audio, Fonts, Borders?
    CSS file 4 (yes):
    CSS file 4 (no):
    
  5. descriptions and captions are synchronized with the events they represent (G1.2, SC3).
    Most Applicable CSS3 Modules: Media
    CSS file 5 (yes):
    CSS file 5 (no):
    
  6. if the Web content is real-time video with audio, real-time captions are provided unless the content: is a music program that is primarily non-vocal (G1.2, SC4)
    Most Applicable CSS3 Modules: Speech, Audio
    CSS file 6 (yes):
    CSS file 6 (no):
    
  7. if the Web content is real-time non-interactive video (e.g., a Webcam of ambient conditions), either provide an equivalent that conforms to guideline(G) 1.1 (e.g., an ongoing update of weather conditions) or link to an equivalent that conforms to guideline(G) 1.1 (e.g., a link to a weather Web site) (G1.2 SC5)
    Most Applicable CSS3 Modules: Media, Audio, Text, Selectors
    CSS file 7 (yes):
    CSS file 7 (no):
    
  8. if a pure audio or pure video presentation requires a user to respond interactively at specific times in the presentation, then a time-synchronized equivalent (audio, visual or text) presentation is provided (G1.2, SC6)
    Most Applicable CSS3 Modules: Audio, Media, Text
    CSS file 8 (yes):
    CSS file 8 (no):
    
  9. the following can be derived programmatically (i.e. through a markup or data model that is assistive technology compatible) from the content without requiring interpretation of presentation:
    1. any hierarchical elements and relationships, such as headings, paragraphs and lists
    2. any non-hierarchical relationships between elements such as cross-references and linkages, associations between labels and controls, associations between cells and their headers, etc.
    3. any emphasis
    (G1.3 SC1)(STRONG)
    Most Applicable CSS3 Modules: Box, Selectors, Syntax, Cascading, Line Box, Positioning, Borders
    CSS file 9 (yes):
    CSS file 9 (no):
    
  10. any information presented through color is also available without color (G1.3, SC2)(STRONG)
    Most Applicable CSS3 Modules: Color, Backgrounds, Values and Units
    CSS file 10 (yes):
    CSS file 10 (no):
    
  11. text content is not presented over a background image or pattern OR the text is easily readable when the page is viewed in black and white (G1.3, SC3)(STRONG)
    Most Applicable CSS3 Modules: Color, Backgrounds, Values and Units, Fonts
    CSS file 11 (yes):
    CSS file 11 (no):
    
  12. text in the content is provided in Unicode or sufficient information is provided so that it can be automatically mapped back to Unicode (G1.4, SC4).
    Most Applicable CSS3 Modules: Ruby, Text, Values and Units 
    CSS file 12 (yes):
    CSS file 12 (no):
    
  13. all of the functionality of the content, where the functionality or its outcome can be expressed concisely in words, is operable at a minimum through a keyboard or keyboard interface (G2.1, SC1).
    Most Applicable CSS3 Modules: UI, BECSS, Fonts
    CSS file 13 (yes):
    CSS file 13 (no):
    
  14. content is designed so that time limits are not an essential part of interaction or at least one of the following is true for each time limit: the user is allowed to deactivate the time limits, or the user is allowed to adjust the time limit over a wide range which is at least 10 times the average user's preference, or the user is warned before time expires and given at least 10 seconds to extend the time limit, or the time limit is due to a real-time event (e.g. auction) and no alternative to the time limit is possible, or the time limit is part of a competitive activity where timing is an essential part of the activity (e.g. competitive gaming or time based testing) (G2.2, SC2).
    Most Applicable CSS3 Modules: Media, Text, BECSS
    CSS file 14 (yes):
    CSS file 14 (no):
    
  15. at least one of the following is true:
    1. content was not designed to flicker (or flash) in the range of 3 to 49 Hz
    2. if flicker is unavoidable, the user is warned of the flicker before they go to the page, and as close a version of the content as is possible without flicker is provided
    (G2.3, SC1)
    Most Applicable CSS3 Modules: Text, Values and Units, Media, Fonts 
    CSS file 15 (yes):
    CSS file 15 (no):
    
  16. passages or fragments of text occurring within the content that are written in a language other than the primary natural language of the content as a whole, are identified, including specification of the language of the passage or fragment (G3.1, SC1)
    Most Applicable CSS3 Modules: Text, Ruby, Selectors, Borders 
    CSS file 16 (yes):
    CSS file 16 (no):
    
  17. document attributes identify the natural language of the document (G3.1, SC2).
    Most Applicable CSS3 Modules: Box, Text, Selectors, Line Box, Syntax
    CSS file 17 (yes):
    CSS file 17 (no):
    
  18. for markup, except where the site has documented that a specification was violated for backward compatibility, the markup has:
    1. passed validity tests of the language (whether it be conforming to a schema, Document Type Definition (DTD), or other tests described in the specification)
    2. structural elements and attributes are used as defined in the specification
    3. accessibility features are used
    4. deprecated features are avoided
    (G4.1, SC1)(STRONG)
    Most Applicable CSS3 Modules: Syntax, Values and Units, Selectors, Cascading
    CSS file 18 (yes):
    CSS file 18 (no):
    
  19. any custom user interface elements of the content conform to at least level A of the User Agent Accessibility Guidelines 1.0, and that if the custom user interfaces cannot be made accessible, an alternative solution is provided that meets WCAG2.0 to the level claimed (G4.2, SC1).
    Most Applicable CSS3 Modules: UI, BECSS, Fonts, Selectors, Text, Generated Content
    CSS file 19 (yes):
    CSS file 19 (no):
    

WCAG Level 2 (Conformance Level AA - in addition to Conformance Level A)

  1. non-text content that cannot be expressed in words always has a text equivalent for all aspects that can be expressed in words (G1,1, SC1)
    Most Applicable CSS3 Modules: Text, values and Units, Selectors, Tables
    CSS file 20 (yes):
    CSS file 20 (no):
    
  2. a text document that merge all audio descriptions and captions into a collated script is always provided (G1,1, SC2).
    Most Applicable CSS3 Modules: Text, Audio, Syntax, Selectors, Generated Content
    CSS file 21 (yes):
    CSS file 21 (no):
    
  3. captions and audio descriptions are always provided for all live broadcasts (G1.2, SC1).
    Most Applicable CSS3 Modules: Media, Speech, Audio, Generated Content
    CSS file 22 (yes):
    CSS file 22 (no):
    
  4. any information presented using color is also available without color and without having to interpret markup (G1.3, SC1)(STRONG).
    Most Applicable CSS3 Modules: Color, Backgrounds, Fonts
    CSS file 23 (yes):
    CSS file 23 (no):
    
  5. all abbreviations and acronyms are clearly identified each time they occur if they collide with a word in the standard language that would also logically appear in the same case (G1.4, SC1)
    Most Applicable CSS3 Modules: Text, Fonts, Selectors, Borders?
    CSS file 24 (yes):
    CSS file 24 (no):
    
  6. all symbols such as diacritic marks that are found in standard usage of the natural language of the content, and that are necessary for unambiguous identification of words, are always present or another standard mechanism for disambiguation is always provided (G1.4, SC2).
    Most Appicable CSS3 Modules: Fonts, Text, Values and Units, Generated Content
    CSS file 25 (yes):
    CSS file 25 (no):
    
  7. all structural elements present have a different visual appearance or auditory characteristic from each other and from body text (G1.5, SC1)(STRONG).
    Most Applicable CSS3 Modules: Fonts, Webfonts, Box, Line Box, Selectors
    CSS file 26 (yes):
    CSS file 26 (no):
    
  8. all text that is presented over a background color or grayscale has a mechanism that allows the text to be presented in a fashion that has a "large" contrast between text and background color (G1.6, SC1)(STRONG).
    Most Applicable CSS3 Modules: Fonts, Backgrounds, Text
    CSS file 27 (yes):
    CSS file 27 (no):
    
  9. all audio content does not contain background sounds or the background sounds are at least 20db lower than the foreground audio content (G1.7, SC1)(STRONG).
    Most Applicable CSS3 Modules: Audio, Speech, Media
    CSS file 28 (yes):
    CSS file 28 (no):
    
  10. wherever a choice between event handlers is available and supported, the more abstract event is always used (G2.1, SC1).
    Most Applicable CSS3 Modules: BECSS, UI
    CSS file 29 (yes):
    CSS file 29 (no):
    
  11. any blinking content can always be turned off (G2.2, SC1).
    Most Applicable CSS3 Modules: Text, Values and Units, Cascading
    CSS file 30 (yes):
    CSS file 30 (no):
    
  12. any moving content can always be paused (G2.2, SC2).
    Most Applicable CSS3 Modules: BECSS, Media, TV Profile?
    CSS file 31 (yes):
    CSS file 31 (no):
    
  13. all animation or other content does not visibly or purposely flicker between 3 and 49Hz (G2.3, SC1).
    Most Applicable CSS3 Modules: Text, Generated Content, Values and Units, TV Profile?
    CSS file 32 (yes):
    CSS file 32 (no):
    
  14. all content that might create a problem has been tested, and only pages with unavoidable flicker remain and appropriate warnings along with a close alternative presentation have been provided for these pages (G2.3, SC2).
    Most Applicable CSS3 Modules: Syntax, Values and Units, Box, Generated Content
    CSS file 33 (yes):
    CSS file 33 (no):
    
  15. in all documents greater than 50000 words or all sites larger than 50 perceived pages, at least one of the following is provided: hierarchical structure markup, table of contents, and alternate display orders (G2.4, SC1)
    Most Applicable CSS3 Modules: Text, Generated Content, Lists, Paged
    CSS file 34 (yes):
    CSS file 34 (no):
    
  16. users are always able to skip over large blocks of repetitive material, navigational bars or other blocks of links that are greater than 7 when reading with a synthesized or navigating using keyboard (G2.4, SC2).
    Most Applicable CSS3 Modules: UI, Paged, Selectors
    CSS file 35 (yes):
    CSS file 35 (no):
    
  17. if an error is detected, feedback is always provided to the user identifying the error (G2.5, SC1).
    Most Applicable CSS3 Modules: BECSS, CSSOM
    CSS file 36 (yes):
    CSS file 36 (no):
    
  18. all acronyms and abbreviations do not appear first in standard unabridged dictionaries for the language, or are always defined the first time they appear, or are always available in a glossary on the site (G3.2, SC1).
    Most Applicable CSS3 Modules: Generated Content, Text, Selectors
    CSS file 37 (yes):
    CSS file 37 (no):
    
  19. all content has been reviewed, taking into account the following strategies for evaluating the complexity of content, applying as appropriate: familiarity of terms and language structure, reasonableness of length and complexity of sentences, coherence of paragraphs (and sensibility in length), clarity of headings and linked text when read out of context, accuracy and uniqueness of page titles, care in the use of all-capital letters where normal sentences case might increase comprehension, inclusion of non-text content to supplement text for key pages or sections of the site where appropriate (G3.3, SC1).
    Most Applicable CSS3 Modules: Text, Fonts, Lists, Generated Content, Cascading
    CSS file 38 (yes):
    CSS file 38 (no):
    
  20. all key orientation and navigational elements are generally found in one or two consistent locations or their locations are always otherwise predictable (G3.4, SC1)
    Most Applicable CSS3 Modules: UI, Cascading, Selectors, Syntax
    CSS file 39 (yes):
    CSS file 39 (no):
    
  21. where inconsistent or unpredictable responses are essential to the function of the content, the user is always warned in advance of encountering them (G3.4, SC2)
    Most Applicable CSS3 Modules: BECSS, Cascading
    CSS file 40 (yes):
    CSS file 40 (no):
    
  22. wherever there are extreme changes in context, one of the following is always true: an easy- to-find setting, that persists for the site visit, is provided fot he user to deactivate processes or features that cause extreme changes in context, or extreme changes in context are identified before they occur so they can be prepared for the change (G3.4, SC3)
    Most Applicable CSS3 Modules: Selectors, Cascading
    CSS file 41 (yes):
    CSS file 41 (no):
    
  23. for all markup, the markup has: passed validity tests of the language, structural elements and attributes are used as defined in the specification, accessbility features are used, and deprecated features are avoided (G4.1, SC1)(STRONG)
    Most Applicable CSS3 Modules: Syntax, Selectors, Values and Units, Cascading 
    CSS file 42 (yes):
    CSS file 42 (no):
    
  24. all accessibility conventions of the markup or programming language are always used (G4.2, SC1)
    Most Applicable CSS3 Modules: Syntax, UI
    CSS file 43 (yes):
    CSS file 43 (no):
    
  25. all relevant interfaces have been tested using a variety of assistive technologies (and preferably real people with disabilities) to determine that those assistive technologies are always able to acccess all information on the page or hidden within the page (G4.2, SC2)
    Most Applicable CSS3 Modules: UI, BECSS
    CSS file 44 (yes):
    CSS file 44 (no):
    
  26. all applicable Web resources include a list of the technologies users must have in order for its content to work as intended (G4.3, SC1)(STRONG)
    Most Applicable CSS3 Modules: Generated Content, Lists, CSSOM
    CSS file 45 (yes):
    CSS file 45 (no):
    

WCAG Level 3 (Conformance Level AAA - must do at least one of the following - after doing Levels A and AA)

  1. the presentation does not require the user to read captions and the visual presentation simultaneously in order to understand the content (G1.2, SC1)
    Most Applicable CSS3 Modules: Box, Line BOx, Generated Content, Fonts
    CSS file 46 (yes):
    CSS file 46 (no):
    
  2. the structural emphases are chosen to be distinct on different major visual display types (G1.5, SC1)(STRONG)
    Most Applicable CSS3 Modules: Media, Box, Line Box, Selectors
    CSS file 47 (yes):
    CSS file 47 (no):
    
  3. the content is constructed such that users can control the presentation of structural elements or the structure of the markup can be varied through alternate presentation formats (G1.5, SC2)(STRONG)
    Most Applicable CSS3 Modules: Box, Line Box, Cascading, Selectors 
    CSS file 48 (yes):
    CSS file 48 (no):
    
  4. when text content is presented over a background image or pattern, the text is easily readable when the page is viewed in 256 grayscale (G1.6, SC1)(STRONG)
    Most Applicable CSS3 Modules: Backgrounds, Color, Fonts
    CSS file 49 (yes):
    CSS file 49 (no):
    
  5. when text content is presented over a background image or pattern, the text is easily readable in default presentation mode (G1.6, SC2)(STRONG)
    Most Applicable CSS3 Modules: Backgrounds, Color, Fonts
    CSS file 50 (yes):
    CSS file 50 (no):
    
  6. there are no time limits as a part of a competitive activity (G2.2, SC1)
    Most Applicable CSS3 Modules: BECSS, TV Profile?
    CSS file 51 (yes):
    CSS file 51 (no):
    
  7. the content has been reviewed, taking into account the following strategies for facilitating orientation and movement, applying as appropriate: breaking up text into logical paragraphs, providing hierarchical sections and titles, particularly for longer documents, revealing important non-hierarchical relationships, and dividing very large works into sections/chapters with logical labels (G2.4, SC1)
    Most Applicable CSS3 Modules: Box, Line Box, Positioning, Paged, Borders?
    CSS file 52 (yes):
    CSS file 52 (no):
    
  8. information is provided that would allow an assistive technology to determine at least one logical, linear reading order (G2.4, SC2)
    Most Applicable CSS3 Modules: Selectors, Values and Units, Cascading, Positioning, Borders?
    CSS file 53 (yes):
    CSS file 53 (no):
    
  9. diagrams are constructed in a fashion so that they have structure that can be accessed by the user (G2.4, SC3)
    Most Applicable CSS3 Modules: Selectors, Tables, Box, Line Box, Positioning
    CSS file 54 (yes):
    CSS file 54 (no):
    
  10. where possible, logical tab order has been created (G2.4, SC4)
    Most Applicable CSS3 Modules: Tables, Selectors, Box, Positioning, Line Box 
    CSS file 55 (yes):
    CSS file 55 (no):
    
  11. where possible, the user is allowed to select from a list of options as well as to generate input text directly (G2.5, SC1)
    Most Applicable CSS3 Modules: Lists, Generated Content, Selectors
    CSS file 56 (yes):
    CSS file 56 (no):
    
  12. errors are identified specifically and suggestions for correction are provided where possible (G2.5, SC2)
    Most Applicable CSS3 Modules: Syntax, BECSS, Generated Content, UI
    CSS file 57 (yes):
    CSS file 57 (no):
    
  13. checks for misspelled words are applied and correct spellings are suggested when text entry is required (G2.5, SC3)
    Most Applicable CSS3 Modules: UI, BECSS
    CSS file 58 (yes):
    CSS file 58 (no):
    
  14. where consequences are significant and time-response is not important, one of the following is true: (a) actions are reversible, (b) where not reversible, actions are checked for errors in advance, (c) where not reversible, and not checkable, a confirmation is asked before acceptance (G2.5, SC4)
    Most Applicable CSS3 Modules: Syntax, BECSS
    CSS file 59 (yes):
    CSS file 59 (no):
    
  15. a list is provided on the home page of URIs to cascading dictionaries that can or should be used to define abbreviations or acronyms (G3.2, SC1)
    Most Applicable CSS3 Modules: Lists, Generated Content, Cascading, Text  
    CSS file 60 (yes):
    CSS file 60 (no):
    
  16. the content has been reviewed, taking into account the following strategies for determining the definition of abbreviations and acronyms, applying them as appropriate: (a) provide a definition or link (with the first occurrence) of phrases, words, acronyms, and abbreviations specific to a particular community, (b) provide a summary for relationships that may not be obvious from analyzing the structure of a table but that may be apparent in a visual rendering of the table, (c) if contracted forms of words are used such that they are ambiguous, provide semantic markup to make words unique and interpretable (G3.2, SC2)
    Most Applicable CSS3 Modules:  Text, Fonts, Generated Content, Positioning, Box, Cascading
    CSS file 61 (yes):
    CSS file 61 (no):
    
  17. the content has been reviewed, taking into account the strategies for evaluating the complexity of content, applying as appropriate (G3.3, SC1).
    Most Applicable CSS3 Modules: Text, Box, Line Box, Positioning, Selectors, Syntax
    CSS file 62 (yes):
    CSS file 62 (no):
    
  18. a user can select a different location for navigation elements in the layout of the page (G3.4, SC1)
    Most Applicable CSS3 Modules: Box, Line Box, Selectors, Positioning, Generated Content  
    CSS file 63 (yes):
    CSS file 63 (no):
    
  19. the content has been reviewed, taking into account common ideas for making content consistent and predictable, applying as appropriate (G3.4, SC2)
    Most Applicable CSS3 Modules: Text, Fonts, Box, Positioning, Borders?
    CSS file 64 (yes):
    CSS file 64 (no):
    
  20. a list of technologies and features, support for which is required in order for the content to be operable, has been determined and is documented in metadata and/or a policy statement is associated with the content (G4.3, SC1)(STRONG)
    Most Applicable CSS3 Modules: Lists, Generated Content 
    CSS file 65 (yes):
    CSS file 65 (no):
    
  21. technologies and features on the required list are available in at least two independently-developed implementations (G4.3, SC2)(STRONG)
    Most Applicable CSS3 Modules: Lists, Tables, Text
    CSS file 66 (yes):
    CSS file 66 (no):