Akadálymentességi nyilatkozat
A Rubyy úgy készült, hogy a lehető legtöbb ember számára használható legyen, függetlenül attól, hogyan navigál a weben. Ez az oldal leírja a rubyy.com-ba beépített akadálymentességi funkciókat, az ismert korlátokat, és azt, hogyan jelezheti nekünk, ha valami nem működik.
Megfelelőségi cél
Célunk a Web Content Accessibility Guidelines (WCAG) 2.1 AA szint teljesítése. Ez az a szint, amelyre a legtöbb joghatóság hivatkozik a nyilvános weboldalakkal kapcsolatban (az EU Webes Akadálymentesítési Irányelve, az Egyesült Királyság PSBAR-szabályozása, az USA 508. szakaszának felülvizsgálata, az ADA által gyakran hivatkozott szint). A marketingoldal minden kiadásánál ellenőrizzük az AA-megfelelést; egyes területeken ezt felülmúljuk, ahol könnyen megoldható volt, és néhány ismert hiányosság ezalatt marad. Mindkét listát alább találja.
A teljes Rubyy-termék (maga a platform) indulás előtti fejlesztési fázisban van. Amikor a termék elindul, külön akadálymentességi nyilatkozatot teszünk közzé a vezérlőpultról és az ügyfeleink által épített webshopokról.
Mit építettünk be
- Billentyűzetes navigáció. Az oldal minden interaktív vezérlője elérhető és aktiválható a Tab, Shift+Tab, Enter, Space és Escape billentyűkkel. Minden oldal első fókuszálható eleme egy Ugrás a fő tartalomhoz hivatkozás, amely átugrik a fejlécen.
- Látható fókuszjelző. 2 pixel vastag körvonal jelenik meg minden billentyűzetes fókusz alatt álló elem körül, világos és sötét módban egyaránt.
- Szemantikus tájékozódási pontok. Az oldal
<header>,<main>,<nav>és<footer>régiókkal van strukturálva, hogy a kisegítő technológiák ugrálhassanak köztük. A címsorszintek logikusak (oldalanként egy<h1>, alatta nincs kihagyott szint). - Űrlapok. Mind az indulási listára való feliratkozási, mind a kapcsolatfelvételi űrlap látható címkékkel rendelkezik, a kötelező mezőket
aria-requiredjelöli, a hibaüzenetek a bemenethez kapcsolódnak azaria-describedbyattribútumon keresztül, az érintett mezőn váltakozik azaria-invalid, a beküldés állapotát pedig egy udvarias élő régió közli. A küldés gomb le van tiltva, amíg Ön egy mezőre nem fókuszál, és az űrlap a kérés teljesítése alattaria-busyállapotba kerül. - Karusszel. A kiemelt termékek karusszele udvarias élő régión keresztül jelzi a diaváltást, címkézett előző / következő gombjai vannak, és a pontnavigáció „Ugrás a N. diára (M-ből)" formában olvasható az Ön nyelvén. A sáv natív húzásra / nyílbillentyűs görgetésre is reagál.
- Országválasztó. A fejléc országválasztója egy címkézett, hivatkozásokat tartalmazó
<nav>; az aktív nyelvet azaria-current="true"jelöli. Többnyelvű országoknál (Belgium, Kanada, Svájc, Finnország, Luxemburg) minden nyelv saját, fókuszálható hivatkozás. - Csökkentett mozgás. Ha az operációs rendszerén be van kapcsolva a Mozgás csökkentése (macOS / iOS Akadálymentesség, Windows Beállítások → Akadálymentesség → Vizuális effektek), letiltjuk a drágakő-csillámanimációt, a választóelem-mozgást, a sütibanner csúszását és a karusszel automatikus pulzálását. Az oldal statikus marad.
- Kontraszt. A törzsszöveg és az elsődleges műveletek világos és sötét módban egyaránt megfelelnek az AA-kontrasztnak. A hangsúlycímkék és hivatkozásszínek sötét módban világosabb rubinárnyalatra váltanak, hogy a sötét kártyákkal szemben is kontrasztosak maradjanak.
- Alt-szöveg. Az oldalon minden értelmes képnek (termékképernyőképek, célközönség-ikonok, OpenGraph-borító) leíró helyettesítő szövege van. A díszítő drágakövek és választóvonalak
aria-hiddenjelzéssel vannak ellátva, hogy a képernyőolvasók ne mondják ki őket. - Saját tárolású betűtípusok. A Pacifico és Poppins ugyanarról a tartományról szolgáltatott, mint a webhely többi része, így akkor is betöltődnek, amikor az adatvédelmi eszközök blokkolják a harmadik fél betűtípus-CDN-eit.
- Nyelvi attribútum. Az oldal
langattribútuma az aktív nyelvhez igazodik, így a képernyőolvasók a megfelelő hanggal mondják ki a szöveget. A választó 41 ország- / nyelvpárt sorol fel, és egy évig megjegyzi az Ön választását. - Sütibanner. A banner egy címkézett régió, az oldal bármely pontjáról elérhető Tabbel, és a láblécben található Süti beállítások hivatkozás közvetlenül a kategóriánkénti beállítások panelébe nyitja újra, oda mozgatva a fókuszt is. Az első banner egy kattintással elutasítható, az Elfogadással egyenrangú módon kiemelve.
- Visszaszámláló. A látható számjegycellák másodpercenként frissülnek, de a képernyőolvasók elől el vannak rejtve; helyettük egy képernyőn kívüli összefoglaló jelenik meg, amely percenként egyszer frissül, így a kisegítő technológiák nem olvasnak fel minden ütemet.
- Állapotüzenetek. A hibákat és sikereket
role="status"élő régiókon keresztül jelezzük, nem pusztán színnel.
Ismert korlátok
Nyíltan vállaljuk a még be nem zárt hiányosságokat. Ha bármelyikük akadályozza Önt az oldal használatában, kérjük, jelezze nekünk.
- A máltai fordítás felülvizsgálata folyamatban. A máltai (
mt) fordítás egy kezdeti tervezet, amelyet még nem ellenőrzött anyanyelvi beszélő. Ha furcsa megfogalmazást észlel, kérjük, írjon nekünk. - Izland és Luxemburg. A Stripe Connect (amelyet kifizetésekhez használunk) nem honosított izlandi vagy luxemburgi nyelvre, így az ezekből az országokból érkező látogatóknak angol (Izland) vagy francia / német (Luxemburg) nyelvet szolgálunk fel. Amint a Stripe hozzáadja ezeket a nyelveket, mi is követni fogjuk.
- Karusszel nyílbillentyűi. A karusszel kattintásra, érintésre és húzásra reagál, jelenleg azonban nem forog a billentyűzet nyílbillentyűivel, amikor a fókusz a sávon belül van. Az Előző / Következő gombok teljes körűen lefedik ugyanazt a funkciót.
- Sütibanner kezdő fókusza. Amikor egy első látogató érkezik az oldalra, a sütibanner alul jelenik meg, de a fókusz a dokumentumtörzsön marad, hogy ne zavarja meg az olvasást. Billentyűzettel az oldalon átlépve érheti el; vagy használja a Süti beállítások lábléchivatkozást, amely a fókuszt a bannerbe helyezi.
Böngészők és kisegítő technológiák
Az oldalt az alábbiakon teszteljük:
- Chrome és Firefox Windows 11-en és macOS Sonoma-n
- Safari 17 macOS Sonoma-n és iOS 17 / 18-on
- Microsoft Edge Windows 11-en
- VoiceOver macOS Sonoma-n és iOS-en, NVDA Windows-on, TalkBack Androidon
- Chromium-alapú böngészők Windows nagy kontrasztú módban
A régebbi böngészők és kisegítő technológiák az oldal egyes részeit eltérően jeleníthetik meg; a jelzett konkrét problémákat orvosoljuk.
Hogyan jelentsen akadályt
Ha ezen az oldalon valami nem működik az Ön kisegítő technológiájával, vagy olyan kontraszt- / billentyűzet- / képernyőolvasó-problémát talál, amelyet kihagytunk, írjon a [email protected] címre. Kérjük, adja meg a következőket:
- az oldal URL-jét, ahol a problémába ütközött,
- amit éppen tenni próbált,
- a használt kisegítő technológiát / böngészőt,
- mi történt (és mit várt helyette).
Két munkanapon belül visszaigazoljuk üzenetét, és tájékoztatjuk arról, mikorra várható a javítás.
Hivatalos panaszok
Ha az EU-ban tartózkodik, és nem tudjuk megoldani a panaszát, az ügyet a tagállama akadálymentességi felügyeleti hatóságához továbbíthatja. Az Egyesült Királyság látogatói az Equality and Human Rights Commission szervezetéhez fordulhatnak. Az amerikai látogatók az Igazságügyi Minisztériumnál nyújthatnak be panaszt az ADA alapján.
A nyilatkozat módosításai
Frissítjük a fenti „utolsó frissítés" dátumot minden olyan kiadásnál, amely akadálymentességi szempontból releváns változásokat tartalmaz. A jelentős kiegészítéseket (új funkció az oldalon, új nyelv, dokumentált korlát javítása) itt is összefoglaljuk.