Pritraukite daugiau skaitytojų svetainę, kuri atitiktų kiekvieno poreikius
Padarę savo svetainę prieinamą žmonėms su negalia, jūs galų gale padarysite prieigą visiems. Tiesą sakant, jūsų svetainės prieinamumas gali net padėti žmonėms rasti jūsų svetainę paieškos sistemose. Kodėl? Kadangi paieškos sistemos naudoja tam tikrus tokius pačius signalus, kuriuos ekrano skaitytuvai daro norėdami rasti ir suprasti jūsų svetainės turinį.
Bet tiksliai, kaip jūs sukursite prieinamą interneto svetainę, bet nebūsite koduojančio eksperto?
Čia yra keletas patarimų ir gudrybių, kuriuos beveik visi gali sužinoti apie pagrindines HTML žinias, kad pagerintų jų svetainės prieinamumą.
Prieinamumo prie interneto priemonės
"W3C" turi fantastinį žiniatinklio prieinamumo įrankių, kuriuos galite naudoti kaip tikrintuvą, sąrašą, kad galėtumėte sužinoti apie galimas jūsų svetainės problemas. Tai sakiau, vis tiek rekomenduoju atlikti kai kuriuos tyrimus naudodami ekrano skaitytuvą ir patyrę jį patys.
Susiję skaitymai: kas yra pagalbinė technologija ir kaip ji veikia?
Ekrano skaitytuvų supratimas
Vienas iš svarbiausių būdų, kaip pagerinti svetainės prieinamumą, yra tai, kad ekrano skaitytuvai galėtų juos suprasti. Ekrano skaitytuvai naudoja sintezuotą balą, kad galėtumėte perskaityti tekstą ekrane. Tai skamba gana paprasta; Tačiau ekrano skaitytojai gali nesuprasti jūsų svetainės kaip jūs šiuo metu nustatėte.
Pirmas dalykas, kurį galbūt norėsite padaryti, yra išbandyti ekrano skaitytuvą ir pamatyti, kaip jis eina. Jei esate "Mac", pabandykite naudoti "VoiceOver".
- Eikite į sistemos nuostatas.
- Pasirinkite " Pritaikymas".
- Pasirinkite " VoiceOver".
- Pažymėkite " Enable VoiceOver" langelį .
Galite jį įjungti ir išjungti naudodami komandą-F5.
Jei esate "Windows" kompiuteryje, galite atsisiųsti "NVDA". Galite jį nustatyti, kad įjungtumėte arba išjungtumėte, naudodami spartųjį valdiklį + alt + n.
Abu ekrano skaitytuvai veikia, leidžiant naudotojui naršyti klaviatūra (tai yra prasminga - jei nematysite, pelė bus iššūkis) ir sukursite navigacijos srities židinį. Pagrindinis dėmesys skiriamas tam, kad klaviatūra būtų "pažymėta", bet ji dažniausiai rodoma kaip paryškintas laukelis aplink objektą su fokusavimu, o ne žymekliu.
Galite pakeisti tiek balso piką, tiek greitį, kuriuo balso skaito, jei numatytieji nustatymai yra erzina (o po maždaug penkias minutes klausytis standartinio lėto balso skaitymo jie dažniausiai būna). Aklieji žmonės paprastai skaito tinklalapius, kurių ekrano skaitytuvai nustatė didelį greitį.
Tai gali padėti uždaryti akis, kaip tai darote, tačiau taip pat gali padėti išlaikyti jas atvirus ir palyginti. Kai kurie dalykai, kuriuos galite pastebėti iš karto, bandydami klausytis savo svetainės, yra tai, kad kai kurie tekstai gali būti netinkami. Pavadinimai ir lenteles gali sugriebti. Vaizdai gali būti praleisti arba jie gali sakyti "vaizdą" arba kažką vienodai netinkamą. Lentelės dažniausiai skaitomos kaip elementų serija be konteksto.
Galite, tikiuosi, tai išspręsti.
Alt-žymės arba alternatyvus atributas
Alt-tag arba alternatyva (alt) atributas yra naudojamas HTML apibūdinti vaizdą. HTML, jis atrodo toks:
Net jei jūsų svetainėje sukursite vaizdinį įrankį, kuris slepia jūsų HTML kodą, beveik visada turėsite galimybę įvesti vaizdo aprašą. Galite nieko neįvesti (alt = ""), bet tikrai būtų geriau pateikti kiekvienam vaizdui naudingą aprašymą. Jei buvote aklai, ką turėtumėte žinoti apie įvaizdį? "Moteris" nėra labai naudinga, bet gal "Moterys piešimo dizaino schemą, įskaitant prieinamumą, patogumą, prekės ženklo ir dizainas".
Antraštė tekstas
Svetainėse ne visada rodoma HTML antraštės žyma, bet ji naudinga ekrano skaitytuvams. Įsitikinkite, kad kiekviename iš jūsų svetainės puslapių yra apibūdinamasis (bet ne per daug verbose) pavadinimas, kuris parodo lankytojams, kokie yra puslapiai.
Pateikite savo svetainę geros informacijos hierarchiją
Suskaidykite didelius teksto fragmentus su antraštėmis ir, jei įmanoma, tinkamai naudokite antraštes su H1, H2, H3 hierarchija. Ne tik ekrane skaitytojams jūsų svetainė yra lengvesnė, bet ir visiems kitiems. Tai taip pat puikus signalas "Google" ir kitoms paieškos sistemoms, kad padėtų jiems geriau rodyti jūsų svetainę.
Panašiai turėtumėte įsitikinti, kad jūsų svetainė yra loginio turinio tvarka ir kad neturite laukų, kuriuose pateikiama nesusijusi informacija. Jei naudojate skelbimus, žiūrėkite, ar jūsų skelbimai nėra pernelyg įžeidžiantys ir per daug dažnai skirstomi į jūsų svetainę.
Padaryti geresnes lenteles
Jei naudojate HTML lenteles, galite pridėti antraštes prie savo lentelių naudodami žymą, kad juos lengviau suprastumėte ekrano skaitytuvuose, o ne tiesiog paversdami lentelės pavadinimą paryškintu tekstu. Taip pat galite pridėti "taikymo srities" elementą ir aiškiai priskirti naujas lentelės eilutes ir stulpelius, kad ekrano skaitytuvai neapsiribotų vien tik iš lentelės elementų serijos, nenurodydami jokio konteksto.
Klaviatūros navigacija
Paprastai viskas, ką įdėtumėte į savo svetainę, turėtų būti kažkas, kurį kažkas galbūt galėtų naudoti tik klaviatūra. Tai reiškia, kad naršymo mygtukai neturėtų būti animaciniai išskleidžiamieji mygtukai, jei negalite jų naudoti ekrano skaitytuvu (pabandykite ir pažiūrėkite, ar nesate tikri - kai kurie mygtukai yra užprogramuoti naudoti klaviatūra).
Uždarytos antraštės
Jei į savo svetainę pridedate vaizdo įrašus arba garso elementus, jie turėtų turėti antraštes. HTML5 ir daugybė vaizdo transliacijos paslaugų (pvz., "YouTube") siūlo uždarias antraščių palaikymo paslaugas. Uždarytos antraštės yra naudingos ne tik prieinamumui, bet ir tiems vartotojams, kurie gali naršyti jūsų svetainę ten, kur jie negali groti garso, pavyzdžiui, biure ar triukšmingoje vietoje.
Dėl podcast'ų ar kitų garso elementų apsvarstykite galimybę pateikti teksto stenogramą. Tai ne tik naudinga tiems žmonėms, kurie negali klausytis garso, nes tekstas padės "Google" ir kitoms paieškos sistemoms lengviau indeksuoti šį turinį ir padėti jūsų "Google" reitingui .
ARIA
Jei norite pereiti prie aukšto lygio prieinamumo, "HTML5 ARIA" arba "WAI-ARIA" specifikacijos siekia būti naujas standartas. Tačiau tai yra sudėtinga (ir besikeičianti) techninė instrukcija, taigi, ką galėtumėte padaryti, naudokite ARIA validatorių, kad nuskaitytumėte, ar jūsų svetainėje yra problemų, kurias galite spręsti. "Mozilla" taip pat turi daugiau galimybių pradėti naudotis "ARIA".