CivicTechTO / CivicTechTO/civictech.ca

Announcement bar has no landmark role or aria-live region

Open
#97 2 comments 0 reactions 0 assignees View on GitHub
accessibility good first issue
Dominant language
HTML
Stars
1
Forks
6
Avg merge
9h 45m
Merged PRs (30d)
6

Description

## Summary

The announcement bar rendered at the top of the homepage is a plain `

` with no landmark role or live region. Screen reader users have no way to identify it as an announcement, and if the content were to change dynamically it would not be announced.

## Affected location

`_includes/announcementbar.html:4`

```html


```

## Fix

Add `role="region"` and `aria-label="Announcement"` so it appears as a named landmark. If announcements could ever update without a page reload, also add `aria-live="polite"`:

```html


```

## WCAG criterion

1.3.1 Info and Relationships (Level A)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.