AKADÁLYMENTESSÉG

Az akadálymentes weboldalak jellemzői

Akadálymentes weboldalak

A weboldalt úgy igyekeztünk kialakítani, hogy megfeleljen a nemzetközi WEB akadálymentesítési irányelveknek (WCAG 2.0), és az EU-s szabványnak (ISO/IEC:40500:2012).

Az weboldalak legfontosabb jellemzői:

  1. Csak billentyűzettel, egér nélkül is könnyen működtethető;
  2. A képernyőolvasó eszközökkel is jól működik;
  3. Minél több operációs rendszerrel és böngészővel (régebbiekkel is) használható;
  4. Ergonomikus, áttekinthető, jól tagolt webdesign.

Az akadálymentes weboldal ergonomikus honlap. Egyszerű, nem zsúfolt, gyors, átlátható, érthető. A sablon és szabvány célkitűzése ugyanaz: hogy minden ember, képességeitől függetlenül gyorsan és könnyen megtalálja benne az őt érintő tartalmat, és könnyen tudja használni.

A weboldalt a WordPress tartalomkezelő rendszerrel készítettük, Divi sablonnal és az akadálymentesítést elősegítő további kiegészítőkkel, pl. az Accessible Divi sablonnal.

Egy akadálymentes WordPress honlap három alappillére a sablon, a bővítmények és a tartalomfeltöltés. Amennyiben a honlap működtetője ezek használatakor az akadálymentesítés alapelvei szerint jár el, a honlap megőrzi akadálymentességét.

Az akadálymentességre vonatkozó négy alapelv

Forrás: https://www.w3c.hu/forditasok/WCAG20/#guidelines

  1. Alapelv: Észlelhetőség – Az információt és a felhasználói felület elemeit olyan módon kell megjeleníteni a felhasználók számára, hogy azokat érzékelni tudják
  2. Alapelv: Működtethetőség – A felhasználói felület részei és a navigáció működőképesek legyenek
  3. Alapelv: Érthetőség – Az információnak és a felhasználói felület kezelési módjának érthetőnek kell lennie
  4. Alapelv: Robusztusság – A tartalomnak elég robusztusnak kell lennie ahhoz, hogy a különböző alkalmazások által, beleértve a kisegítő technológiákat is, megbízhatóan értelmezhető legyen

Az akadálymentesítés célja, irányelvei, kivitelezése és fenntartása

Forrás: https://akadálymentes-webdesign.hu

Az akadálymentesítés célja

Az akadálymentes weboldalak célja, hogy mindenki tudja használni és könnyen megtaláljuk, amit keresünk. Előfordulhat, hogy a felhasználók akár fele akadályba ütközik az internetezés során.

A W3C, az internetes szabványokat megalkotó szervezet kidolgozta a WCAG 1.0, majd néhány évre rá a WCAG 2.0-t. Magyar elnevezése: WEB akadálymentesítési útmutató. E dokumentumban az alábbi kategóriákat találjuk:

  • Nem akadálymentes;
  • Alapszinten akadálymentes, ennek jele “A”;
  • Emelt szinten akadálymentes, ennek jele “AA” és “AAA”;

Az alapszintű akadálymentességgel elhárítottuk az akadályokat minden felhasználó elől. Az emelt szinttel pedig a könnyű, élvezetes használhatóságot és érthetőséget biztosítjuk.

Az Akadálymentességi irányelvek címzettjei az alábbiak:

  1. Vizuális: vak, aliglátó, gyengénlátó, színvak, színtévesztő, epilepsziás emberek.
  2. Auditív: siketek, hallássérültek, hangszóróval nem rendelkező gépen, hangos helyen internetezők.
  3. Mozgási: mozgássérült, Alzheimer-kóros, a keze használatában korlátozott, csak billentyűt használó felhasználók.
  4. Kognitív: Nemcsak a különböző memóriazavarok, számolási nehézségek, figyelemzavarok, időskori demencia stb.tartoznak ide, hanem azok is ebbe a csoportba tartoznak, akiknek egyszerűen alacsonyabb az IQ-juk, mint az átlag.
  5. Informatikai: E csoportban rengetegen vannak. Akiknek nem a legmodernebb gépük van, akiknek nem a legmodernebb számítástechnikai ismereteik vannak.

