Skip to content

Docs accessibility issues

Gaël Poupard edited this page Jan 7, 2021 · 16 revisions

On v5-dev, pa11y-ci is configured to ignore a few things.

Here's a comprehensive list of ignored rules and elements, to discuss:

  1. Upstream: The heading-order rule is ignored, since Bootstrap doesn't want to improve their heading hierarchy (and this is probably not a big deal—see "When do headings fail WCAG?" on The Paciello Group's blog).
  2. 3rd party: .bd-search is ignored, it comes from Algolia.
  3. 3rd party: [id*='tarteaucitron'] for, well, Tarteaucitron, which is a nightmare to fix at some point.
  4. 3rd party: #TableOfContents is flagged as redundant nav landmark, which is generated by Hugo (so we can't change it) and moreover is not an issue at all.
  5. Orange brand: .text-primary, .navbar-light .navbar-brand, .active, [aria-current], .accordion-button:not(.collapsed) are ignored since their contrasts aren't sufficient (#f16e00 on #fff, brand side).
  6. Orange brand: [disabled] label and [disable + label] for contrast issues (brand side), however WCAG 2.1 does not require sufficient contrast for inactive elements.
  7. .modal since it's flagged as aria-hidden containing interactive content: this is how the modal works…
  8. .bd-example nav is flagged too for the same reason, but it's meant to document nav usage, so…

To maybe fine-tune our criterias, pa11y's wiki has a comprehensive list of ignorable rules.

Clone this wiki locally