Aithint earráidí

Scrúdaíonn Silktide réimsí foirme riachtanacha ar dealraitheach go n-úsáideann siad bailíochtú saincheaptha in ionad seiceáil ionsuite an bhrabhsálaí, agus tugann sé rabhadh nuair nach bhfuil aon bhealach dealraitheach ann chun an teachtaireacht earráide a chur ar fáil do dhaoine a úsáideann teicneolaíocht chúnta.

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

Nuair a dhiúltaíonn foirm freagra neamhbhailí, is gnách go bhfeiceann úsáideoirí radharcacha imlíne dhearg nó teachtaireacht in aice leis an réimse. Ní fhaigheann úsáideoir aon cheann díobh sin mura nochtann an leathanach an earráid sa chód: diúltaíonn an fhoirm í féin a chur isteach, gan aon mhíniú ar cad a chuaigh mícheart ná cá háit. Is é an toradh foirm a chuireann cosc go ciúin ar roinnt cuairteoirí.

Fógraíonn brabhsálaithe a dteachtaireachtaí bailíochtaithe ionsuite féin go huathoibríoch. Tagann an baol chun cinn nuair a mhúchann leathanach é sin nó nuair a chuireann sé bailíochtú dá chuid féin ina ionad, agus nuair a dhéanann sé dearmad an leagan ionaid a nascadh le .

Conas é a shocrú

Tabhair bealach ríomhchláraithe do theachtaireacht earráide gach réimse a bhailíochtaítear go saincheaptha, trí a úsáid:

<!-- Fadhb: bailíochtú saincheaptha gan cainéal earráide inrochtana -->
<form novalidate>
  <input type="text" required>
  <span class="error">Cuir isteach d’ainm</span>
</form>

<!-- Réiteach: díríonn an réimse ar a theachtaireacht earráide -->
<form novalidate>
  <input type="text" required aria-describedby="name-error">
  <span id="name-error" class="error">Cuir isteach d’ainm</span>
</form>

Sásaíonn aon cheann díobh seo an seiceáil:

aria-errormessage ar an réimse, a dhíríonn ar an eilimint a líonann tú leis an téacs earráide (socraigh aria-invalid="true" nuair a thaispeántar an earráid).
aria-describedby ar an réimse, a dhíríonn ar eilimint na teachtaireachta.
laistigh den fhoirm — eilimint le role="alert", role="status", nó aria-live — a scríobhann do bhailíochtú téacs earráide inti.

Mar mhalairt air sin, bain an saincheapadh agus lig do bhailíochtú dúchasach an bhrabhsálaí earráidí a thuairisciú; tá sé sin inrochtana de réir réamhshocraithe.

Mar a dhéanann Silktide é seo a thástáil

Aimsigh réimsí riachtanacha infheicthe — ionchuir, limistéir téacs agus biachláir roghnaithe — atá marcáilte le required nó aria-required="true".
Ná coinnigh ach réimsí a bhfuil fianaise ann go seachnaítear nó go gcuirtear bailíochtú dúchasach an bhrabhsálaí ina ionad: tá novalidate ar an bhfoirm, tá formnovalidate ar rialtán seolta, tá aria-invalid marcáilte ar an réimse, úsáideann sé aria-required gan an tréith dhúchasach required, nó tá leideanna bailíochtaithe saincheaptha ar an réimse nó ar an bhfoirm (amhail tréithe a bhaineann le hearráidí nó coimeádáin teachtaireachtaí earráide).
I gcás gach réimse dá leithéid, lorg aon chainéal earráide inrochtana: tagairt bhailí aria-errormessage, tagairt bhailí aria-describedby, nó réigiún beo laistigh den fhoirm.
Tabhair rabhadh faoi réimsí nach bhfuil aon cheann acu. Is rabhadh é seo seachas teip dheimhnithe, mar ní féidir iompar bailíochtaithe ag am rite a bhreathnú go hiomlán ó chód an leathanaigh.

Fabhtcheartú

Fógraítear mo chuid earráidí i gceart

Lorgaíonn an seiceáil an struchtúr a fhágann gur féidir fógraí a dhéanamh, ní an fógra féin. Má chuireann do chreat réigiún beo nó tagairtí ARIA isteach ach amháin nuair a tharlaíonn earráid, ní thaispeánann an leathanach lódáilte aon chainéal agus cuirtear bratach ar an réimse. Réitíonn sé seo má chuirtear eilimint na teachtaireachta (folamh) agus an tagairt leis roimh ré, agus tá sé níos láidre freisin.

Níl an eilimint teachtaireachta dá dtagraítear ann fós

Ní mór do thagairtí díriú ar eilimintí atá ar an leathanach. Meastar nach bhfuil aon chainéal ag aria-describedby a dhíríonn ar id nach gcruthaítear ach níos déanaí.