Bylchu testun

Mae Silktide yn canfod elfennau y mae eu harddulliau mewnlin yn cloi bylchu eu testun - letter-spacing, word-spacing, neu line-height - gyda !important ar werth islaw isafswm WCAG, felly ni all defnyddwyr ei addasu.

Pam mae hyn yn bwysig

Yn aml, mae pobl â dyslecsia neu olwg gwan angen i destun gael ei wasgaru er mwyn ei ddarllen: llinellau talach, bylchau ehangach rhwng llythrennau a geiriau. Maent yn gwneud hyn gydag estyniadau porwr a thaflenni arddull wedi'u teilwra sy'n gwrthwneud bylchu tudalen.

Mae'r offer hynny'n mewnosod CSS arferol ar lefel awdur. Mae datganiad !important y tu mewn i briodoledd style elfen yn trechu pob rheol ar lefel awdur, waeth pa mor benodol ydyw - dyma'r unig luniaeth ar dudalen na all yr offer hynny ei gwrthwneud. Pan fydd yn cloi bylchu islaw'r isafswm, caiff y defnyddiwr ei gau allan yn llwyr.

Mae maen prawf llwyddiant 1.4.12 (lefel AA) yn mynnu bod cynnwys yn dal i weithio pan fydd defnyddwyr yn cynyddu bylchu testun i o leiaf:

Uchder llinell - 1.5 gwaith maint y ffont
Bylchu llythrennau - 0.12 gwaith maint y ffont
Bylchu geiriau - 0.16 gwaith maint y ffont

Sut i'w drwsio

Ar gyfer pob elfen sydd wedi'i nodi, gwnewch un o'r canlynol:

Tynnwch y faner !important o'r datganiad mewnlin. Gall offer y defnyddwyr ei wrthwneud wedyn, ac ni chaiff eich dyluniad ei newid i bawb arall.
Symudwch y datganiad i daflen arddull. Hyd yn oed gyda !important, gall offer defnyddwyr wrthwneud rheolau taflenni arddull.
Codwch y gwerth i isafswm WCAG os oes gwir angen pinio'r bylchu.

<!-- Yn methu: wedi'i gloi islaw'r isafswm; ni all offer defnyddwyr wrthwneud hyn -->
<p style="line-height: 1.2 !important">…</p>

<!-- Wedi'i drwsio: gellir ei wrthwneud -->
<p style="line-height: 1.2">…</p>

<!-- Hefyd yn iawn: wedi'i gloi, ond ar werth sydd eisoes yn bodloni'r isafswm -->
<p style="line-height: 1.5 !important">…</p>

Sut mae Silktide yn profi hyn

Canfod elfennau y mae eu priodoledd style yn datgan letter-spacing, word-spacing, neu line-height gyda !important, ac sy'n cynnwys testun gweladwy yn uniongyrchol.
Datrys y gwerth datganedig yn erbyn maint ffont yr elfen.
Adrodd am yr elfen pan fo'r gwerth sydd wedi'i gloi yn is nag isafswm WCAG ar gyfer y briodwedd honno.

Mae hyn yn adlewyrchu rheolau ACT y W3C ar gyfer 1.4.12 (bylchu llythrennau, bylchu geiriau, uchder llinell).

Nid yw Silktide yn nodi bylchu !important mewn taflenni arddull - gall offer defnyddwyr ei wrthwneud o hyd - ac nid yw'n efelychu cymhwyso'r gwrthwneudion bylchu er mwyn canfod cynlluniau sydd wedi torri, rhywbeth nad yw unrhyw offeryn awtomataidd yn ei wneud ar hyn o bryd. Mae pasio'r gwiriad hwn yn golygu nad oes dim ar y dudalen yn atal defnyddwyr rhag addasu bylchu; mae profi eich bod eich cynllun yn parhau'n ddarllenadwy gyda bylchu wedi'i addasu yn brawf llaw cyflym gyda bookmarklet bylchu testun.

Datrys problemau

Weithiau bydd llyfrgelloedd cydrannau a sgriptiau mewnosod yn ysgrifennu arddulliau !important mewnlin. Maent yn cyfrif yn erbyn eich tudalen yr un fath; gwiriwch osodiadau'r gwerthwr neu codwch y mater gyda nhw.

Mae'r bylchu wedi'i gloi ar werth cydymffurfiol

Mae gwerthoedd sy'n gyfartal â neu'n uwch nag isafswm WCAG yn pasio hyd yn oed pan fyddant wedi'u cloi - nid yw cloi line-height: 1.6 !important yn niweidio neb, oherwydd ei fod eisoes yn uwch na'r hyn y byddai defnyddwyr yn ei gynyddu iddo.