ARIA | Notion

Syftet med ARIA är att:

Göra webben lättare att använda för alla.
Använda speciella märken för att berätta vad olika delar på webbsidan är.
Berätta för tekniska hjälpmedel, som till exempel skärmläsare, vad som händer på sidan.
Göra förändringar i hur webbsidor är organiserade för att göra dem mer tillgängliga.

Några viktiga saker att tänka på när du använder ARIA:

Använd semantisk HTML när det är möjligt.
Bara använd ARIA när du behöver förklara något som inte går att förstå med vanlig HTML och det gör det lättare för användare.
Se till att du vet hur man använder varje ARIA och att det faktiskt hjälper användarna. Testa alltid med tekniska hjälpmedel för att se att det fungerar som det ska.
Det är bättre att inte använda ARIA alls än att använda det felaktigt eller på ett sätt som inte hjälper användarna."

Exempel på hur ARIA ser ut i bakgrunden när du använder semantisk HTML

Semantikst HTML <h1>This is a main page heading</h1>
ARIA: <div role="heading" aria-level="1">This is a main page heading</div>

Resurser