Weboldal elérhetőség: Mi ez és miért olyan fontos?

Az internet olyan globális és átfogó jelenség, hogy életünk minden aspektusát érinti. Gondolj csak bele, el tudod képzelni a világot internet nélkül? Nos, feltételezem, hogy igen, én magam is abból a generációból származom, amely nem rendelkezett modern kütyükkel (talán kivéve az elektronikus kínai órát), de azzal a ténnyel, hogy a világ teljesen más lenne internet nélkül, nem lehet vitatkozni. Az internet összeköti az embereket a világ minden tájáról, segít nekünk hírek és információk fogadásában, dokumentumok tárolásában, utazási útvonalak megtervezésében és egészségünk megőrzésében. A webes elérhetőség azonban nem mindig garantált.

A cikk angol eredetiben is olvasható: Website Accessibility: What Is That and Why Is It So Essential?

Azt mondják, a web mindent tolerál, és mindenki eljuthat az internetre és tanulhat valamit. Jól hangzik, de ez nem igaz. Sok olyan weboldal van, amely nem érhető el a fogyatékkal élők számára. Barátom, beszéljünk a honlap elérhetőségéről, miért olyan fontos, és hogyan lehet teljesen hozzáférhetővé tenni webhelyed.

Mi is valójában a webes elérhetőség?

Az emberek mintegy 15% -a él valamilyen fogyatékkal, a hallás, a látás, a mozgás vagy a kognitív képességek problémájával. Az ilyen személyek számára az információkhoz való hozzáférés szerepel az emberi jogok listáján, de néhány webhely nem érhető el számukra. A hozzáférhetőség bizonyos szintjének biztosítása érdekében a honlapot megfelelően meg kell tervezni és kódolni.

Az elérhetőség tulajdonságai   

Szín kontraszt

A finom színváltozás nagyon szép és kifinomult is lehet, de vannak olyanok, akik nem látnak elég jól, vagy nehézségekbe ütköznek színérzékeléskor. A nagy kontrasztú színek (mint a fekete-fehér, sárga és fekete, piros és fehér) használata remekül néz ki, és a látásgondokkal küzdő emberek számára is kényelmes lehet.

Hangfelismerés

A Siri, az Alexa és a Cortana megjelenésével egyre inkább népszerűvé válnak a hangvezérléses készülékek. Hisz vannak olyan emberek is, akik valamilyen okból nem használhatják a kezüket. Mindazonáltal mindannyian képesek lesznek használni a weboldalt, ha ilyen manipulációkhoz folyamodunk.

Szöveg a beszédhez

Azok a személyek, akiknek komoly problémájuk van a szemükkel, vagy teljesen vakok, speciális szoftvert használnak, amely a szöveget beszédre fordítja. Ez a szoftver azonban nem tudja megmondani, hogy mi van a képen, hacsak nem adunk meg szöveget leírásként.

Elrendezés és design

A bonyolult és eredeti weboldaltervezés lenyűgözheti a látogatót, de meg is zavarhatja. Ha a látogatók nem értik, mit kell tenniük a webhelyeden - akkor valamit biztosan rosszul csináltál. Ebben az esetben minél könnyebb a navigáció és az elrendezés, annál jobb.

Értesítések

Egyes webhelytulajdonosok nem gondolnak arra, hogy az embereket értesíteniük kell az általuk végrehajtott műveletekről. De ha kitöltesz egy űrlapot, majd az bármilyen megerősítés nélkül eltűnik, elég kellemetlen meglepetés lehet. Ugyanez a helyzet a hibaüzenetekkel is. Utálom az „Érvénytelen adatok” üzeneteket. Azzal, ha a hibaüzenet világosan elmondja, mit csináltál rosszul, és hogyan javíthatod ki, mindenki sok időt takaríthat meg.

Nagy vezérlőelemek

A kis gombok és a kattintható elemek csak akkor jók, ha azt szeretnénk, hogy a látogatók ne kattintsanak rájuk. A normál agilitással rendelkező PC-felhasználók rákattinthatnak, de azoknak, akik tablet vagy okostelefonról léptek fel weboldaladra, esetleg csökkent képességű idős embereknek, problémát okozhatnak a kis nyilak irányítása. Győződj meg róla, hogy a webhelyed legfontosabb gombjai (például „Vásárlás most”) elég nagyok.

Testreszabható tartalom

