Vonzzon több olvasót olyan webhelyen, amely megfelel mindenki igényeinek
Azáltal, hogy webhelyét a fogyatékkal élők számára hozzáférhetővé teszi, a készítés mindenki számára elérhető. Tény, hogy a webhely elérhetőbbé válása még az embereknek is segíthet az embereknek a keresőmotorokban megtalálni webhelyét. Miért? Mivel a keresőprogramok ugyanazokat a jeleket használják, amelyeket a képernyőolvasók tesznek a weboldal tartalmának megtalálásához és megértéséhez.
De pontosan hogyan csinálsz egy elérhető weboldalt kódoló szakértő nélkül?
Íme néhány tipp és trükk, amelyek szinte mindazok, akik az alapvető HTML ismeretekkel rendelkeznek, javíthatják weboldaluk hozzáférhetőségét.
Webes akadálymentesítési eszközök
A W3C-nek fantasztikus listája van a webes akadálymentesítési eszközöknek, amelyek segítségével ellenőrizheti a webhelyével kapcsolatos potenciális problémákat. Ez azt mondta, még mindig ajánlom, hogy némi feltárást végezzen egy képernyőolvasóval és megtapasztalja magának.
Kapcsolódó olvasmány: Mi az a segítő technológia és hogyan működik?
A képernyőolvasók megértése
Az egyik legfontosabb módja annak, hogy javíthatja webhelyének elérhetőségét, annak biztosítása, hogy a képernyőolvasók megértsék. A képernyőolvasók szintetizált hangot használnak a képernyőn megjelenő szöveg olvasásához. Ez nagyon egyszerűen hangzik; a képernyőolvasók azonban nem értik meg a webhelyét attól függően, ahogyan jelenleg létrehozta.
Az első dolog, amit érdemes csinálni, kipróbálni egy képernyőolvasót, és megnézni, hogyan történik. Ha Mac rendszeren van, próbálkozzon a VoiceOver használatával.
- Menjen a Rendszerbeállítások menüpontra.
- Válassza a Kisegítő lehetőségek lehetőséget.
- Válassza a VoiceOver lehetőséget.
- Jelölje be a VoiceOver engedélyezése jelölőnégyzetet.
Az F5 parancs segítségével be- és kikapcsolhatja.
Ha Windows operációs rendszert futtat, akkor érdemes letöltenie az NVDA programot. Beállíthatja, hogy a + alt + n billentyűkombinációval be- és kikapcsolható legyen.
Mindkét képernyőolvasó működik, ha hagyja, hogy a felhasználó navigáljon a billentyűzeten (ez értelme - ha nem látja, az egér használata kihívás lenne), és létrehoz egy fókuszterületet a navigációhoz. A fókusz lényegében abban áll, hogy a billentyűzet "hegyes", de általában a kijelölt mezőként jelenik meg a fókuszobjektum körül a kurzor helyett.
Megváltoztathatja mind a hangmagasságot, mind a sebességet, amellyel a hang elolvassa, ha az alapértelmezett beállítások zavaróak (és körülbelül öt perc múlva normál lassú hangleolvasást hallgatnak). A vak emberek rendszerint olyan weboldalakat olvasnak, amelyek nagy sebességgel beállítják a képernyőolvasókat.
Segíthet a szemének bezárásában, ahogyan ezt tenned, de segíthet megnyitni és összehasonlítani is. Néhány olyan dolog, amit azonnal észre tudsz venni, amikor megpróbálja hallgatni a webhelyedet, hogy a szöveg egy része esetleg rendben van. A fejlécek és a táblák összeomlanak. Lehet, hogy a képek kihagyhatók, vagy "kép" -nek, vagy valami hasonlóan hasznosnak. A táblázatokat általában szövegkörnyezet nélkül kell olvasni.
Remélhetőleg megoldhatja ezt.
Alt-címkék vagy alternatív tulajdonságok
Az alt-tag vagy az alternatív (alt) attribútum HTML-ben van leírva egy kép leírásához. A HTML-ben ez úgy néz ki, mint ez:
Még akkor is, ha a webhelyét olyan vizuális eszközzel látja el, amely elrejti a HTML-kódot, szinte mindig esélyt kap a kép leírására. Nem adhat meg semmit (alt = ""), de jobb lenne minden kép hasznos leírása. Ha vak vagy, mit kell tudni a képről? "Nő" nem sok segítség, de talán "Női rajz tervezési folyamatábra, beleértve az elérhetőséget, a használhatóságot, a márkaépítést és a dizájnt."
Címszöveg
A weboldalak nem mindig jelennek meg a HTML-címcímkékben, de hasznosak a képernyőolvasók számára. Győződjön meg róla, hogy minden webhelyén található egy leíró (de nem túlságosan beszédes) cím, amely tájékoztatja a látogatókat arról, hogy miről szól az oldal.
Adja meg webhelyét a jó információs hierarchiát
Szétszedje a nagy méretű szövegeket fejléccel, és ha lehetséges, használja a fejléceket a H1, H2, H3 hierarchiával megfelelően. Nem csak a weboldalt könnyebbé teszi a képernyőolvasók számára, hanem mindenki számára megkönnyíti. Ez egyben nagyszerű jelzés a Google és más keresőmotorok számára, hogy segítsen nekik jobban indexelni webhelyét.
Hasonlóképpen meg kell győződnie arról, hogy webhelye logikus tartalmi sorrendben van, és nincs olyan rovat, amely a nem kapcsolódó információkról jelenik meg. Ha hirdetéseket használ, nézze meg, hogy hirdetései nem túlságosan tolakodóak és a webhelyen található szövegeket túl gyakran szétbontják.
Jobb asztalok készítése
Ha HTML táblázatokat használ, feliratokat adhat tábláihoz a címke használatával, hogy egyszerűbbé tegye őket a képernyőolvasók számára, és ne csak a táblázat címét tegye félkövér formában. A "hatókör" elemet is hozzáadhatja, és egyértelműen új sorokat és oszlopokat jelölhet meg a táblázatban, így a képernyőolvasók nem egyszerűen egy táblázatsorozatot fognak ki, anélkül, hogy bármilyen kontextust adnának.
Billentyűzet navigáció
Általánosságban elmondható, hogy bármit, amit a webhelyére helyeztek, valami olyasmi legyen, amit valaki csak egy billentyűzet használatával elképzelhet. Ez azt jelenti, hogy a navigációs gombok nem animálhatók legördülő gombok, ha nem használhatja őket egy képernyőolvasóval (próbálja meg, és nézze meg, ha nem biztos benne - egyes gombok programozhatók a billentyűzet használatához.)
Zárt feliratok
Ha videókat vagy hangelemeket ad hozzá webhelyéhez, akkor feliratokkal kell rendelkezniük. A HTML5 és sok videó streaming szolgáltatás (például a YouTube) zárt titkosítási támogatást kínálnak. A lezárt feliratok nemcsak a hozzáférhetőség szempontjából hasznosak, hanem olyan felhasználók számára is, akik böngészhetnek a webhelyén valahol, ahol nem tud hangot lejátszani, például irodában vagy zajos helyen.
Podcastok vagy egyéb hangelemek esetén fontolja meg a szöveges átirat készítését. Nem csak az emberek számára hasznos, akik nem hallgatják meg a hangot, mivel a szöveg megkönnyíti a Google és más keresőmotorok számára a tartalom indexelését és a Google rangsorolását .
ÁRIA
Ha meg szeretné menni a hozzáférhetőség fokozott szintjéhez, a HTML5 ARIA vagy a WAI-ARIA specifikációk célja az új szabvány előrelépése. Ez azonban egy összetett (és folyamatosan fejlődő) műszaki kézikönyvet, ezért az ARIA validator használatával ellenőrizheti, hogy webhelyén bármilyen probléma merül fel. A Mozilla is megközelíthetőbb útmutatást nyújt az ARIA elindításához.