Rôl cyflwyniad ar elfen ryngweithiol

Mae Silktide yn gwirio am elfennau rhyngweithiol, fel botymau, dolenni a meysydd ffurflen, sydd wedi'u marcio fel rhai addurnol yn unig. Mae marcio elfen ryngweithiol fel hyn yn dileu ei hystyr ar gyfer technoleg gynorthwyol, tra'n parhau i'w gadael yn glicadwy ar y sgrin.

<!-- Problem: the button still works, but announces as nothing -->
<button role="presentation">Delete</button>

<!-- Fix: remove the role -->
<button>Delete</button>

Pam mae hyn yn bwysig

Mae'r rolau presentation a none yn dweud wrth nad oes gan elfen unrhyw ystyr — maent yn bodoli i dynnu semanteg oddi ar bethau fel tablau cynllun. Pan gânt eu cymhwyso i elfen ryngweithiol, maent yn creu'r math gwaethaf o rwystrau: rheolydd y mae defnyddwyr llygoden sy'n gallu gweld yn ei glicio bob dydd, ond y mae yn ei gyflwyno fel cynnwys anweithredol neu'n ei hepgor yn gyfan gwbl. Nid oes gan y defnyddiwr unrhyw ffordd o wybod bod botwm yno o gwbl.

Sut i'w drwsio

Tynnwch y role="presentation" neu'r role="none" oddi ar yr elfen ryngweithiol. Mae elfennau brodorol eisoes yn datgelu'r ystyr gywir heb unrhyw rôl.
Os na ddylai'r elfen fod yn ryngweithiol mewn gwirionedd, gwnewch hynny: rhowch elfen nad yw'n ryngweithiol yn ei lle, fel <div>, a thynnwch unrhyw tabindex.
Os oeddech yn ceisio atal ystyr deunydd lapio (er enghraifft, tabl cynllun o amgylch rheolyddion), rhowch y rôl ar y deunydd lapio, nid ar y rheolyddion y tu mewn iddo.

Sut mae Silktide yn profi hyn

Dewch o hyd i bob elfen ar y dudalen sydd â role="presentation" neu role="none".
Penderfynwch a yw'r elfen yn ryngweithiol: botwm, dolen neu ardal map delwedd ag href, maes ffurflen, neu unrhyw elfen a roddir yn nhrefn tabio'r bysellfwrdd â tabindex o 0 neu'n uwch.
Rhowch wybod am bob elfen ryngweithiol sy'n cario rôl cyflwyniadol.

Ni roddir gwybod am elfennau sy'n cael eu tynnu o'r drefn tabio â tabindex negyddol, ac ni roddir gwybod ychwaith am elfennau addurnol fel delweddau neu graffeg SVG.

Datrys problemau

Fframwaith neu lyfrgell a ychwanegodd y rôl

Mae rhai llyfrgelloedd UI yn cymhwyso role="presentation" i ddeunyddiau lapio mewnol, ac weithiau i'r elfen anghywir. Archwiliwch yr elfen a adroddwyd: os yw'n gwirioneddol weithredadwy â llygoden ond wedi'i thawelu ar gyfer technoleg gynorthwyol, mae'r ateb yn perthyn i'ch defnydd o'r llyfrgell neu i'r ffynhonnell i fyny'r gadwyn.