Skip to content

Implement ARIA Roles & Properties #144

@TheMorpheus407

Description

@TheMorpheus407

Example, that made us aware of this issue: The Cookie dialog is not recognized as a dialog for screen readers.

For that, we need to set ARIA Roles & Properties like

<div role="dialog" aria-labelledby="dialog-title" aria-modal="true">
    <h2 id="dialog-title">Cookie Banner</h2>
    <p>We use cookies</p>
    <!-- Other content -->
    <button>Accept</button>
    <button>Decline</button>
</div>

This is not the only place to do this.
This ticket is meant to go through the website and check where ARIA Roles & Properties are needed and then set them.

Metadata

Metadata

Labels

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions