# ARIA

> Accessible Rich Internet Applications — attribútumok, amik azt mondják a kisegítő technológiának, mit jelent a markupod, amikor a HTML önmagában nem tudja.

A gombnak kinézetett div a képernyőolvasónak egy téglalap. Az ARIA áthidalja a rést: a role='button' megmondja, mi az, az aria-label megnevezi, az aria-expanded jelzi, nyitva-e a menü. Ez az akadálymentesítési réteg minden egyedi elemhez — tabok, dialógusok, toasztok —, amihez a HTML nem nőtt fel.

Az ARIA első szabálya: „ne használd az ARIA-t” — a natív <button> már helyesen jelenti magát, így a jó szemantikára tett ARIA legjobb esetben zaj, rosszabb esetben hazugság. Ott nyúlj érte, ahol a natív elemek tényleg nem tudják — és a rossz markup annotálása helyett inkább javítsd a markupot.

## Kapcsolódó fogalmak

- https://dfieldsolutions.hu/hu/fogalomtar/wcag.md
- https://dfieldsolutions.hu/hu/fogalomtar/semantic-html.md
- https://dfieldsolutions.hu/hu/fogalomtar/hydration.md

---

Source: https://dfieldsolutions.hu/hu/fogalomtar/aria
DField Solutions — Dunakeszi, Hungary — dezso@dfieldsolutions.com
Booking: see https://dfieldsolutions.hu/en/contact
