plainpath, Akadálymentesség, egyszerűen

Minta

Ez van a csomagban

Egy kitalált webshop, a Teaház Minta Kft. példáján. Ha megrendeled a nyilatkozatot, ugyanezt kapod a saját webshopodra: a nyilatkozatot saját linkkel, és mellé a javítási listát.

Javítási lista

Teaház Minta Kft. · minta-teahaz.hu · 5 teendő

A nyilatkozat „Nem akadálymentes részek” pontjai itt teendőként jelennek meg: hol van a hiba, kinek a feladata, miért gond a vásárlónak, és hogyan javítható. Az éves csomagban minden javítás után a nyilatkozat is frissül.

  1. A képeknek nincs leírása

    Fejlesztő

    Termékoldal: a termékfotók galériája · 6 helyen · Javítás: 2026. december 15.

    Miért gond?
    Képernyőolvasóval nem derül ki, mi van a képen. Egy termékképnél ez azt jelenti, hogy a vásárló nem tudja, mit venne.
    Hogyan javítható?
    Adj minden tartalmas képnek rövid alt szöveget (pl. „Kék vászon tornacipő, oldalnézet”). A díszítő képeknél alt="" legyen.
  2. Gyenge a szöveg és a háttér kontrasztja

    Designer

    Főoldal és termékoldal: áthúzott régi árak, „Kosárba” gomb · 14 helyen · Javítás: 2026. december 15.

    Miért gond?
    A halvány szöveg nehezen olvasható, főleg telefonon, napfényben vagy gyengénlátóként.
    Hogyan javítható?
    Normál szövegnél legalább 4,5:1, nagy szövegnél 3:1 kontraszt kell. Sötétítsd a szöveget vagy világosítsd a hátteret.
  3. Felirat nélküli gombok

    Fejlesztő

    Fejléc: kosár és keresés ikonja, minden oldalon · 2 helyen · Javítás: 2026. november 30.

    Miért gond?
    Az ikonos gomboknál (kosár, keresés, bezárás) nem derül ki, mit csinálnak.
    Hogyan javítható?
    Adj a gombnak szöveget, vagy aria-label-t (pl. aria-label="Kosárba teszem").
  4. Nem látszik, hol jársz billentyűzettel

    Designer

    Fejléc menüpontjai és a termékkártyák · 9 helyen · Javítás: 2027. január 31.

    Miért gond?
    Aki Tab billentyűvel lépked, nem látja, melyik gombon vagy linken áll. Olyan, mintha egér nélkül, kurzor nélkül kellene vásárolnia.
    Hogyan javítható?
    Adj jól látható fókuszkeretet minden kattintható elemnek (pl. :focus-visible { outline: 3px solid #2341c8; outline-offset: 2px; }). Az outline: none-t csak akkor hagyd meg, ha helyette más, legalább ilyen jól látható jelzés van.
  5. A személyes adatok mezői nem tölthetők ki automatikusan

    Fejlesztő

    Kosár: szállítási adatok űrlapja · 3 helyen · Javítás: Még nincs ütemezve

    Miért gond?
    Az e-mail-cím vagy a telefonszám mezőjét a böngésző nem ismeri fel, ezért nem tudja automatikusan kitölteni. Aki nehezen gépel vagy figyelmi zavarral él, annak minden vásárlásnál újra kézzel kell beírnia.
    Hogyan javítható?
    Add meg a mező célját az autocomplete attribútummal: autocomplete="email", "tel", "given-name", "family-name", "street-address", "postal-code" és a település mezőjén "address-level2" legyen.

A valódi listában minden hibánál ott van az érintett elem pontos helye és kódrészlete is, és táblázatként (CSV) is letölthető.

A te webshopodra is elkészítjük. Az ellenőrzés ingyenes, és pár percig tart.

Ingyenes ellenőrzés