Status van dynamische widgets

Waarom het belangrijk is

Agents bedienen interactieve widgets via de accessibility tree. Panelen, tabs, menu's, schakelaars, dialogen en statusgebieden hebben een expliciete status nodig, zodat agents zien wat open, gekozen of bezig is.

Zo los je het op

Toon de status van interactieve widgets met ARIA-statusattributen.

1. Voeg aria-expanded en aria-controls toe aan uitklapknoppen.

   <button aria-expanded="false" aria-controls="filters">Filters</button>
   <section id="filters" hidden>...</section>

2. Voeg aria-selected toe aan tabs, aria-checked aan schakelaars en role="status" aan asynchrone meldingen.

Controleren

Start een nieuwe scan voor dit checkpoint: