Piesaistiet vairāk lasītāju ar vietni, kas atbilst ikviena vajadzībām
Veicot jūsu vietnes pieejamību personām ar invaliditāti, jūs galu galā padarīt padarot pieejamu ikvienam. Patiesībā padarot jūsu vietni pieejamu, var pat palīdzēt cilvēkiem atrast jūsu vietni meklētājprogrammās. Kāpēc Tā kā meklētājprogrammas izmanto dažus no tiem pašiem signāliem, ko ekrāna lasītāji veic, lai atrastu un izprastu jūsu vietnes saturu.
Bet tieši tā, kā jūs izveidojat pieejamu vietni, nekļūstot par kodēšanas ekspertu?
Šeit ir daži padomi un triki, kurus gandrīz ikviens ar pamata HTML zināšanām var izmantot, lai uzlabotu viņu vietnes pieejamību.
Web pieejamības rīki
W3C ir lielisks tīmekļa pieejamības rīku saraksts, ko varat izmantot kā pārbaudītāju, lai atklātu potenciālas problēmas ar jūsu vietni. Tas nozīmē, ka es joprojām ieteiktu dažus pētīt ar ekrāna lasītāju un piedzīvot to sev.
Saistītā lasīšana: kas ir palīgtehnoloģija un kā tā darbojas?
Ekrāna lasītāju izpratne
Viens no svarīgākajiem veidiem, kā uzlabot vietnes pieejamību, ir pārliecināties, vai to var saprast ekrāna lasītāji. Ekrāna lasītāji izmanto sintezētu balsi, lai lasītu tekstu ekrānā. Tas izklausās diezgan vienkāršs; Tomēr ekrāna lasītāji var nesaprot jūsu vietni tā, kā jūs šobrīd esat iestatījis.
Pirmā lieta, ko jūs varētu vēlēties darīt, ir izmēģināt ekrāna lasītāju un noskaidrot, kā tas notiek. Ja esat Mac datorā, pamēģiniet izmantot VoiceOver.
- Iet uz sistēmas priekšrocībām.
- Atlasiet pieejamību.
- Izvēlieties VoiceOver.
- Atzīmējiet izvēles rūtiņu Iespējot VoiceOver.
Jūs varat pārslēgt to un izslēgt, izmantojot komandu F5.
Ja esat Windows datorā, iespējams, vēlēsities lejupielādēt NVDA. Varat to iestatīt, lai ieslēgtu un izslēgtu ar īsceļu vadības pogas + alt + n.
Abi ekrāna lasītāji darbojas, ļaujot lietotājam pārvietoties pa tastatūru (tas ir jēga - ja jūs neredzat, peles izmantošana būtu izaicinājums) un izveidojot navigācijas fokusa apgabalu. Galvenā uzmanība tiek pievērsta vietai, kur tastatūra ir "vērsta", bet tā parasti tiek parādīta kā izcelta lodziņa ap fokusa objektu, nevis kursoru.
Jūs varat mainīt gan balss piķi, gan ātrumu, ar kādu balss tiek atskaņots, ja noklusējuma iestatījumi ir kaitinoši (un pēc apmēram piecām minūtēm pēc standarta lēnas balss lasīšanas viņi parasti klausās). Blind cilvēki parasti lasīt mājas lapas ar to ekrāna lasītājiem, kas iestatīti uz lielu ātrumu.
Tas var palīdzēt aizvērt acis, kā jūs to darāt, taču tas var arī palīdzēt atvērt un salīdzināt. Dažas no lietām, kuras jūs varat uzreiz pamanīt, kad mēģināt noklausīties vietni, ir tā, ka daļa no teksta var būt nepareiza. Virsraksti un tabulas var tikt sajaukti. Attēlus var vai nu izlaist, vai arī viņi var pateikt "attēlu" vai kaut ko tikpat nelietderīgu. Tabulas mēdz lasīt kā posteņu sēriju bez konteksta.
Cerams, ka jūs varat to novērst.
Alt-tagi vai alternatīvais atribūts
Attēla aprakstam HTML tiek izmantots atribūts alt-tag vai alternatīva (alt). HTML formātā tas izskatās šādi:
Pat ja jūs izveidojat savu vietni ar vizuālo rīku, kas slēpj savu HTML kodu, jums gandrīz vienmēr būs iespēja ievadīt attēla aprakstu. Jūs nevarat ievadīt neko (alt = ""), bet tiešām labāk būtu sniegt katram attēlam noderīgu aprakstu. Ja jūs būtu akls, ko jums būtu jāzina par attēlu? "Sieviete" nav daudz palīdzēt, bet varbūt "sieviete zīmē dizaina plūsmas diagrammu, tostarp pieejamību, lietojamību, zīmolu un dizainu."
Nosaukuma teksts
Vietnes ne vienmēr parāda HTML nosaukuma tagu, bet tas ir noderīgi ekrāna lasītājiem. Pārliecinieties, ka katrai no jūsu vietnes lapām ir aprakstošs (bet ne pārāk loģisks) nosaukums, kas pastāstīs apmeklētājiem, kāda ir šī lapa.
Dodiet savai vietnei labu informācijas hierarhiju
Sadaliet lielus teksta gabalus ar virsrakstiem un, ja iespējams, atbilstoši izmantojiet hierarhijas H1, H2, H3 hierarhiju. Tas ne tikai padara jūsu vietni vieglāk ekrāna lasītājiem, bet arī atvieglo visu citu. Tas ir arī lielisks signāls Google un citām meklētājprogrammām, lai palīdzētu tām labāk indeksēt jūsu vietni.
Tāpat jums ir jāpārliecinās, vai jūsu vietne ir loģiskā satura secībā un ka jums nav lodziņu nesaistītas informācijas parādīšanai. Ja jūs izmantojat reklāmas, noskatieties, ka jūsu reklāmas nav pārlieku uzmācīgas un pārāk bieži sadalās jūsu vietnē esošā teksta.
Labāki tabulas
Ja izmantojat HTML tabulas, varat pievienot tabulām parakstus, izmantojot tagu, lai tos padarītu vieglāk saprotamus ekrāna lasītājiem, nevis vienkārši veidojot tabulas nosaukumu treknrakstā. Varat arī pievienot "darbības jomas" elementu un skaidri norādīt jaunās rindas un kolonnas savā tabulā, lai ekrāna lasītāji netiktu vienkārši satverti no tabulas šūnu sērijas, nesniedzot nekādu kontekstu.
Navigācija ar klaviatūru
Parasti jebko, ko jūs ievietojat savā vietnē, vajadzētu būt kaut kas, ko kāds varētu domāt tikai, izmantojot tikai tastatūru. Tas nozīmē, ka navigācijas pogas nedrīkst būt animācijas nolaižamās pogas, ja tās nevarat izmantot ar ekrāna lasītāju (izmēģiniet to un noskaidrojiet, vai neesat pārliecināts - dažas pogas ir ieprogrammētas tastatūras lietošanai.)
Slēgtie paraksti
Ja savai vietnei pievienojat videoklipus vai audio elementus, tiem jābūt parakstiem. HTML5 un daudzi video straumēšanas pakalpojumi (piemēram, YouTube) piedāvā slēgtu parakstu atbalstu. Noslēgtie paraksti ir noderīgi ne tikai pieejamībai, bet arī lietotājiem, kuri var pārlūkot jūsu vietni kaut kur, kur viņi nevar atskaņot audio, piemēram, birojā vai trokšņainā vietā.
Lai saņemtu podkastus vai citus audio elementus, apsveriet teksta stenogrammas nodrošināšanu. Ne tikai tas ir noderīgi cilvēkiem, kuri nevar klausīties audio, un, ņemot vērā šo tekstu, Google un citām meklētājprogrammām būs vieglāk indeksēt šo saturu un palīdzēt jūsu Google rangu .
ARIA
Ja vēlaties doties uz uzlabotu pieejamības līmeni, HTML5 ARIA vai WAI-ARIA specifikācijas mērķis ir būt par jauno standartu, kas virzīsies uz priekšu. Tomēr šī ir sarežģīta (un attīstīta) tehniskā rokasgrāmata, tādēļ, ko jūs varētu darīt, ir izmantot ARIA validatoru, lai skenētu, vai jūsu vietnē ir kādi jautājumi, uz kuriem varat vērsties. Mozilai ir arī pieejamāka rokasgrāmata, kā sākt darbu ar ARIA.