Rheolydd gydag eicon yn unig

Mae Silktide yn chwilio am fotymau a dolenni sy'n cael eu tagio gan eicon yn unig - megis croes cau, dewislen hamburger, neu chwyddwydr chwilio - heb enw testun ynghlwm ar gyfer pobl na allant weld yr eicon.

<!-- Problem: nid yw dim yn cyhoeddi beth mae'r botwm hwn yn ei wneud -->
<button><svg>…</svg></button>

<!-- Datrysiad: enwch y rheolydd -->
<button aria-label="Agor dewislen"><svg>…</svg></button>

Pam mae hyn yn bwysig

Mae defnyddwyr sy'n gallu gweld yn deall beth mae botwm eicon yn ei wneud o'i siâp a'i gyd-destun. Nid oes gan ddefnyddwyr ddewis arall cyfatebol: heb , mae eu meddalwedd yn cyhoeddi "botwm" neu "ddolen" ddienw, neu'n darllen cod sydd dros ben, megis enw dosbarth CSS eicon. Mae pob rheolydd gydag eicon yn unig heb enw yn rheolydd y mae'n rhaid i'r defnyddwyr hynny ei actifadu ar eu dall neu ei hepgor yn gyfan gwbl - ac yn aml, y rhain yw'r rheolyddion pwysicaf ar y dudalen: dewislenni, chwilio, cau, nesaf.

Sut i'w drwsio

Ychwanegwch dag sy'n disgrifio beth mae'r rheolydd yn ei wneud, nid sut mae'r eicon yn edrych: aria-label="Chwilio", nid aria-label="Chwyddwydr".
Os yw'r un geiriad eisoes yn bodoli fel testun gweladwy gerllaw, cyfeiriwch ato gyda aria-labelledby yn hytrach na'i ddyblygu.
Os yw'r eicon yn <img>, mae rhoi testun alt ystyrlon iddo hefyd yn enwi'r rheolydd.
Os nad yw'r rheolydd yn gwneud dim defnyddiol ac yn bodoli i addurno yn unig, gwnewch ef yn anryngweithiol yn hytrach na'i enwi.

Sut mae Silktide yn profi hyn

Dod o hyd i'r botymau, dolenni a rheolyddion datgelu gweladwy ar bob tudalen, gan gynnwys elfennau â role="button" neu role="link".
Hepgor unrhyw reolydd sydd eisoes ag enw: testun gweladwy o 2 nod neu fwy, aria-label, aria-labelledby, neu briodwedd title.
Gwirio a yw'r rheolyddion sy'n weddill yn cynnwys eicon: SVG mewnol, delwedd â thestun alt gwag, neu destun a luniwyd mewn ffont eicon cydnabyddedig.
Rhoi gwybod am reolyddion sy'n dangos eicon ond nad oes ganddynt enw.

Datrys problemau

Mae'r rheolydd wedi'i dagio mewn ffordd arall

Mae Silktide yn cydnabod aria-label, aria-labelledby, title, testun gweladwy, a thestun alt delweddau. Os enwir eich rheolydd drwy fecanwaith y tu allan i'r rhain - sy'n anghyffredin - gwiriwch gyda darllenydd sgrin fod yr enw'n cael ei gyhoeddi mewn gwirionedd, a y canfyddiad os yw'n cael ei gyhoeddi.

Mae'r eicon yn addurnol ac wrth ymyl testun

Ni roddir gwybod am reolyddion â thestun gweladwy ystyrlon, hyd yn oed pan fo eicon wrth ochr y testun. Os rhoddwyd gwybod am reolydd, ni chyrhaeddodd ei destun 2 nod ystyrlon - nid yw testun un glyff megis "×" yn cyfrif fel tag.