A különböző embereknek különböző igényeik vannak. Egyesek a szöveg és a képek kicsinyítését választják, míg mások nem tudják elolvasni a szöveget, ha a betűk túl kicsik. Ha néhány testreszabási vezérlést adsz a néző kezébe, akkor biztosan javíthatsz a felhasználói élményen.

Billentyűzet vezérlők

Nem mindenki képes használni az egeret. Azt gondolhatnánk, hogy a vezérlés könnyű feladat, de vannak olyan személyek, akiknek problémái vannak a koordinációval, vagy csak a billentyűzet gombjait használhatják. Ha a webhelyet billentyűzeten tudnák működtetni, könnyebbé tennéd sok ember életét.

Videó feliratok

A siketek és a rosszul halló emberek is szeretnének videókat nézni, de ez lehetetlen, ha nincsenek feliratok. Néhány szöveg hozzáadása a videóhoz nem olyan bonyolult, mint amilyennek képzelnéd, ezért bátran számításba veheted.

Természetesen jobb egyszer látni, mint ezer alkalommal elolvasni, ezért itt van egy W3C Web elérhetőségi kezdeményezés videó, amely részletesen leírja az összes funkciót:

Nemcsak a fogyatékkal élők használhatják ezeket a funkciókat. A kontrasztos színek segíthetnek, ha megpróbálsz valamit elolvasni a telefonodon fényes nappal. A videó feliratai segíthetnek abban az esetben, ha hangos környezetben vagy, esetleg olyan nyilvános helyen, ahol tilos zajongani. A hangfelismerés akkor hasznos, ha átmenetileg nem használhatod a kezedet, és a szöveg átalakítása beszéddé lehetőséget biztosít egyszerre több feladat elvégzésére is. Ugyanakkor előnyös-e, ha egy webhelytulajdonos ilyen jellegű szolgáltatásokat alkalmaz?

Hogyan hozhat hasznot a weboldal elérhetősége?

Joggal gondolhatod: „Oké, felsoroltál nekem néhány előnyt, amit a fogyatékkal élők kapnak, de mit kapok én?”. Ez egy kicsit önző, de általában a hozzáférhetőség megvalósítása időt, erőfeszítéseket és pénzt igényel, így ez egy korrekt kérdés. Van azonban egy válaszom - alkalmaznod kell a webhelyeden, mert a webes elérhetőség jövedelmezőbbé teheti.

Először is, a webhely testreszabása a hozzáférhetőségi követelményeknek megfelelően javítja annak használhatóságát. Az interfész minden felhasználó számára kényelmesebb lesz, nem csak a fogyatékkal élők számára. Minél több elégedett ügyfél lesz a webhelyeden - annál gyakrabban fognak visszatérni, meginvitálva barátaikat is. Szeretnéd növelni a forgalmadat - így vagy úgy, ez a módszer hatékonyabbá teheti üzleti tevékenységedet.

Másodszor, a webes hozzáférhetőségi funkciók javítják a SEO-értékeléseket. Valójában a Google-t is nevezhetjük „fogyatékkal élő személynek”  - nem hallhatja a hangfájlokat, és nem határozhatja meg, hogy mi van a képen. A képekhez csatolt hangfájlok és alt feljegyzések szöveges átírása segít a Google-nak látni és megtalálni webhelyedet. Minél könnyebben találja meg a Google, annál magasabbra emelkedik a keresőmotor keresési találataiban.

Végül egyes országokban a törvény előírja, hogy mindent meg kell tenni a fogyatékkal élők számára. Gyógyszercsomagok Braille-értesítésekkel, ferde rámpák a lépcső közelében, hangos utcai értesítések - mindazok, amelyek már kötelezővé váltak, és a weboldal elérhetősége is lassan kiépül.

WCAG

Annak érdekében, hogy a fogyatékkal élők számára a World Wide Web Consortiumban (W3C) található Web Accessibility Initiative (WAI) magas szintű hozzáférhetőséget biztosítson, folyamatosan fejleszt egy Web Content Accessibility Guidelines (WCAG) nevű dokumentumot. Ez a dokumentum tartalmazza a hozzáférhetőségi szabványok halmazát, és biztosítja, hogy ezek minden országban hasonlóak legyenek. Javaslatot tartalmaz azon dolgokról, melyeket alkalmaznod kell, hogy webhelyed elérhető legyen. Ezeket az ajánlásokat sikerességi kritériumoknak nevezik, és ezek szerint a weboldal a három rangsor egyikét érheti el: A, AA vagy AAA. A rangsorolás tesztelését automatikus rendszerek és tesztelők végzik, akik ellenőrzik, hogy a sikerességi kritériumok megfelelnek-e a weboldal tartalmának, és értékelik a platform használhatóságát.

