web-dev-qa-db-fra.com

Quelle est l'alternative à l'utilisation d'un attribut "summary" d'un tableau HTML pour les lecteurs d'écran?

Voir le résumé de l'attribut de table dans le MDN

Remarque sur l'utilisation: N'utilisez pas cet attribut, car il est obsolète. Au lieu de cela, choisissez l'une de ces méthodes pour ajouter la description d'une table:

  • Utilisez la prose autour de la table (cette méthode est moins sémantique).
  • Ajouter une description dans l'élément de la table.
  • Ajouter une description dans un élément, à l'intérieur de l'élément de la table.
  • Incluez l'élément dans un élément et ajoutez la description en prose à côté de celui-ci.
  • Incluez l'élément dans un élément et ajoutez la description en prose à l'intérieur d'un élément.
  • Ajustez le tableau afin qu’une description ne soit pas nécessaire (par exemple, utilisation et éléments).

Un attribut récapitulatif fonctionnera pour les lecteurs d'écran, mais ne sera pas affiché à l'écran. Depuis qu'il est déconseillé, Que puis-je utiliser?

1
user20757

Je recommanderais d'utiliser l'élément <caption>. Cela sert un objectif très similaire à l'attribut summary.

<caption> est visible par défaut, mais vous pouvez le positionner hors écran à l'aide de CSS pour le rendre visible uniquement aux lecteurs d'écran.

1
Josh