Ról ARIA contrártha

Seiceálann Silktide eilimintí a dhearbhaíonn ról sainráite i gcoinne na brí a bhfuil acu cheana in HTML. Tuairiscíonn sé róil nach gceadaítear ar an eilimint sin, agus róil nach ndéanann ach an bhrí atá leis an eilimint cheana a athrá.

<!-- Fadhb: ní féidir le heilimint nav a bheith ina cnaipe -->
<nav role="button">…</nav>

<!-- Fadhb: iomarcach, tá an ról seo ag nav cheana -->
<nav role="navigation">…</nav>

<!-- Deisigh: lig don eilimint labhairt ar a son féin -->
<nav>…</nav>

Cén fáth a bhfuil sé seo tábhachtach

Tá brí ionsuite ag gach eilimint a mbíonn ag brath uirthi. Cruthaíonn ról a thagann salach ar an mbrí sin eilimint a bhreathnaíonn cosúil le rud amháin ach a fhógraíonn í féin mar rud eile - d’fhéadfadh úsáideoir "cnaipe" a chloisteáil nuair is é nascleanúint an tsuímh atá ann i ndáiríre, agus an sainchomhartha a úsáideann siad chun a mbealach a aimsiú ar an leathanach a chailleadh. Ní dhéanann róil iomarcacha an oiread céanna dochar, ach cuireann siad torann leo, tugann siad cuireadh do bhotúin amach anseo, agus tugann siad le fios go bhfuil ARIA á úsáid nuair nach bhfuil gá leis.

Conas é a dheisiú

I gcás róil chontrártha, bain an ról nó athraigh go heilimint a bhfuil an bhrí atá uait aici i ndáiríre - más cnaipe ba cheart di a bheith, bain úsáid as <button>.
I gcás róil iomarcaigh amhail <nav role="navigation"> nó <button role="button">, scrios an tréith róil. Nochtann an eilimint an ról sin inti féin cheana.

Conas a thástálann Silktide é seo

Aimsigh gach eilimint ar an leathanach a bhfuil tréith role aici, gan róil anaithnide nó theibí a áireamh (tuairiscítear iad sin le Ról ARIA neamhbhailí).
Cuir an ról i gcomparáid leis na teaglamaí a cheadaíonn an tsonraíocht ARIA in HTML don eilimint sin, agus tuairiscigh róil nach gceadaíonn an eilimint.
Tuairiscigh róil a dhúblaíonn ról intuigthe na heiliminte féin, seachas role="list" ar <ul> agus <ol> (féach thíos).
Nuair a liostaíonn tréith róil roinnt ról, ní chuirtear san áireamh ach an chéad ról ARIA a aithnítear, an ceann céanna a úsáideann brabhsálaithe. Fágtar focail anaithnide roimhe ar lár.

Déanann torthaí idirdhealú idir an dá chás, ionas gur féidir leat tosaíocht a thabhairt do choinbhleachtaí seachas d’iomarcaíocht.

Fabhtcheartú

Tá an ról iomarcach ann do bhrabhsálaithe níos sine

Moladh róil shainchomhartha sainráite amhail role="navigation" tráth mar líontán sábhála do theicneolaíocht chúnta níos sine. Tá tacaíocht do na heilimintí bundúchasacha uilíoch le blianta, agus cosnaíonn an ról dúblach níos mó anois ó thaobh cothabhála de ná mar a thugann sé ar ais. Bain é, nó an toradh má éilíonn do bheartas tacaíochta go gcoimeádfaí é.

Ní thuairiscítear `role="list"` ar liosta

Stopann Safari le VoiceOver de <ul> nó <ol> a fhógairt mar liosta nuair a bhaintear a urchair le list-style: none. Athbhunaíonn cur leis role="list" an liosta, mar sin ní thuairiscíonn Silktide é mar ról iomarcach ar na heilimintí sin.