Akadálymentességi nyilatkozat

Felülvizsgálat: 2026. október 6.

1. Célunk

A Smaran tartalmait minél több ember számára olvashatóvá szeretnénk tenni. A szerkezetet szemantikus HTML-elemekkel, világos címsorokkal és megfelelő kontraszttal építjük fel. A fejlesztést folyamatosan javítjuk. Gyakorlati példa: a cikkek címsor-hierarchiája lehetővé teszi, hogy egy képernyőolvasót használó látogató gyorsan a releváns szakaszra ugorjon anélkül, hogy a teljes szöveget végig kellene hallgatnia. Határeset, amikor egy régebbi tartalom még nem felel meg teljesen a jelenlegi elveknek; ilyen esetben a felülvizsgálat során fokozatosan igazítjuk a korábbi cikkeket is az aktuális sztenderdhez. A cél elérése érdekében a fejlesztési döntéseknél figyelembe vesszük a Web Content Accessibility Guidelines irányelveit, amennyire a szerkesztőségi keretek ezt lehetővé teszik. A folyamatos javítás azt jelenti, hogy az akadálymentességi szempontokat minden új funkció bevezetésekor újra mérlegeljük.

(a) Szemantikus szerkezet: címsorok, bekezdések, listák megfelelő HTML-elemekkel.
(b) Kontraszt: a szöveg és háttér színaránya rendszeresen ellenőrzött.
(c) Folyamatos javítás: minden új funkciónál újra mérlegelt szempont.

2. Navigáció

A főoldalak a fejlécből és a láblécből elérhetők. A linkek célját szöveg jelzi. Billentyűzettel is végigjárható a navigáció. Gyakorlati példa: a fejléc menüpontjai Tab billentyűvel sorban elérhetők, és a fókuszban lévő elem vizuálisan is jól megkülönböztethető. Határeset, amikor egy látogató egér nélkül, kizárólag billentyűzettel szeretné elérni a kapcsolati űrlapot; ebben az esetben a Tab és Enter billentyűk kombinációjával a teljes folyamat végigjárható. A linkek szövege mindig leíró jellegű, kerüljük az olyan megfogalmazást, mint "kattintson ide", amely önmagában nem ad kontextust. A navigáció egységes elrendezése minden oldalon megegyezik, így a visszatérő látogató könnyen megtalálja a megszokott elemeket.

(a) Billentyűzetes elérés: Tab és Enter billentyűvel a teljes navigáció végigjárható.
(b) Linkszöveg: mindig leíró, kontextusból érthető.
(c) Egységesség: a menü elrendezése minden oldalon megegyezik.

3. Címsorok

A címsorok hierarchikusan követik a tartalmat. Minden oldalnak egyértelmű főcíme van. Ez segíti a képernyőolvasóval történő gyors áttekintést. Gyakorlati példa: egy hosszabb cikken belül a H2 és H3 szintű címsorok lehetővé teszik, hogy a látogató a képernyőolvasó címsor-navigációs funkciójával közvetlenül a releváns alszakaszra lépjen. Határeset, amikor egy téma annyira összetett, hogy négy vagy több alszintre lenne szükség; ilyenkor a szerkesztőség inkább több rövidebb cikkre bontja a tartalmat, hogy a hierarchia egyszerű maradjon. A főcím mindig egyedi az adott oldalon, és tükrözi a tartalom lényegét anélkül, hogy félrevezető lenne. A hierarchikus felépítés nem csak az akadálymentességet szolgálja, hanem az olvasás közbeni gyors tájékozódást is minden látogató számára.

(a) Főcím: egyedi, minden oldalon pontosan egy darab.
(b) Alcímek: hierarchikusan, H2 és H3 szinten, logikus sorrendben.
(c) Összetett téma esetén: több, egyszerűbb szerkezetű cikkre bontás.

4. Képek

