Accessible HTML Content Patterns

Table of Contents

  1. About
  2. Grouping
  3. Headings
  4. Text-level
    1. Content
    2. Lists
    3. Links
    4. Code
    5. Symbols
    6. Emoji
  5. Tables
  6. Interactive
    1. Details
    2. Dialog
  7. Embedded
    1. Image
    2. Lazy-loaded Image
    3. Broken Image
    4. Figure with Caption
    5. Inline SVG
    6. Picture
    7. Image with Srcset and Sizes
    8. Iframe
    9. Audio
    10. Video
    11. Object
    12. Canvas
  8. Forms
    1. Text Input
    2. Non-text Input
    3. Select
    4. Checkboxes and Radio Buttons
    5. Buttons
    6. Output
    7. Lockup
    8. States and Validation
    9. Autocomplete
  9. Credit