[a11y] - Labs (production)

[trallard]

• 🔗 Reference document
• Preview (staging) for LLC
• Production for LLC
• 📖 Gov uk a11y checklist

---

Criteria

• [ ] Site is keyboard accessible

  • [ ] Tab order is logical
  • [ ] Focus is never trapped in a loop

• [ ] Forms inputs have explicit labels

  • [ ] Forms can be filled with just the keyboard
  • [ ] Forms contain title attributes AND/OR
  • [ ] Forms contain legends, labels, hin text, and tooltips
  • [ ] Form instructions are associated with inputs

• [ ] Provide alternative content for non-text content

  • [ ] All images have an alt attribute

• [ ] Text has sufficient color contrast

  • [ ] All text has a contrast ratio of 4.5:1 with the background
  • [ ] Links can be easily distinguished from surrounding text

• [ ] Headers are nested properly

  • [ ] Only one H1 per page
  • [ ] Headings are nested in a logical way
  • [ ] Subsection hierarchy is preserved

• [ ] Language is set

  • [ ] The language attribute is set in all pages (in this case English throughout)

• [ ] Site can be used without stylesheets

  • [ ] The site does not rely on CSS to be functional or understandable

• [ ] Links are unique and descriptive

  • [ ] All links can be understood taken alone, e.g., ‘Read more about 508’ OR
  • [ ] Links provide an adequate title or aria attribute
  • [ ] Links that open in a new window indicate so through an aria-label or title

• [ ] Page titles are descriptive

  • [ ] Page titles are in plain English
  • [ ] Titles describe the site and page being displayed

[gabalafou]

Also Isabela's "checklist" ☺️