A szerkesztőségi képek leíró alternatív szöveget kapnak. A dekorációs elemek nem hordoznak lényegi információt. A szöveges tartalom képek nélkül is megérthető. Gyakorlati példa: egy cikkhez illusztrációként használt fotó alternatív szövege pontosan leírja a kép tartalmát, hogy a képernyőolvasót használó látogató is megkapja a vizuális információt. Határeset, amikor egy kép csak díszítő funkciót tölt be, és nem hordoz tartalmi információt; ilyenkor a kép üres alternatív szöveget kap, hogy a képernyőolvasó ne zavarja feleslegesen a felolvasást. Az alternatív szövegek megfogalmazásánál kerüljük az általános, nem informatív leírásokat, és mindig a kép konkrét, egyedi tartalmára fókuszálunk. A szöveges tartalom önmagában is teljes értékű marad, a képek kiegészítő, nem pótolhatatlan szerepet töltenek be.

(a) Tartalmi kép: pontos, leíró alternatív szöveg.
(b) Dekorációs kép: üres alternatív szöveg, hogy ne zavarja a felolvasást.
(c) Szövegi önállóság: a cikk tartalma képek nélkül is teljes mértékben érthető.

5. Kontraszt

A szöveg és háttér kontrasztját rendszeresen ellenőrizzük. A színek nem az egyetlen információhordozók. A fókuszállapotok láthatóak. Gyakorlati példa: egy fontos figyelmeztetés nem csak eltérő színnel, hanem kiegészítő szöveggel vagy ikonnal is jelölve van, hogy a színlátás zavarával élő olvasók is észrevegyék. Határeset, amikor egy új, akcentszínű elem kerül bevezetésre a design rendszerbe; ilyenkor a bevezetés előtt ellenőrizzük, hogy a szöveg és háttér aránya megfelel a szokásos olvashatósági elvárásoknak. A fókuszjelzés, amely billentyűzetes navigáció közben jelenik meg, vizuálisan jól elkülönül a többi elemtől, hogy a felhasználó mindig tudja, melyik elemen áll éppen. A kontraszt ellenőrzése minden jelentősebb vizuális módosítás előtt megtörténik, nem csak a kezdeti fejlesztés során.

(a) Színhasználat: kiegészítő szöveggel vagy ikonnal, nem önállóan hordozott információ.
(b) Fókuszjelzés: vizuálisan jól elkülönülő, billentyűzetes navigáció közben.
(c) Ellenőrzés: minden jelentősebb vizuális módosítás előtt megismételt folyamat.

6. Űrlap

A kapcsolatfelvételi mezők címkével rendelkeznek. A kötelező mezők böngészőszinten jelzést kapnak. Sikeres küldés után visszajelzést jelenítünk meg. Gyakorlati példa: a név és e-mail-cím mezők mellett megjelenő címke egyértelműen jelzi, milyen adatot vár a mező, és ez képernyőolvasóval is felolvasható. Határeset, amikor a látogató hibásan tölti ki az e-mail-cím mezőt; ebben az esetben a böngésző beépített validálása szöveges hibajelzést ad, amely a mező közelében jelenik meg, nem csak színváltozással. A sikeres küldés utáni visszajelzés szövegesen is megjelenik, nem csak egy ikon vagy szín formájában, így minden látogató számára érthető az üzenet állapota. Az űrlap kitöltése billentyűzettel, egér használata nélkül is teljes egészében elvégezhető.

(a) Mezőcímkék: minden mezőhöz egyértelműen társított, felolvasható címke.
(b) Hibajelzés: szöveges, nem csak színalapú visszajelzés.
(c) Sikeres küldés: szöveges megerősítés jelenik meg a felhasználónak.

7. Mozgás

Az oldal nem használ automatikusan induló videót vagy zavaró animációt. A megjelenés elsősorban statikus. A sütibanner bezárható. Gyakorlati példa: egy cikkhez kapcsolódó esetleges videó csak a látogató kifejezett kattintására indul el, automatikus lejátszás nem történik. Határeset, amikor egy jövőbeli funkció, például egy interaktív grafikon, mozgó elemet tartalmazna; ilyenkor biztosítjuk, hogy a mozgás kikapcsolható vagy szüneteltethető legyen a mozgásérzékeny látogatók számára. A statikus megjelenés csökkenti a figyelemelterelést, és segíti azokat a látogatókat is, akik a villódzó vagy gyorsan változó tartalmakra érzékenyek. A sütibanner bezárása egyetlen, jól látható gombbal történik, amely billentyűzettel is elérhető.

