Skip to content

Icons #897

Open
Open
Icons#897
@cyberbaloo

Description

@cyberbaloo

Problematic behavior
Some icons are decorative and must be hidden from assistive technologies

Expected behavior/code
Examples :
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="36" fill="none" aria-label="Icône simple du document">

<button class="c__button c__button--tertiary-text c__button--medium c__button--icon-only c__button--text"><span class="c__button__icon"><span class="sc-44fdd96b-0 sc-f3e12f95-0 fKBHOL leiLsc material-icons">house</span></span></button>

Possible Solution
Add a attribute aria-hidden="true" to all decorative icons.

Add an attribute aria-label="Retour à l'accueil" to the home icon
Add an attribute aria-label="Nouveau document" to the magnifying glass icon
Add an attribute aria-label="Nouveau document" to the "Nouveau doc" button

Additional context/Screenshots

Image

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions