Foirmeacha inrochtana: lipéid, leideanna, earráidí

Sé chritéar ratha d’fhoirmeacha

Is é WCAG 2.2 an Moladh reatha ón W3C d’ábhar gréasáin inrochtana. Maidir le téacsanna foirme, is iad sé cinn dá chritéir ratha is tábhachtaí:

• 1.3.1 Info and Relationships (leibhéal A): bíonn an méid a thaispeánann an leagan amach, mar shampla cén lipéad a bhaineann le cén réimse, ar fáil sa chód nó i dtéacs freisin.
• 1.3.5 Identify Input Purpose (leibhéal AA): nochtann réimsí a iarrann faisnéis faoin úsáideoir, mar ainm nó ríomhphost, a gcuspóir sa chód.
• 3.3.1 Error Identification (leibhéal A): má bhraitear earráid ionchuir go huathoibríoch, ainmnítear an réimse agus déantar cur síos ar an earráid i dtéacs.
• 3.3.2 Labels or Instructions (leibhéal A): tugtar lipéid nó treoracha nuair a bhíonn ionchur ón úsáideoir ag teastáil ón ábhar.
• 3.3.3 Error Suggestion (leibhéal AA): má bhraitear earráid agus más eol ceartúchán, moltar é, mura gcuirfeadh sé seo slándáil nó cuspóir an ábhair i mbaol.
• 4.1.2 Name, Role, Value (leibhéal A): tá ainm agus ról ag gach rialtán ar féidir le bogearraí a léamh.

Teastaíonn lipéad infheicthe ó gach réimse

Deir lipéad cad a théann sa réimse, agus fanann sé infheicthe fad a bhíonn an t-úsáideoir ag clóscríobh. In HTML, ceangail an eilimint label leis an réimse: tá an luach céanna go díreach ag aitreabúid for an lipéid agus atá ag id an réimse. Léann léitheoirí scáileáin an lipéad leis an réimse ansin, agus cuireann cliceáil ar an lipéad an cúrsóir sa réimse. Faigheann cnaipe a lipéad óna théacs, agus deir 'Seol teachtaireacht' níos mó ná 'Cuir isteach'. De ghnáth bíonn lipéid ar dheis ó chnaipí raidió agus ó bhoscaí ticeála agus ar chlé ó réimsí eile nó os a gcionn; is lú an leithead a theastaíonn ó lipéid os cionn réimsí.

Ní lipéad é téacs sealadach

Breathnaíonn an téacs liath i réimse folamh cosúil le lipéad, ach ní lipéad é. Ainmníonn an W3C na fadhbanna:

• Imíonn sé a luaithe a thosaíonn duine ag clóscríobh, mar sin is deacra na hiontrálacha a sheiceáil roimh sheoladh.
• Is minic a thaispeánann brabhsálaithe é i ndath éadrom le ró-bheagán codarsnachta.
• Ní chaitheann léitheoirí scáileáin leis mar lipéad, agus bíonn an tacaíocht éagsúil.

Ná húsáid téacs sealadach ach do shampla ar a mhéad, agus cuir gach rud tábhachtach sa lipéad nó i leid.

Leideanna agus réimsí riachtanacha

• Cuir rialacha i leid: formáid an dáta, fad uimhir chustaiméara, cad a theastaíonn ó phasfhocal. In HTML is féidir leat an leid a cheangal le aria-describedby, ionas go léann léitheoirí scáileáin í i ndiaidh an lipéid.
• Abair cé na réimsí atá riachtanach agus cé na cinn atá roghnach. Má úsáideann tú réiltín, mínigh é uair amháin ag tús na foirme.
• Cuir treoracha don fhoirm iomlán roimh an bhfoirm, mar shampla faoi theorainn ama.
• Coinnigh leideanna gearr. Déanann an iomarca treoracha foirm níos deacra, ní níos éasca.

Grúpáil réimsí gaolmhara

Grúpáiltear cnaipí raidió agus boscaí ticeála a bhaineann le chéile leis an eilimint fieldset, agus ainmníonn an eilimint legend an grúpa, mar shampla 'Conas ar mhaith leat go ndéanfaimis teagmháil leat?'. Deir an W3C gur cheart grúpaí cnaipí raidió a ghrúpáil ar an mbealach seo i gcónaí. Coinnigh an legend gearr, mar léann roinnt léitheoirí scáileáin é le gach réimse. Cabhraíonn grúpaí freisin le réimsí a bhfuil an lipéad céanna orthu, mar an tsráid i seoladh seachadta agus i seoladh billeála.

autocomplete: lig don bhrabhsálaí cabhrú

Maidir le réimsí a iarrann faisnéis faoin úsáideoir, iarrann 1.3.5 gur féidir a gcuspóir a aithint sa chód. Tá liosta de na cuspóirí seo in WCAG 2.2, bunaithe ar chuid uathlíonta shonraíocht HTML, mar name, given-name, family-name, email, tel, street-address agus postal-code. In HTML socraíonn tú iad leis an aitreabúid autocomplete, mar shampla autocomplete="email". Is féidir le brabhsálaithe luachanna sábháilte a líonadh isteach ansin, rud a shábhálann clóscríobh. Ní theastaíonn cuspóir ó réimsí nach mbaineann leis an úsáideoir.

Teachtaireachtaí earráide a chabhraíonn

Tá trí jab ag teachtaireacht earráide: an réimse a ainmniú, a rá cad atá cearr agus a rá conas é a cheartú. Iarrann 3.3.1 an chéad dá cheann, i dtéacs, mar sin ní leor imlíne dhearg nó deilbhín amháin. Iarrann 3.3.3 an ceartúchán nuair is eol é.

• Taispeáin an teachtaireacht in aice leis an réimse agus ceangail í le aria-describedby, ionas go léann léitheoirí scáileáin í leis an réimse.
• Tar éis seolta, taispeáin liosta de na hearráidí go léir ag an mbarr, roimh an bhfoirm, faoi cheannteideal soiléir. Ainmníonn gach iontráil an réimse, an fhadhb agus an réiteach, agus nascann sí leis an réimse.
• Nuashonraigh teideal an leathanaigh freisin, mar shampla '2 earráid – Foirm teagmhála', agus bog an fócas chuig an gcéad réimse ina bhfuil earráid.
• Coinnigh a bhfuil iontráilte ag an úsáideoir cheana. Is é seo ár gcomhairle, ní riail WCAG: nuair a chaithfear gach rud a chlóscríobh arís tar éis botúin amháin, éiríonn daoine as.

Seiceáil d’fhoirm le Do4U

Seiceálann an uirlis Téacsanna foirme téacsanna foirme gréasáin. Greamaíonn tú HTML na foirme nó tugann tú seoladh an leathanaigh, agus is féidir leat na teachtaireachtaí earráide a thaispeánann d’fhoirm a chur leis. Léann an cód gach réimse: a lipéad agus cá as a dtagann an lipéad, leideanna, téacs sealadach, réimsí riachtanacha, luachanna autocomplete agus grúpaí cnaipí raidió nó boscaí ticeála. Aimsíonn sé fadhbanna mar réimse gan lipéad, téacs sealadach mar an t-aon lipéad, réimsí riachtanacha nach luann an téacs, luachanna autocomplete ar iarraidh agus teachtaireachtaí earráide doiléire, gach ceann lena chritéar ratha. Molann an AI lipéad soiléir, leid ghearr agus teachtaireacht earráide a ainmníonn an réimse agus a deir conas an t-ionchur a cheartú. Seiceálann an cód gach moladh agus tógann sé dréacht HTML feabhsaithe ó d’fhoirm.

Aimsíonn Do4U leideanna agus tógann sé dréacht, seiceálann tusa agus cinneann tusa. Seiceálann an uirlis an marcáil, ní do stíleanna, do scripteanna ná úsáid an mhéarchláir, agus ní insíonn sí duit an bhfuil d’fhoirm inrochtana. Tástáil an fhoirm fheabhsaithe le méarchlár agus le léitheoir scáileáin.