Skip to content

Modal #899

@cyberbaloo

Description

@cyberbaloo

Problematic behavior

The modal close button has no label.
The modal text must be structured in a <p> element and should not have an aria-label attribute.
The modal has no title.
The labels for the "cancel" and "delete" buttons are not meaningful and could be confusing.

Expected behavior/code
<div class="ReactModal__Content ReactModal__Content--after-open c__modal c__modal--medium" tabindex="-1" role="dialog" aria-modal="true">

Possible Solution

Add an attribute aria-label="Fermer la fenêtre"
Structure the modal text in a <p> element and remove the aria-label

Add a h1 title with an attribut id for this window and add an attribute aria-describedby="content_of_atttribute_id_h1"

Replace the content of the attribute aria-label="Fermer la modale" by "Annuler la suppression"
For the second button, replace with Supprimer le document"

Image

Metadata

Metadata

Assignees

Type

No type

Projects

Status

Done

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions