Labeli meysydd

Mae Silktide yn gwirio bod gan bob maes ffurflen a botwm ar eich tudalennau enw y gall meddalwedd ei ddarllen. Mae pobl na allant weld y ffurflen yn dibynnu ar yr enwau hyn i wybod beth mae pob maes yn gofyn amdano.

Mae ymwelydd sy'n gallu gweld yn deall beth mae maes yn ei olygu o'r testun gerllaw. Nid oes gan y berthynas weledol honno unrhyw ystyr mewn cod: rhaid atodi'r enw i'r maes ei hun, gan amlaf gydag elfen <label> yn yr .

<!-- Problem: mae'r testun yn edrych fel label ond nid yw wedi'i atodi i'r maes -->
<p>Enw llawn</p>
<input type="text">

Pam mae hyn yn bwysig

Mae yn cyhoeddi pob maes yn ôl ei wrth i'r ymwelydd symud drwy ffurflen. Cyhoeddir maes heb enw fel "golygu testun" yn unig — rhaid i'r ymwelydd ddyfalu beth i'w deipio o'r cyd-destun, ac ar ffurflen hirach mae hynny'n mynd yn amhosibl yn gyflym. Mae meysydd heb label ymhlith y rhesymau mwyaf cyffredin pam na ellir cwblhau ffurflen heb golwg, sy'n golygu colli cofrestriadau, archebion ac ymholiadau.

Sut i'w drwsio

Atodwch <label> i bob maes, naill ai wedi'i gysylltu gan ID neu wedi'i lapio o'i gwmpas:

<!-- Wedi'i gysylltu gan ID -->
<label for="name">Enw llawn</label>
<input type="text" id="name">

<!-- Neu wedi'i lapio o gwmpas y maes -->
<label>Enw llawn <input type="text"></label>

Mae botymau yn enwi eu hunain drwy eu testun neu eu value — nid oes angen elfen label:

<button>Anfon neges</button>
<input type="submit" value="Anfon neges">

Pan nad yw label gweladwy yn ymarferol, defnyddiwch briodwedd megis aria-label neu aria-labelledby. Sylwch mai dim ond y mae hyn yn ei helpu — ni fydd ymwelwyr sy'n gallu gweld yn ei weld.

Peidiwch â dibynnu ar destun placeholder fel label: mae'n diflannu cyn gynted ag y bydd yr ymwelydd yn dechrau teipio, ac ni chaiff ei drin yn gyson fel enw.

Sut mae Silktide yn profi hyn

Dod o hyd i'r rheolyddion ffurflen ar bob tudalen: mewnbynnau, ardaloedd testun, rhestrau cwympo, a botymau, ynghyd ag elfennau sydd â rôl rheolydd ffurflen drwy ARIA (megis role="button" neu role="checkbox").
Hepgor rheolyddion nad oes angen enw arnynt: mewnbynnau cudd, meysydd a fewnosodir gan declynnau trydydd parti hysbys (megis gwasanaethau , neu'r ffurflenni cudd y mae sgriptiau olrhain a chyfieithu yn eu hychwanegu at eu defnydd eu hunain), ac elfennau nad yw eu rôl ARIA yn gofyn am label.
Pennu enw hygyrch pob rheolydd o'i label, priodweddau ARIA, testun botwm, neu werth.
Adrodd am bob rheolydd y mae ei enw hygyrch yn wag.

Datrys problemau

Mae testun wrth ymyl y maes

Nid yw testun cyfagos yn enwi maes oni bai ei fod wedi'i gysylltu mewn cod — defnyddiwch <label> â phriodwedd for, neu lapiwch y maes yn y label.

Mae'r maes yn addurnol neu'n cael ei reoli gan ategyn

Gall meysydd a fewnosodir gan declynnau nad ydych yn eu rheoli fod yn anodd eu trwsio'n uniongyrchol. Gwiriwch a yw'r ategyn yn cynnig gosodiad hygyrchedd neu ddiweddariad; os nad yw'r maes yn effeithio ar ymwelwyr mewn gwirionedd, gallwch y canfyddiad.