A WCAG legfrissebb verziója, a 2.1-es verzió 2018. június 5-én jelent meg, és tartalmazza a korábbi verziók összes követelményét. Ez azt jelenti, hogy ha a weboldal megfelel a WCAG 2.1-nek, akkor az automatikusan megfelel az összes többi WCAG-verziónak. Minden új verzió csak új irányelveket ad a meglévő listához. Az előző verzió, a WCAG 2.0 az ISO / IEK 40500 szabvány, és a WCAG 2.1 az EN 301549 szabvány európai szabványa.

Hogyan legyen webhelyed WCAG-kész  a Website Accessibility Suite szolgáltatással?

Természetesen az összes szükséges testreszabást elvégezheted manuálisan a saját kezeddel. Gondosan végig kell menned a WCAG 2.1 dokumentumon, és meg kell vizsgálnod minden ott említett részletet. Sok időt és erőfeszítést igényel, de van egy másik megoldás. A TemplateMonster a közelmúltban hozzáadta a Website Accessibility Suite nevű szolgáltatást, és ez az a dolog, ami segít a webhely elérhetővé tételében anélkül, hogy egy hétig böngésznéd a WCAG 2.1 dokumentumot.

Ez a szolgáltatás egy speciális panelt ad a webhelyhez, amely további lehetőségeket ad a látogatóknak. A felhasználók és a potenciális ügyfelek saját igényeiknek megfelelően testreszabhatják webhelyedet. A következő eszközöket használhatják:

• Javított kontraszt. A felhasználó öt színváltozatot kap, amelyek magukba foglalják az alapértelmezett, éjszakai és három nagy kontrasztú megjelenést.
• Betűtípusok testreszabása. Ha a látogatónak nagyobb vagy olvashatóbb szövegre lenne szüksége (például Sans-Serif-et szeretne a bonyolult egyedi betűkészletek helyett) - ez az eszköz segít neki.
• Linkek kiemelése. A hivatkozások néha még a közönséges felhasználók számára sem nyilvánvalóak, de ez az eszköz bárki számára lehetővé teszi az oldal kattintható részeinek megtalálását keresés nélkül.
• Fejléc kiemelő. Ha a tartalom szerkezete nem lesz érthető a látogató számára, akkor lehetősége lesz arra, hogy kiemelje a fejléceket és alfejezeteket a szövegben.
• Nagy mutató. A standard kurzor túlságosan kicsi lehet néhány ember számára, és örülnének, ha nagyobbak lennének, így ez az eszköz elégedettségük megteremtésének záloga.
• Nagyító. Az oldal nagyítása nagyon kényelmes lehet, és segít megérteni az apró részleteket.
• Animáció letiltása. Vannak olyan animációs típusok, amelyek megfekszik az emberek gyomrát (és ez nem mindig azért van, mert valamilyen fogyatékosságuk van), ezért nagyon hálásak lennének egy kikapcsoló lehetőségért.

Amint azt láthatod, ez a szolgáltatás segít a legtöbb elérhetőségi funkció kezelésében és a felhasználói élmény sokkal jobbá tételében. Ha úgy döntöttél, hogy betartod a WCAG 2.1 dokumentumot, ez a kényelmes eszközkészlet csökkenti a folyamatra fordított időt.

Felhívjuk figyelmedet, hogy a TemplateMonster ajánlat segít abban, hogy webhelyed megfeleljen a WCAG 2.1. alapjainak. Mindazonáltal minden ország rendelkezik a WCAG-n alapuló saját törvényekkel, ezért kérjük, vedd figyelembe ezt a webhely építésekor.

Konklúzió

A weboldal elérhetőségének javítása sok nyereséget fog hozni, és megkönnyíti a fogyatékkal élők számára is, hogy elérjenek. Ha azt szeretnéd, hogy valaki az ügyfeled legyen, akkor lehetőséget kell adnod neki, hogy kölcsönhatásba lépjen a webhelyeddel. Tehát ne pazarold az időt, kezdd el betartani a WCAG 2.1-et, használd a Website Accessibility Suite programot, és kövesd nyomon a forgalom növekedését.

Odafigyelsz a webhely elérhetőségére? Valaha tettél valamit a javításáért? Most, miután elolvastad ezt a cikket, mit gondolsz a WCAG 2.1-nek való megfelelésről? Kérjük, oszd meg észrevételeidet és véleményedet a megjegyzések részben.