Priodoledd ARIA ofynnol ar goll

Mae Silktide yn gwirio elfennau sy'n datgan rôl ARIA ac yn cadarnhau eu bod hefyd yn darparu'r priodoleddau y mae'r rôl honno'n eu gofyn. Ni ellir defnyddio rhai rolau gyda'u priodoleddau, fel llithrydd nad yw byth yn nodi pa werth y mae wedi'i osod iddo.

<!-- Problem: rhaid i lythrydd ddatgelu ei werth presennol -->
<div role="slider" tabindex="0"></div>

<!-- Atgyweiriad: darparwch y cyflwr gofynnol -->
<div role="slider" tabindex="0"
     aria-valuemin="0" aria-valuemax="100" aria-valuenow="50"></div>

Pam mae hyn yn bwysig

Mae rhoi rôl i elfen yn addewid: "llithrydd yw hwn", "blwch ticio yw hwn". Mae rolau fel y rhain yn gofyn am briodoleddau cyflwr oherwydd hebddynt mae'r addewid yn wag - mae defnyddiwr yn cyrraedd blwch ticio ac ni all ddweud a yw wedi'i dicio, neu'n cyrraedd llithrydd ac ni all ddweud ei werth na'i ystod. Caiff y rheolydd ei gyhoeddi, gellir rhoi ffocws iddo, ac mae'n amhosibl ei ddefnyddio.

Sut i'w atgyweirio

Ychwanegwch y priodoleddau y mae'r rôl yn eu gofyn, a'u cadw'n gyfredol drwy sgript wrth i gyflwr y rheolydd newid - mae aria-checked="false" sefydlog ar flwch ticio gweithredol yr un mor gamarweiniol â dim o gwbl.
Ffefrwch elfennau brodorol lle maent ar gael: mae <input type="checkbox"> ac <input type="range"> yn datgelu eu cyflwr yn awtomatig, heb ARIA i'w gynnal.

Sut mae Silktide yn profi hyn

Canfyddwch bob elfen ar y dudalen sy'n datgan priodoledd role.
Chwiliwch am y priodoleddau y mae ARIA 1.2 yn eu gofyn ar gyfer y rôl honno - er enghraifft, mae role="checkbox" yn gofyn am aria-checked, ac mae role="slider" yn gofyn am aria-valuenow. Pan fydd y priodoledd role yn rhestru sawl rôl, rôl yr elfen yw'r un gyntaf y mae ARIA 1.2 yn ei diffinio, fel mewn porwyr.
Hepgorwch achosion lle mae'r elfen yn datgelu'r cyflwr yn frodorol: mae blwch ticio go iawn neu fotwm radio eisoes yn cario ei gyflwr wedi'i dicio, mae <option> brodorol yn cario ei gyflwr dewisiedig, mae <input type="range"> neu <meter> brodorol yn cario ei werth, a gall llithrydd ag aria-valuetext hepgor aria-valuenow.
Gofynnwch am aria-valuenow ar role="separator" dim ond pan ellir rhoi ffocws iddo gyda'r bysellfwrdd, fel y gall rhannwr llusgadwy rhwng dau baen. Nid oes angen priodoleddau ar wahanydd sydd ond yn rhannu cynnwys.
Rhowch wybod am bob elfen sydd â phriodoledd ofynnol ar goll. Mae priodoledd a adawyd yn wag, fel aria-checked="", yn cyfrif fel un sydd ar goll, oherwydd mae porwyr yn anwybyddu gwerth gwag.

Datrys problemau

Mae sgript yn gosod y briodoledd ar ôl i'r dudalen lwytho

Mae Silktide yn profi'r dudalen wrth iddi lwytho. Os yw eich teclyn yn ychwanegu ei briodoleddau cyflwr ar y rhyngweithiad cyntaf yn unig, mae defnyddwyr yn clywed rheolydd heb gyflwr tan hynny - rendro'r cyflwr cychwynnol i'r dudalen yn lle hynny.