This issue tracks the results of a WCAG 2.2 accessibility audit of civictech.ca.
What's already working well
- Skip link (
#main-content) with correct CSS reveal-on-focus behaviour
<html lang="en">, semantic HTML5 landmarks throughoutaria-label="breadcrumb" on every content layout's breadcrumb nav- Mobile menu has
aria-expanded, aria-controls, aria-label on toggle/close buttons
hidden DOM attribute (not just CSS) used to genuinely hide mobile menu from AT- Feedback form uses
<fieldset>/<legend>, properly associated labels, role="alert" on error/success messages
- Logo SVG has
aria-hidden="true" with visible text following it
- Dark mode respects
prefers-color-scheme
- External link
↗ arrows wrapped in aria-hidden="true" in most locations
Issues to fix
Sub-issues are grouped by severity below. See each linked issue for full details and affected file locations.
Critical
Serious
Moderate
This issue tracks the results of a WCAG 2.2 accessibility audit of civictech.ca.
What's already working well
#main-content) with correct CSS reveal-on-focus behaviour<html lang="en">, semantic HTML5 landmarks throughoutaria-label="breadcrumb"on every content layout's breadcrumb navaria-expanded,aria-controls,aria-labelon toggle/close buttonshiddenDOM attribute (not just CSS) used to genuinely hide mobile menu from AT<fieldset>/<legend>, properly associated labels,role="alert"on error/success messagesaria-hidden="true"with visible text following itprefers-color-scheme↗arrows wrapped inaria-hidden="true"in most locationsIssues to fix
Sub-issues are grouped by severity below. See each linked issue for full details and affected file locations.
Critical
altattributes to project imagesoutline: nonefocus suppression in feedback formSerious
aria-hidden/ inconsistent accessible names<a alt="">is invalid HTML on About Us speaker links<nav>has noaria-label<button onclick>instead of<a>for navigationModerate
aria-current="page"on active nav itemsaria-liveprefers-reduced-motionCSS support