Lok meer lesers aan met 'n webwerf wat pas by almal se behoeftes
Deur jou webwerf toeganklik te maak vir mense met gestremdhede, maak jy uiteindelik toegang tot almal. Om jou webwerf meer toeganklik te maak, kan selfs mense help om jou webwerf in soekenjins te vind. Hoekom? Omdat soekenjins gebruik maak van die selfde seine wat skermlesers doen om die inhoud van jou webwerf te vind en te verstaan.
Maar presies hoe maak jy 'n toeganklike webwerf sonder om 'n kodering deskundige te word?
Hier is 'n paar wenke en truuks wat byna almal met basiese HTML kennis kan gebruik om hul webwerf se toeganklikheid te verbeter.
Web Accessibility Tools
W3C het 'n fantastiese lys van web toeganklikheid gereedskap wat jy kan gebruik as 'n checker potensiële probleme met jou webwerf te identifiseer. Dit gesê, ek raai steeds aan om met 'n skermleser te verken en dit self te ervaar.
Verwante leeswerk: Wat is hulpmiddels en hoe werk dit?
Verstaan skermlesers
Een van die belangrikste maniere waarop jy die toeganklikheid van jou webwerf kan verbeter, is om seker te maak dat dit deur skermlesers verstaan kan word. Skermlesers gebruik 'n gesintetiseerde stem om die teks op die skerm te lees. Dit klink redelik reguit; Skermlesers mag u webwerf egter nie verstaan soos u dit op die oomblik het nie.
Die eerste ding wat jy dalk wil doen, is om 'n skermleser uit te probeer en kyk hoe dit gaan. As jy op 'n Mac is, probeer om VoiceOver te gebruik.
- Gaan na Stelselvoorkeure.
- Kies Toeganklikheid.
- Kies VoiceOver.
- Merk die boks vir VoiceOver aan.
Jy kan dit aan en af skakel met die opdrag-F5.
As jy op 'n Windows-masjien is, kan jy NVDA aflaai. U kan dit op en af skakel met die snelkoppeling + alt + n.
Beide skermlesers werk deur die gebruiker te laat navigeer op sleutelbord (dit maak sin - as jy nie kan sien nie, sal die gebruik van 'n muis 'n uitdaging wees) en deur 'n fokusarea vir navigasie te skep. Die fokus is wesenlik waar die sleutelbord "puntig" is, maar dit word gewoonlik vertoon as 'n gemerkte boks om die fokusobjek in plaas van 'n wyser.
Jy kan beide die stemhoogte en die spoed waarteen die stem lees, verander as die verstekinstellings irriterend is (en na ongeveer vyf minute om na 'n standaard stadige stemlesing te luister, is dit gewoonlik). Blind mense lees gewoonlik webwerwe met hul skermlesers op hoë spoed.
Dit kan help om jou oë toe te maak soos jy dit doen, maar dit kan ook help om hulle oop te hou en te vergelyk. Sommige van die dinge wat jy dadelik kan sien wanneer jy na jou webwerf probeer luister, is dat sommige van die teks dalk buite werking mag wees. Opskrifte en tabelle kan dalk uitmekaar raak. Beelde kan ook oorgeslaan word of hulle kan "beeld" of iets ewe onbehulpsaam wees. Tabelle is geneig om as 'n reeks items sonder konteks gelees te word.
U kan dit hopelik regmaak.
Alt-Tags of Alternatiewe Attribuut
Die alt-tag of alternatiewe (alt) kenmerk word in HTML gebruik om 'n prent te beskryf. In HTML lyk dit soos volg:
Selfs as jy jou webwerf maak met 'n visuele hulpmiddel wat jou HTML kode verberg, sal jy byna altyd die geleentheid kry om 'n prentbeskrywing in te voer. Jy kan niks (alt = "") invoer nie, maar dit sal regtig beter wees om elke prentjie 'n nuttige beskrywing te gee. As jy blind was, wat sou jy oor die prentjie moet weet? "Vrou" is nie veel hulp nie, maar miskien "Vrou teken ontwerp vloeidiagram insluitend toeganklikheid, bruikbaarheid, handelsmerk en ontwerp."
Titel Teks
Webwerwe vertoon nie altyd die HTML-titel-tag nie, maar dit is handig vir skermlesers. Maak seker dat elke bladsy van jou webwerf beskrywende (maar nie te veel werklike) titel het wat aan besoekers vertel waaroor die bladsy gaan.
Gee jou webwerf goeie inligting hiërargie
Breek groot stukkies teks op met koptekens en, indien moontlik, gebruik opskrifte met die H1, H2, H3 hiërargie toepaslik. Nie net maak dit jou webwerf makliker vir skermlesers nie, dit maak dit makliker vir almal anders. Dit is ook 'n goeie sein vir Google en ander soekenjins om hulle te help om jou webwerf beter te indekseer.
Net so moet jy seker maak dat jou webwerf in 'n logiese inhoudsopdrag is en dat jy nie vakke van onverwante inligting het wat verskyn nie. As jy advertensies gebruik, moet jy kyk dat jou advertensies nie te veel opdringerig is nie en dat die teks te dikwels op jou webwerf breek.
Maak beter tafels
As jy HTML-tabelle gebruik, kan jy onderskrifte by jou tabelle gebruik deur die merker te gebruik om dit makliker te maak deur skermlesers eerder as om net die titel van 'n tabel in vet teks te maak. Jy kan ook die "omvang" -element byvoeg en nuwe rye en kolomme duidelik in jou tabel aandui, sodat skermlesers nie net 'n reeks tafelselle afrompel sonder om enige konteks te gee nie.
Sleutelbord Navigasie
Oor die algemeen moet enigiets wat jy op jou webwerf plaas, iets wees wat iemand moontlik met 'n sleutelbord kan gebruik. Dit beteken dat jou navigasieknoppies nie geanimeerde dropdown knoppies moet wees as jy dit nie met 'n skermleser kan gebruik nie (probeer dit en kyk of jy nie seker is nie. Sommige knoppies word vir sleutelbordgebruik geprogrammeer.)
Geslote tekeninge
As jy video's of klankelemente by jou webwerf voeg, moet hulle onderskrifte hê. HTML5 en baie video streaming dienste (soos YouTube) bied geslote onderskrif ondersteuning. Geslote onderskrifte is nie net nuttig vir toeganklikheid nie, maar ook vir gebruikers wat iewers op jou webwerf kan blaai, waar hulle nie klank kan speel nie, soos in 'n kantoor of op 'n luukse plek.
Vir podcasts of ander klankelemente, oorweeg dit om 'n teksafskrif te verskaf. Nie net is dit nuttig vir mense wat nie na die klank kan luister nie, aangesien die teks dit vir Google en ander soekenjins makliker sal maak om daardie inhoud te indekseer en jou Google-posisie te help .
ARIA
As jy na die gevorderde vlak van toeganklikheid wil gaan, is die HTML5 ARIA of WAI-ARIA spesifikasies daarop gemik om die nuwe standaard vorentoe te wees. Dit is egter 'n komplekse (en ontwikkelende) tegniese handleiding. Dus, wat jy kan doen, is om 'n ARIA-validator te gebruik om te scan om te sien of jou webwerf enige probleme het wat jy kan aanspreek. Mozilla het ook 'n meer toeganklike gids om met ARIA te begin.