ARIA (Accessible Rich Internet Applications) is a set of attributes that add accessibility semantics — roles, states, and properties — that native HTML can't express. But the most important ARIA rule is: prefer native HTML first.
Save
Save
Baineann na heilimintí dhúchasacha rannáin cheart, iompar méarchláir, agus fócas saor. Gabhfaidh do ARIA i ndiaidh nuair nach ndéanann aon ghné dhúchais an jab.
<!-- 1. Roles — what an element IS (for custom widgets) -->
<div role="tablist"><div role="tab" aria-selected="true">Tab 1</div></div>
<!-- 2. States — current condition (dynamic) -->
<button aria-expanded="false" aria-controls="menu">Menu</button>
<input aria-invalid="true" aria-describedby="err" />
<!-- 3. Properties — relationships / labels -->
<input aria-label="Search" />
<div aria-labelledby="heading-id"></div>
<div aria-live="polite">3 results found</div> <!-- screen reader announces updates -->
<div aria-live="assertive" role="alert">Error saving!</div> <!-- interrupts -->
Seo an ARIA fíor-úsáideach: a insint do léitheoirí scáileáin faoi ábhar a athraíonn gan athlódáil leathanaigh (torthaí cuardaigh, toasts, earráidí bailíochtaithe).
Is measa ná dada ar bith an ARIA mícheart — tugann sé faisnéis bhréagach do úsáideoirí an léitheora scáileáin. Agus ní athraíonn ARIA ach an séimeantaic, gan iompar go deo: níl role="button" ar <div> níl sé fócasáil nó cliceáil; caithfidh tú tabindex agus láimhseálaithe eochracha a chur leis tú féin.
Baineann an HTML séimeantach don 95% cás; ARIA a úsáid chun na bearna a líonadh do ghréine dhíobhálach (tabairt, comboboxes, roghchláir) agus chun nuashonruithe dinimiciúla a fhógairt trí réigiúin bheo.
Suigh na rialacha — roghnaigh dúchais, ná bac le séimeantaic dhúchais gan ghá, coimeád staid i gcomhshioncronúcháin, agus ná cuir ról i bhfeidhm go deo nach gcuirfidh tú chun feidhme go hiomlán.