integer

aria-rowspan

Définit le nombre de lignes que couvre une cellule dans un tableau ou une grille.

Description

aria-rowspan indique combien de lignes une cellule occupe dans un tableau ou une grille. Il s’utilise sur les widgets personnalisés (role="gridcell", role="rowheader") quand l’attribut HTML rowspan natif n’est pas disponible.

Syntaxe

<div role="rowheader" aria-rowspan="3">Catégorie A</div>

Exemples

En-tête de groupe de lignes :

<div role="grid">
  <div role="rowgroup">
    <div role="row">
      <div role="rowheader" aria-rowspan="3" aria-rowindex="1">Fruits</div>
      <div role="gridcell">Pomme</div>
      <div role="gridcell">0,80 €</div>
    </div>
    <div role="row">
      <div role="gridcell" aria-rowindex="2">Banane</div>
      <div role="gridcell">0,50 €</div>
    </div>
    <div role="row">
      <div role="gridcell" aria-rowindex="3">Cerise</div>
      <div role="gridcell">3,20 €</div>
    </div>
  </div>
</div>

Notes

Préférer rowspan HTML : pour les tableaux natifs <table>, l’attribut HTML rowspan est toujours préférable.

Valeur minimale : 1. aria-rowspan="1" est la valeur par défaut (pas de fusion).

aria-rowspan="0" : dans certaines spécifications, la valeur 0 indique une fusion jusqu’à la fin du groupe de lignes — vérifier le support AT avant utilisation.

Support navigateurs