guardian / guardian/dotcom-rendering

Ensure landmarks have a label

Open
#5,989 0 comments 0 reactions 0 assignees View on GitHub
a11y Accessibility Audit
Dominant language
TypeScript
Stars
274
Forks
34
Avg merge
2d 22h
Merged PRs (30d)
121

Description

We should ensure that our `` elements have a label.

Follow-up on #5036

> ## Multiple landmarks
>
> If there is more than one complementary landmark role or [](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside) element in a document, provide a label for each landmark using the [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) attribute, or, if the aside has an appropriately descriptive title, point to it with the [aria-labelledby](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-labelledby) attribute. This label will allow an assistive technology user to be able to quickly understand the purpose of each landmark.
>
>
> ```html
>
>
>
>
> …
>
>
>
>
> ```

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.