WCAG 2 Requirements

Primarily Guideline 1.3 - Adaptable: Create content that can be presented in different ways (for example simpler layout) without losing information or structure:

• Success Criterion 1.3.1 - Info and Relationships: Information, structure, and relationships conveyed through presentation can be programmatically determined or are available in text (Level A)
• Success Criterion 1.3.2 - Meaningful Sequence: When the sequence in which content is presented affects its meaning, a correct reading sequence can be programmatically determined (Level A)

Note: closely related to next session Navigation and Orientation

Background

Video: Accessibility - Screen Readers and the Web, Part 3 (University of Washington)

Excercises (1)

Compare the coding of heading, lists, and other items on these two demo pages:

• Demo: Inaccessible Home Page
• Demo: Accessible Home Page

Excercises (2)

Compare the reading order of the articles on these two demo pages:

• Demo: Inaccessible News Page
• Demo: Accessible News Page

Conclusions

• Markup headings, lists, and sections
• Do not misuse the markup for styling
• Ensure meaningful code reading order

Note: this is primarily a matter of proper markup coding.

Questions?

Quick clarification questions welcome now.
Next: Navigation and Orientation.