Akadálymentesség és a hozzájárulási sáv

Az akadálymentesség azt jelenti, hogy a digitális szolgáltatások és termékek a fogyatékkal élők számára is használhatók. Az Európai Akadálymentesítési Törvény (European Accessibility Act, EAA) közös akadálymentességi követelményeket ír elő az EU-ban működő digitális termékekre és szolgáltatásokra, például weboldalakra, mobilalkalmazásokra, webáruházakra és elektronikus kommunikációra. A tartalomnak érzékelhetőnek, kezelhetőnek, érthetőnek és robusztusnak kell lennie. A törvény betartásának határideje 2025 júniusa volt.

A Complianz folyamatosan javítja a saját akadálymentességét, a felhasználói visszajelzések és a változó szabványok alapján.

Mit javított a Complianz

A javítások a kiadásokban érkeznek. A már megjelent javítások:

• az interaktív elemek már nem tartalmaznak más interaktív elemet;
• a címkeelemek (label) nem kapnak billentyűzetfókuszt;
• a sáv jelölőnégyzeteinek címkéi már elérhetők a képernyőolvasót használóknak;
• a dokumentumokban átrendeződött a címsorok hierarchiája;
• a 400% fölötti nagyítás esetén nem csúszik ki a tartalom;
• a sütiszabályzatban a kontextus nélküli „Olvass tovább” hivatkozás javítva lett.

A következő kiadásokban érkező javítások a fókusz kezelését érintik:

• a fókusz elvész, amikor a hozzájárulási sáv aktiválódik;
• a fókusz elvész a View preferences (beállítások megtekintése) választásakor;
• a fókuszcsapda nem működik a párbeszédpanel megnyitásakor.

Akadálymentességi kérés jelzése

A technikai akadálymentességi kéréseket a Complianz a GitHubon kezeli (complianz/complianz-gdpr tároló, hibajegyek). Ha nincs GitHub-fiókod, a támogatási űrlapon is jelezheted: a Subject (tárgy) listából az Accessibility témát válaszd. Az űrlap kéri az e-mail-címedet, a nevedet és a webhelyedet, a prémium licenckulcsot a prioritásos támogatáshoz, a kérdést, valamint opcionálisan a rendszerállapotot, képernyőképet, a beállítások exportját és a hibanaplót.

Az űrlap előtt érdemes kipróbálni a gyorsítótár alapos ürítését vagy az optimalizáló bővítmények kikapcsolását, mert a legtöbb gond így megoldódik.

WCAG kontrasztellenőrző a sáv színbeállításainál

A Complianz beépített ellenőrzője a sáv színválasztásakor azonnal megmutatja, hogy a szöveg és a háttér kontrasztja elég-e az olvashatósághoz. A színek mentés előtt javíthatók, és az ellenőrző csak a varázslón belül működik: a megjelenést az éles oldalon a mentés változtatja meg.

Mit jelent a WCAG kontraszt

A WCAG (Web Content Accessibility Guidelines) az akadálymentes weboldalak irányelve; a kontraszt azt mondja meg, mennyire tér el a szöveg és a háttér világossága. Három szintje van:

• A: a minimális akadálymentesség;
• AA: a legtöbb weboldalnak ajánlott szint;
• AAA: a legmagasabb, legjobban olvasható szint.

Az AA szinthez a normál szöveg kontrasztarányának legalább 4,5 : 1, a nagy szövegé (18 képpont fölött, vagy félkövér 14 képpont fölött) legalább 3 : 1 kell legyen. Az AAA szinthez a normál szövegnek 7 : 1, a nagynak 4,5 : 1. A legnagyobb arány 21 : 1 (fekete szöveg fehér háttéren); a világosszürke szöveg fehér háttéren nagyjából 2 : 1, ami már túl kevés.

Hol találod

1. Nyisd meg a Complianz → Consent Banner oldalt.
2. A bal oldali menüben válaszd a Colors pontot.

https://minta-bolt.hu/wp-admin/admin.php?page=complianz

A képen a szöveg, a háttér, a hivatkozás és a kapcsolók színválasztói látszanak. Az Accessibility alatt a Text vs Background, Hyperlink vs Background, Bullet vs Background és Bullet vs Inactive párok kontrasztaránya és szintje (például 15.91 AAA) jelenik meg.

Használat

1. Kattints egy színmezőre, például a Color vagy a Background mezőre.
2. Válassz új színt, vagy írj be színkódot (HEX, RGB, HSL).
3. Az Accessibility alatt az eredmény azonnal frissül: a kontrasztarány (például „6.2 to 1”) és a szint (AA, AAA vagy FAIL).

Az eredmény színe jelzi a minősítést: zöld a megfelelő, barna a még elfogadható (AA), piros a nem megfelelő (Fail) értéket. Bármilyen színt választhatsz, az ellenőrző csak segít; érdemes legalább AA szintre törekedni.

Saját akadálymentes sáv

Ha a beépített sávot a saját igényeid szerint alakítanád, a színek kontrasztját a sáv Colors oldalán az Accessibility blokk mutatja, a megjelenítést pedig egyéni CSS-sel módosíthatod (Hozzájárulási sáv). A jogi dokumentumok akadálymentességi módosításairól a WCAG 2.1 AA fejezet szól.