Skip to content

Dropdown menus - option selection #967

Open
@cyberbaloo

Description

@cyberbaloo

Problematic behavior
In dropdown menus, the selected choice is not announced by screen readers.

Expected behavior/code
The selection made in dropdown menus must be announced to screen readers.

Steps to Reproduce

  1. Open a document
  2. Configure document sharing
  3. Select a user level and that's it.

Possible Solution
Hide the icon text with the aria-hidden="true" attribute, add hidden text with the visually-hidden class. All information can be found here: https://www.ffoodd.fr/masquage-accessible-de-pointe/

<button role="menuitem" aria-label="Privé" class="sc-95e747a0-0 iPUaJj --docs--box-button "><div class="sc-95e747a0-0 jXQfiJ"><span class="sc-95e747a0-0 sc-aebf9ca2-0 iimkVR bUfZGn --docs--icon-bg material-icons" aria-hidden="true">lock</span><span class="sc-95e747a0-0 sc-aebf9ca2-0 iimkVR hPUcxb">Privé</span></div><span class="sc-95e747a0-0 sc-aebf9ca2-0 iimkVR jxFArT --docs--icon-bg material-icons" aria-hidden="true">check</span><span class="visually-hidden">Coché</span></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