Tréith ARIA riachtanach ar iarraidh

Seiceálann Silktide eilimintí a dhearbhaíonn ról ARIA agus fíoraíonn sé go soláthraíonn siad na tréithe a éilíonn an ról sin freisin. Ní féidir roinnt ról a úsáid gan a dtréithe, mar shampla sleamhnán nach ndeir choíche cén luach ar a bhfuil sé socraithe.

<!-- Fadhb: ní mór do shleamhnán a luach reatha a nochtadh -->
<div role="slider" tabindex="0"></div>

<!-- Ceartúchán: cuir an staid riachtanach ar fáil -->
<div role="slider" tabindex="0"
     aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"></div>

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

Is gealltanas é ról a thabhairt d'eilimint: "is sleamhnán é seo", "is ticbhosca é seo". Éilíonn róil mar seo tréithe staide mar, gan iad, tá an gealltanas folamh - sroicheann úsáideoir ticbhosca agus ní féidir leis a insint an bhfuil sé ticáilte, nó sleamhnán agus ní féidir leis a luach ná a raon a insint. Fógraítear an rialtán, is féidir fócas a chur air, agus tá sé dodhéanta é a úsáid.

Conas é a cheartú

Cuir leis na tréithe a éilíonn an ról, agus coinnigh cothrom le dáta iad le script de réir mar a athraíonn staid an rialtáin - tá aria-checked="false" statach ar thicbhosca atá ag feidhmiú chomh míthreorach céanna le gan aon tréith a bheith ann.
B'fhearr eilimintí dúchasacha a úsáid nuair atá siad ar fáil: nochtann <input type="checkbox"> agus <input type="range"> a staid go huathoibríoch, gan ARIA le cothabháil.

Mar a thástálann Silktide é seo

Aimsigh gach eilimint ar an leathanach a dhearbhaíonn tréith role.
Féach suas na tréithe a éilíonn ARIA 1.2 don ról sin - mar shampla, éilíonn role="checkbox" aria-checked, agus éilíonn role="slider" aria-valuenow. Nuair a liostaíonn an tréith role roinnt ról, is é ról na heiliminte an chéad cheann a shainmhíníonn ARIA 1.2, mar atá i mbrabhsálaithe.
Fág cásanna ar lár ina nochtann an eilimint an staid go dúchasach: tá a staid thicáilte ag ticbhosca fíor nó cnaipe raidió cheana féin, tá staid roghnaithe ag <option> dúchasach, tá a luach ag <input type="range"> nó <meter> dúchasach, agus féadfaidh sleamhnán le aria-valuetext aria-valuenow a fhágáil ar lár.
Ná héiligh aria-valuenow ar role="separator" ach amháin nuair is féidir fócas a chur air leis an méarchlár, mar is féidir le scoilteoir in-tharraingthe idir dhá phána. Níl aon tréithe de dhíth ar dheighilteoir nach ndéanann ach ábhar a roinnt.
Tuairiscigh gach eilimint a bhfuil tréith riachtanach in easnamh uirthi. Áirítear tréith a fágadh folamh, amhail aria-checked="", mar thréith atá ar iarraidh, toisc go ndéanann brabhsálaithe neamhaird de luach folamh.

Fabhtcheartú

Socraíonn script an tréith tar éis don leathanach luchtú

Tástálann Silktide an leathanach agus é á luchtú. Mura gcuireann do ghiúirléid tréithe a staide leis ach ar an gcéad idirghníomhaíocht, cloisfidh úsáideoirí rialtán gan staid go dtí sin - rindreáil an staid tosaigh isteach sa leathanach ina ionad.