Az akadálymentes honlap azonban olyan hatékony és jól működő, hogy az alábbi emberek is profitálnak belőle:

  1. Mobiltelefonon dolgozók, régi elavult hardvert használók, különböző régebbi verziójú, vagy nagyon új böngészőt használó emberek.
  2. Az informatika területén járatlan felhasználók, vagy más kultúrkörből származó emberek.
  3. Idegen nyelvűek.

Miért jó az akadálymentes honlap?

  • Az oldalak értelmesen, logikusan épülnek egymásra, könnyű köztük tájékozódni;
  • A látogató megtapasztalja: az ilyen honlap tulajdonosai számára fontosak a látogatói;
  • A látássérültek örömmel fogják használni, mert a képernyőolvasó mindent fel tud helyesen olvasni;
  • Hallássérültek is használhatják, mert olvasni tudják a filmeket, videókat;
  • A kezdő internetezők is kiismerik magukat, akármilyen sok tartalom van a honlapon;
  • Bármilyen eszközön: akár tableten, akár okostelefonon nézik, mindenütt ugyanazt kapják, mintha az asztali számítógép előtt ülnének;
  • A grafikai arculat ugyanolyan profi és divatos lehet, mint bármely más honlapnál;
  • A keresőrobotok biztosan regisztrálják, nem teszik feketelistára, mert az akadálymentes honlap a robotok számára is szabványos és könnyen kezelhető;
  • A keresőoptimalizálás része az akadálymentesítésnek.

Mi a nemzetközi akadálymentesítési szabvány?

  • Az Akadálymentesítési Irányelvek (angol szakterminológiával: WCAG 2.0) az Internet szabványaiért felelős World Wide Web Consortium munkája. Ezt a szabványt fogadták el világszerte.
  • Az USÁ-ban, Ausztráliában jogszabály írja elő a közportáloknak és egyes magáncégek honlapjainak akadálymentességét. A részletes jogszabályok az említett Akadálymentességi Irányelveket veszik alapul.
  • Az Európai Unióban ISO/IEC40500:2012 néven szabványnak minősítették az Akadálymentesítési Irányelveket. A tagországoknak ratifikálniuk kell majd saját törvényeikben.
  • Magyarországon a fogyatékos személyek jogairól és esélyegyenlőségük biztosításáról szóló törvény rendelkezik a weboldalak akadálymentesítéséről. Mivel e törvényben nincs részletes utalás az Akadálymentességi Irányelvekre, sem határidők, sem szankciók, ezért csak elenyészően kevés intézmény tartja be.

Az akadálymentesség kivitelezése

Billentyűzet-vezérlés

  • A weboldal minden vezérlőeleme aktiválható billentyűzet segítségével.

Ergonómia

  • Áttekinthető, egyszerű, nem túlzsúfolt;
  • Reszponzív. Egészen az okostelefonos képernyőtől a széles asztali képernyőkig optimális az elrendezése;
  • A tartalmi blokkok kiemelve és elkülönítve jól tagoltan láthatók;
  • Könnyű navigálhatóság
  • Gyorsan betöltődik;
  • Megfelelő kontrasztarányok;
  • Egyszerű, klasszikus tipográfia.

Minden böngészővel működik

  • Alaposan teszteljük több böngészőn, különböző képernyőfelbontással, képernyőolvasóval, nagy kontrasztú üzemmódban.

Az akadálymentesség fenntartása

Ahhoz, hogy az oldal továbbra is akadálymentes maradjon, két dolog szükséges:

  • A webfejlesztéseket akadálymentes módon, a WCAG 2.0 előírásait betartva kell folytatni.
  • Az új tartalomfeltöltéskor, régi módosításakor figyelembe kell venni az akadálymentesség szempontjait.

Az Accessible Divi plugin leírása

Forrás: https://wordpress.org/plugins/accessible-divi/

Description

A WordPress plugin that improves Divi accessibility in accordance with WCAG 2.0 guidelines. While there are many great plugins dealing with improving WordPress theme accessibility, this was developed for issues specifically found within Divi.

  • Adds appropriate ARIA attributes
  • Improved keyboard navigation in menus
  • Fixes missing & incorrectly assigned labels
  • Makes modules such as Toggle & Accordion focusable and keyboard interactive
  • Adds a visual outline to focusable elements for keyboard only navigation
  • Ability to change keyboard only outline color
  • Fixes Divi incorrectly using screen reader classes
  • Adds skip navigation link optimized for Divi markup
  • Hide icons from screen readers which can affect reading of text
  • Fix duplicate menu IDs