ARIA label

Poslední aktualizace: 21. 8. 2024

Štítky: ARIA, aria-label, HTML, HTML atribut, Přístupnost

Atribut aria-label slouží k popsání interaktivních prvků na webu.

ARIA label je HTML atribut, který se používá k přidání textového popisu k interaktivním prvkům na webové stránce. Využití tohoto atributu je zejména v oblasti webové přístupnosti, kdy popisy mohou využít například uživatelé se zdravotním postižením, kteří používají čtečky obrazovky nebo jiné pomocné technologie.

ARIA label je jedním ze sady atributů ARIA (Accessible Rich Internet Applications). Mezi další atributy patří například aria-labelledby, aria-describedby, role a další. Seznam těchto atributů se průběžně rozšiřuje.

Jak ARIA label funguje?

• Pomocná technologie – například čtečka obrazovky, přečte uživateli hodnotu atributu ARIA label a předá ji uživateli.
• Uživatel pochopí účel a funkci interaktivního prvku díky ARIA labelu.
• ARIA label se může používat pro různé typy interaktivních prvků, včetně tlačítek, obrázků, odkazů a formulářových polí.

Příklady použití ARIA label

• Tlačítko pro zavření okna: aria-label="Zavřít okno"
• Obrázek s ikonou lupy: aria-label="Vyhledávání"
• Odkaz na stránku s kontakty: aria-label="Kontakty"
• Formulářové pole pro zadání jména: aria-label="Jméno"

Výhody používání ARIA labelu

• Přístupnost: Zvyšuje úroveň přístupnosti webových stránek.
• Lepší uživatelská zkušenost: Poskytuje uživatelům pomocné technologie jasnější a srozumitelnější informace o interaktivních prvcích.
• Zlepšení SEO: Pomáhá vyhledávačům lépe porozumět obsahu webových stránek.

Doporučené postupy pro používání ARIA label

• Používejte jasné a výstižné popisy: Popis by měl být co nejvýstižnější a měl by jasně sdělovat účel a funkci interaktivního prvku.
• Vyhněte se zbytečným informacím: Nezapojujte do popisu informace, které jsou již zřejmé z kontextu.
• Používejte konzistentní terminologii: Používejte konzistentní terminologii pro podobné typy interaktivních prvků.
• Testujte s pomocnými technologiemi: Vždy otestujte své webové stránky s pomocnými technologiemi, abyste se ujistili, že ARIA labely fungují správně.

Líbil se Vám tento příspěvek? Sdílejte ho!