Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Accessibility audit (WCAG 2.2)

Open
  • Is something wrong?
#85 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
5/5
Estimated time
Over a week
Newbie friendliness
25/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
css, html
Domain
accessibility, frontend, web-dev

Research direction

Start with the linked sub-issues for the affected file locations and individual WCAG findings; this issue itself names no files or tests. Review each listed critical, serious, and moderate item, then verify that every checklist issue is resolved against the WCAG 2.2 audit findings.

Written by the indexing model from the issue text.

Description

accessibility

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 throughout
  • aria-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
  • Add alt attributes to project images
  • Remove outline: none focus suppression in feedback form
  • Hidden feedback form sections remain reachable by screen readers
  • Mobile menu has no focus management on open/close
Serious
  • Icon SVGs missing aria-hidden / inconsistent accessible names
  • YouTube embed title is non-descriptive
  • <a alt=""> is invalid HTML on About Us speaker links
  • Footer theme-switcher <nav> has no aria-label
  • Desktop nav uses <button onclick> instead of <a> for navigation
  • Modal dialog has no focus trap
Moderate
  • No aria-current="page" on active nav items
  • Announcement bar has no landmark role or aria-live
  • No prefers-reduced-motion CSS support
Dominant language
HTML
Stars
1
Forks
6
Avg merge
1d 4h
Merged PRs (30d)
6

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from CivicTechTO/civictech.ca

All issues in CivicTechTO/civictech.ca

Similar issues

More Accessibility issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.