Modal

[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"