ARIA (Accessible Rich Internet Applications) shine jerin abubuwanda da ke ƙara semantics na accessibility — ayyuka, jihohi, da kadarori — waɗanda HTML na asali ba ya iya bayyana. Amma mahimmacin ƙadar ARIA shine: fi daɗa mai aiki HTML a farko.
Save
Save
Abubuwanda na asali suna zuwa tare da ayyuka daidai, halayen fasali, da mayar da hankali kyauta. Ɗamje wa ARIA kawai idan ba akshar asali ba ya yi aikin.
<!-- 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 -->
Garin gaske ARIA mai fa'ida: gaya wa maimakon shawara game da abun ciki waɗanda suka canja ba tare da sake loda shafi ba (sakamakon bincike, toasts, kuɗin daidaita).
ARIA mara daidai shine mafi muni nesa doid ba — yana ba masu amfani da mai karanta gadar bakin labari bayani mara amfani. Kuma ARIA ba ta canja sai dai semantics, jiya halaita: role="button" akan <div> ba ta sa shi na karfafawa ko ɓugowa; dole ne ka ƙara tabindex da damre-damre da hannun-kantsi kanka.
Yi amfani da HTML na ma'ana don hali 95%; buga ARIA don cika gidar matakai don abubuwan masauri (tabayin, comboboxes, menyu) da sanarar canje-canjen ƙarfi ta hanyar yankunan raye.
Raba ƙaidodin — gida asali, kara canja gaɗi na asali ba haka ba, ajiye jiha daidai, kuma jiya bugi rawa kailin ba ki aiwata gaba.