(a) Videó: csak kattintásra induló, automatikus lejátszás nélkül.
(b) Jövőbeli mozgó elemek: kikapcsolható vagy szüneteltethető kialakítással.
(c) Sütibanner: egyetlen, billentyűzettel is elérhető gombbal bezárható.

8. Technikai alap

A webhely modern böngészőkben működik, reszponzív elrendezéssel. Régebbi böngészőkben egyes vizuális részletek eltérhetnek. A tartalmi hozzáférést ez nem szándékoltan korlátozza. Gyakorlati példa: a reszponzív elrendezés biztosítja, hogy a cikkek mobiltelefonon, táblagépen és asztali számítógépen is olvashatók maradjanak, a szöveg újratördelésével. Határeset, amikor egy látogató egy nagyon régi böngészőverziót használ; ebben az esetben előfordulhat, hogy a vizuális megjelenés nem teljesen egyezik a tervezettel, de a szöveges tartalom továbbra is elérhető marad. A fejlesztés során törekszünk a széles körben elterjedt böngészőkkel való kompatibilitásra, de a folyamatosan megjelenő új verziók miatt teljes körű garanciát nem tudunk vállalni minden elavult szoftverre. A technikai korlátozás soha nem szándékos, és jelzés esetén igyekszünk a hibát a lehető leghamarabb kijavítani.

(a) Reszponzív elrendezés: mobil, tablet és asztali nézethez igazodik.
(b) Elavult böngésző esetén: a szöveges tartalom továbbra is elérhető.
(c) Hibajelzés esetén: a szerkesztőség a lehető leghamarabb kijavítja a problémát.

9. Visszajelzés

Akadálymentességi észrevételét a contact.php oldalon küldheti el. Kérjük, írja le az oldalt, a böngészőt és a tapasztalt akadályt. A bejelentést harminc napon belül megvizsgáljuk. Gyakorlati példa: ha egy látogató jelzi, hogy egy adott cikken a képernyőolvasó nem olvassa fel megfelelően egy kép leírását, a szerkesztőség ellenőrzi és szükség esetén javítja az alternatív szöveget. Határeset, amikor a bejelentés technikailag nem reprodukálható az adott böngészőben; ilyenkor további részletet kérünk a bejelentőtől, például a böngésző pontos verzióját és az operációs rendszert. A harmincnapos vizsgálati határidő a probléma összetettségétől függően rövidebb is lehet egyszerűbb hibák esetén. A bejelentő kérésére visszajelzést adunk arról, milyen intézkedés történt a jelzett probléma kapcsán.

(a) Bejelentés módja: a contact.php oldalon, részletes leírással.
(b) Nem reprodukálható hiba esetén: további részletek kérése a bejelentőtől.
(c) Visszajelzés: a megtett intézkedésről kérésre tájékoztatást adunk.

10. Frissítés

A nyilatkozatot 2026. október 6-án frissítettük. A későbbi változásokat új dátummal jelöljük. A fejlesztési prioritásokat a beérkező visszajelzések is befolyásolják. Gyakorlati példa: ha több bejelentés érkezik egy adott akadályról, a szerkesztőség azt magasabb prioritással kezeli a következő fejlesztési ciklusban. Határeset, amikor egy javítás technikai okból csak hosszabb idő alatt valósítható meg; ilyenkor a nyilatkozatban jelezzük az ismert korlátozást, amíg a végleges megoldás elkészül. A nyilatkozat frissítése nem csak formai, hanem tartalmi felülvizsgálatot is jelent, amely során az összes pontot újra áttekintjük. A korábbi nyilatkozatváltozatokat belső nyilvántartásban őrizzük meg, hogy a fejlődés nyomon követhető legyen.

(a) Prioritás: a gyakrabban jelzett akadályok előbb kerülnek kezelésre.
(b) Ismert korlátozás: a nyilatkozatban feltüntetve a végleges javításig.
(c) Felülvizsgálat: tartalmi jellegű, minden pontra kiterjedő.