aria-label
sur des éléments non interactifs (<div>
, <p>
, <li>
, <ul>
)aria-label
sur des champsÀ compléter macOSX aria-label
sur des cases à cocheraria-label
sur des fieldset
aria-label
sur des boutons radiosaria-label
sur un textarea
aria-label
sur une liste déroulantearia-label
sur des éléments interactifs (<button>
, <a>
)aria-label
sur des <div>
ayant le role="group"
aria-label
sur un hyperlien de numéro de téléphonearia-live="assertive"
à faire aria-live="polite"
à faire aria-live="assertive"
avec aria-hidden
aria-live="polite"
avec aria-hidden
aria-live="assertive"
avec role="alert"
aria-live
sur un champ <input />
annoncé à la sortie du focusaria-live
sur un champ <textarea>
role="status"
pour une notification à faire aria-current="page"
À compléter sous macOSXaria-current="step"
À compléter sous macOSXaria-current="location"
À compléter sous macOSXaria-current="date"
À compléter sous macOSXaria-current="time"
À compléter sous macOSXaria-current="true"
À compléter sous macOSXoverflow: scroll;
sur une division (<div>
)vertical-align: super;
sur une balise vide de sens (<span>
)flexbox
ordonnancement<h6>
Role="heading"
et aria-level
pour dépasser les niveaux d'en-têtealt
et title
SVG
alt
et aria-hidden="true"
role=img
et aria-label comme texte alternatif à faire aria-label
comme texte alternatif (sans role="img"
) à faire role="banner"
sur balise <header>
role="complementary"
sur balise <aside>
role="contentinfo"
sur balise <footer>
role="main"
sur balise <main>
role="navigation"
sur balise <nav>
role="search"
sur un champ <form>
role="menu"
et role="menuitem"
role="region"
sur balise <div>
HTML
HTML
- <summary>
et <caption>
HTML
- aria-describedby
en remplacement de l'attribut summary
HTML
- Tableau avec attribut role="presentation"
Pour utiliser ces bookmarklets, glisser le lien correspondant dans la barre de favoris, aller sur le site Web à tester et cliquer sur le favori.