Card - Carte

Composant permettant de séparer les informations par sujets au sein d'une interface et d'y ajouter une hiérarchie.

Rôle et attributs ARIA

Rôles et attributs ARIA générés par défaut

Pas de rôle ou d’attribut ARIA par défaut.

Attributs de l’élément ayant un impact sur l’accessibilité

Attribut	Impact
href	Si renseigné, la carte se comportera comme un lien. Seul le titre de la carte est à l’intérieur de la balise <a>. ⚠️ Lorsque href est renseigné, assurez-vous de fournir un nom accessible pour le lien dans le slot=”header”

Bonnes pratiques et pièges à éviter

Ne pas utiliser href sans ajouter un nom accessible dans le slot="header"

Lorsque la carte est utilisée comme lien, ajouter dans le slot=”header” un nom accessible explicite, qui permet à l’utilisateur de comprendre sa destination.

Lorsque le titre de la card est renseigné, la balise de titre <hx> doit être en adéquation avec la hiérarchie de titre de la page (par exemple, si le précédent titre introduisant la card est un <h1>, le titre de la card sera un <h2>).

Veiller à intégrer des images uniquement illustratives (aucune information ne doit être perdue si l’image n’est pas affichée).

Référence

Notice d'accessibilité AcceDeWeb : https://www.accede-web.com/notices/html-et-css/liens-et-boutons/

Motif de conception W3C : https://www.w3.org/WAI/ARIA/apg/patterns/link/