Niveaux de titre dans une fenêtre modale accessible
Quelle est la façon la plus accessible/correcte d'utiliser les en-têtes dans une fenêtre modale Web? Le modal lui-même est entièrement accessible (nous l'avons déjà essayé) mais nous ne savons pas si nous utiliserons h1 ou h2 comme cap modal?
Alternative 1: Nous utilisons h1 car les informations dans le modal sont la seule chose visible pour l'utilisateur.
Alternative 2: Nous utilisons h2 car le document a déjà une étiquette h1. Un document HTML ne doit avoir qu'un seul en-tête h1 par page.
Personnellement, je pense que l'alt 1 est la voie à suivre, mais j'ai juste besoin d'un deuxième avis à ce sujet.
h1 peut être utilisé plusieurs fois dans une page. Un h1 est là pour indiquer que l'élément est un titre principal pour un contenu spécifique. Par exemple: si vous avez un groupe de cartes avec un titre, une image d'aperçu et une courte description, il est tout à fait correct d'utiliser un h1 pour le titre sur chaque carte.
Pour en revenir à votre modal, je dirais que l'alternative 1 est la voie à suivre car ce sera le titre principal (et probablement le seul) sur le modal.