Labelu gan briodoledd title

Mae Silktide yn gwirio'r botymau a'r dolenni ar eich tudalennau am reolyddion sy'n dibynnu ar y briodoledd title i egluro beth maent yn ei wneud. Dim ond fel cyngor offer sy'n ymddangos ar ôl oedi pan fo pwyntydd llygoden dros yr elfen y mae porwyr yn dangos title, felly nid yw'r rhan fwyaf o bobl byth yn ei weld.

<!-- Problem: y cyngor offer yw'r unig label -->
<button title="Cau"><svg>…</svg></button>

<!-- Trwsio: rhowch enw hygyrch go iawn i'r rheolydd -->
<button aria-label="Cau"><svg>…</svg></button>

Pam mae hyn yn bwysig

Dim ond i ddefnyddwyr llygoden y mae cyngor offer title yn ymddangos, a dim ond ar ôl oedi. Nid yw defnyddwyr bysellfwrdd, defnyddwyr cyffwrdd a symudol, a'r rhan fwyaf o ddefnyddwyr byth yn ei dderbyn, felly mae rheolydd sydd wedi'i labelu gan ei title yn unig yn fotwm dirgel i gyfran fawr o'ch ymwelwyr. Mae darllenwyr sgrin hefyd yn trin title yn anghyson — mae rhai yn ei darllen, mae rhai yn ei anwybyddu — sy'n golygu nad yw'n ddibynadwy hyd yn oed i'r defnyddwyr y mae i fod i'w gwasanaethu.

Pan fo gan reolydd title ac gwahanol, y broblem yw cysondeb: mae defnyddiwr llygoden yn gweld un disgrifiad am gyfnod byr tra bod defnyddiwr technoleg gynorthwyol yn clywed un arall, ac mae'r ddau'n mynd ymhellach oddi wrth ei gilydd wrth i'r dudalen gael ei chynnal.

Sut i'w drwsio

Rhowch label priodol i'r rheolydd: testun gweladwy lle bo modd, neu aria-label (neu aria-labelledby sy'n cyfeirio at destun sy'n bodoli eisoes) ar gyfer rheolyddion eicon yn unig.
Os oes gan y rheolydd title ac aria-label sy'n anghytuno, dewiswch y geiriad mwyaf defnyddiol a'i ddefnyddio ym mhobman. Fel arfer, y datrysiad mwyaf taclus yw dileu'r title a gadael i aria-label gario'r disgrifiad.
Cadwch title ar gyfer manylion atodol gwirioneddol yn unig. Ni ddylai byth fod yr unig ffordd o ddysgu beth mae rheolydd yn ei wneud.

Sut mae Silktide yn profi hyn

Dewch o hyd i'r botymau, dolenni a rheolyddion datgelu gweladwy ar bob tudalen, gan gynnwys elfennau â role="button" neu role="link".
Ar gyfer pob rheolydd â phriodoledd title nad yw'n ddibwys, gwiriwch a oes ganddo unrhyw labelu arall: testun gweladwy, delwedd, aria-label, neu aria-labelledby.
Rhowch wybod am reolyddion lle mai'r briodoledd title yw'r unig label.
Lle bo gan reolydd title ac aria-label neu aria-labelledby penodol, cymharwch y ddwy a rhowch wybod amdanynt pan fyddant yn dweud pethau sylweddol wahanol. Os yw un yn ymestyn y llall yn unig (e.e. title o "Chwilio" gydag enw o "Chwilio nawr"), ni roddir gwybod am hynny.

Ni chaiff meysydd ffurflen fel <input> a <select> eu profi gan y gwiriad hwn; mae eu labelu wedi'i gynnwys gan labeli rheolyddion ffurflen.

Datrys problemau

Mae'r briodoledd title yn ofynnol ar iframes

Cywir — title ar <iframe> yw'r ffordd safonol o'i enwi, ac nid yw'r gwiriad hwn yn profi iframes. Mae ond yn profi rheolyddion rhyngweithiol fel botymau a dolenni.

Mae fy nghyngor offer yn ychwanegu gwybodaeth ychwanegol ddefnyddiol

Mae hynny'n ddefnydd dilys, cyn belled bod gan y rheolydd label go iawn hefyd. Dim ond rheolyddion lle mai title yw'r unig label, neu lle mae'n gwrthddweud yr enw hygyrch, y mae'r gwiriad hwn yn rhoi gwybod amdanynt.