Denu mwy o ddarllenwyr gyda safle sy'n cyd-fynd ag anghenion pawb
Trwy wneud eich gwefan yn hygyrch i bobl ag anableddau, rydych chi ar gael i bawb ar gael i bawb. Mewn gwirionedd, gall gwneud eich gwefan yn fwy hygyrch hyd yn oed helpu pobl i ddod o hyd i'ch gwefan mewn peiriannau chwilio. Pam? Oherwydd bod peiriannau chwilio'n defnyddio rhai o'r un arwyddion y mae darllenwyr sgrin yn eu gwneud er mwyn canfod a deall cynnwys eich gwefan.
Ond yn union sut ydych chi'n gwneud gwefan hygyrch heb ddod yn arbenigwr codio?
Dyma rai awgrymiadau a thriciau y gall bron unrhyw un â gwybodaeth HTML sylfaenol eu defnyddio i wella hygyrchedd eu gwefan.
Offer Hygyrchedd Gwe
Mae gan W3C restr wych o offer hygyrchedd ar y we y gallwch eu defnyddio fel gwirydd i weld problemau posibl gyda'ch gwefan. Wedi dweud hynny, rwy'n dal i argymell gwneud rhywfaint o archwilio gyda darllenydd sgrîn a'i brofi i chi'ch hun.
Darllen Cysylltiedig: Beth yw Technoleg Gynorthwyol a Sut mae'n Gweithio?
Deall Darllenwyr Sgrin
Un o'r ffyrdd pwysicaf y gallwch chi wella hygyrchedd eich gwefan yw sicrhau y gall darllenwyr sgrin ei ddeall. Mae darllenwyr sgrin yn defnyddio llais wedi'i synthesis i ddarllen y testun ar y sgrin. Mae hynny'n swnio'n eithaf syml; fodd bynnag, efallai na fydd darllenwyr sgrin yn deall eich gwefan fel yr ydych wedi'i sefydlu ar hyn o bryd.
Y peth cyntaf yr hoffech ei wneud yw rhoi cynnig ar ddarllenydd sgrin a gweld sut mae'n mynd. Os ydych ar Mac, ceisiwch ddefnyddio VoiceOver.
- Ewch i Dewisiadau System.
- Dewis Hygyrchedd.
- Dewiswch VoiceOver.
- Gwiriwch y blwch ar gyfer Enable VoiceOver.
Gallwch ei thynnu ar ac oddi arni gan ddefnyddio command-F5.
Os ydych ar beiriant Windows, efallai y byddwch am lwytho i lawr NVDA. Gallwch ei osod i fyny i ffwrdd â'r rheolwr llwybr byr + alt + n ac oddi arno.
Mae'r ddau ddarllenydd sgrîn yn gweithredu trwy adael i'r defnyddiwr fynd trwy fysellfwrdd (mae hyn yn gwneud synnwyr - os na allwch chi weld, byddai defnyddio llygoden yn her) a thrwy greu ardal ffocws ar gyfer mordwyo. Mae'r ffocws yn ei hanfod lle mae'r bysellfwrdd yn "bwynt," ond fe'i harddangosir fel bocs a amlygwyd o gwmpas y gwrthrych ffocws yn hytrach na chyrchwr.
Gallwch newid y llais llais a'r cyflymder y mae'r llais yn ei ddarllen os yw'r gosodiadau diofyn yn blino (ac ar ôl tua pum munud o wrando ar ddarlleniad llais araf safonol, fel arfer maent). Fel arfer, mae pobl ddall yn darllen gwefannau gyda'u darllenwyr sgrîn wedi'u gosod i gyflymder uchel.
Efallai y bydd yn helpu i gau eich llygaid wrth i chi wneud hyn, ond gall hefyd helpu i'w cadw'n agored a chymharu. Efallai y bydd rhai o'r pethau y byddwch chi'n sylwi ar unwaith wrth geisio gwrando ar eich gwefan yw y gallai peth o'r testun fod allan o orchymyn. Efallai y bydd penawdau a thablau yn cael eu cywiro. Efallai y bydd delweddau naill ai'n cael eu hesgeuluso neu efallai y byddant yn dweud "delwedd" neu rywbeth yr un mor anymarferol. Mae tendrau i'w darllen fel cyfres o eitemau heb gyd-destun.
Gallwch, gobeithio, atgyweiria hyn.
Alt-Tagiau neu Nodwedd Amgen
Defnyddir y priodwedd alt-tag neu amgen (alt) yn HTML i ddisgrifio delwedd. Yn HTML, mae'n edrych fel hyn:
Hyd yn oed os gwnewch offeryn gweledol i'ch gwefan sy'n cuddio eich cod HTML, byddwch bron bob amser yn cael cyfle i fynd i ddisgrifiad delwedd. Ni allwch roi dim (alt = "") ond byddai'n well rhoi disgrifiad defnyddiol i bob delwedd. Os oeddech yn ddall, beth fyddai angen i chi wybod am y ddelwedd? Nid yw "Woman" yn llawer o help, ond efallai "Siart llif dylunio lluniau menyw gan gynnwys hygyrchedd, defnyddioldeb, brandio a dylunio."
Teitl Testun
Nid yw gwefannau bob amser yn arddangos y teitl HTML, ond mae'n ddefnyddiol i ddarllenwyr sgrin. Gwnewch yn siŵr fod gan bob un o dudalennau eich gwefan deitl disgrifiadol (ond heb fod yn ormodol) sy'n dweud wrth ymwelwyr beth yw'r dudalen.
Rhowch Hierarchaeth Gwybodaeth Da i'ch Gwefan
Torrwch ddarnau mawr o destun gyda phenawdau, ac, os yn bosib, defnyddiwch benawdau gyda'r hierarchaeth H1, H2, H3 yn briodol. Nid yn unig y mae'n gwneud eich gwefan yn haws i ddarllenwyr sgrin, mae'n ei gwneud hi'n haws i bawb arall. Mae hefyd yn arwydd gwych i Google a pheiriannau chwilio eraill i'w helpu i fynegai'n well eich gwefan.
Yn yr un modd, dylech sicrhau bod eich gwefan mewn gorchymyn cynnwys rhesymegol ac nad oes gennych flychau o wybodaeth nad yw'n perthyn yn ymddangos. Os ydych chi'n defnyddio hysbysebion, gwyliwch nad yw'ch hysbysebion yn rhy ymwthiol a chwalu'r testun ar eich gwefan yn rhy aml.
Gwneud Tablau Gwell
Os ydych chi'n defnyddio tablau HTML, gallwch ychwanegu capsiynau at eich tablau gan ddefnyddio'r tag er mwyn eu gwneud yn haws i'w deall gan ddarllenwyr sgrin yn hytrach na gwneud teitl tabl mewn testun trwm. Gallwch hefyd ychwanegu'r elfen "cwmpas" a labelu rhesi a cholofnau yn glir yn eich tabl fel nad yw darllenwyr sgrin yn syml yn cyflymu cyfres o gelloedd bwrdd heb roi unrhyw gyd-destun.
Navigation Allweddell
Yn gyffredinol, dylai unrhyw beth a rowch ar eich gwefan fod yn rhywbeth y gallai rhywun ei wneud yn bosibl gan ddefnyddio bysellfwrdd yn unig. Mae hynny'n golygu na ddylai eich botymau llywio gael eu hanimeiddio botymau dadlennu os na allwch eu defnyddio gyda darllenydd sgrîn (ceisiwch hi a gweld os nad ydych chi'n siŵr - mae rhai botymau wedi'u rhaglennu ar gyfer defnydd bysellfwrdd.)
Captions Ar gau
Os ydych chi'n ychwanegu fideos neu elfennau sain i'ch gwefan, dylent gael pennawdau. Mae HTML5 a llawer o wasanaethau ffrydio fideo (fel YouTube) yn cynnig cymorth capio caeedig. Mae penodau caeedig yn ddefnyddiol nid yn unig ar gyfer hygyrchedd ond hefyd i ddefnyddwyr a allai fod yn pori eich gwefan rywle lle na allant chwarae sain, fel mewn swyddfa neu mewn lleoliad swnllyd.
Ar gyfer podlediadau neu elfennau sain eraill, ystyriwch ddarparu trawsgrifiad testun. Nid yn unig y mae'n ddefnyddiol i bobl na allant wrando ar y sain, bydd cael y testun yn ei gwneud hi'n haws i Google a pheiriannau chwilio eraill fynegai'r cynnwys hwnnw a helpu eich safle Google .
ARIA
Os ydych chi am fynd i'r lefel uwch o hygyrchedd, nodir manylebau HTML5 ARIA neu WAI-ARIA i fod y safon newydd yn mynd rhagddo. Fodd bynnag, mae hwn yn ddeunydd technegol cymhleth (ac yn esblygu), felly yr hyn y gallech ei wneud yw defnyddio dilyswr ARIA i sganio i weld a oes gan eich gwefan unrhyw broblemau y gallwch fynd i'r afael â nhw. Mae gan Mozilla hefyd ganllaw mwy hygyrch i ddechrau gyda ARIA.