Vyhlásenie o prístupnosti
Rubyy je postavený tak, aby ho mohlo používať čo najviac ľudí, bez ohľadu na to, ako sa po webe pohybujú. Táto stránka opisuje funkcie prístupnosti, ktoré sme zabudovali do rubyy.com, obmedzenia, o ktorých vieme, a ako nám dať vedieť, keď niečo nefunguje.
Cieľ súladu
Naším cieľom je splniť Web Content Accessibility Guidelines (WCAG) 2.1 úroveň AA. Túto úroveň označuje väčšina jurisdikcií ako referenčnú pre verejne dostupné webové stránky (smernica EÚ o prístupnosti webu, britský PSBAR, aktualizácia US Section 508, bežne citovaný štandard ADA). Súlad s AA testujeme pri každom vydaní marketingovej stránky; niektoré oblasti idú nad rámec AA tam, kde to bolo jednoduché, a niekoľko známych nedostatkov ho nedosahuje. Oba zoznamy uvádzame nižšie.
Plnohodnotný produkt Rubyy (samotná platforma) je vo fáze pred spustením. Po jeho uvedení na trh zverejníme samostatné vyhlásenie o prístupnosti pokrývajúce dashboard a predajné stránky, ktoré si naši zákazníci s ním vytvoria.
Čo sme postavili
- Navigácia klávesnicou. Každý interaktívny prvok na stránke je dostupný a aktivovateľný pomocou Tab, Shift+Tab, Enter, Space a Escape. Prvým fokusovateľným prvkom na každej stránke je odkaz Preskočiť na hlavný obsah, ktorý preskočí hlavičku.
- Viditeľný indikátor fokusu. Okolo akéhokoľvek prvku s klávesovým fokusom sa zobrazuje 2-pixelový obrys, v svetlom aj tmavom režime.
- Sémantické landmarky. Stránka je štruktúrovaná do oblastí
<header>,<main>,<nav>a<footer>, aby medzi nimi asistenčné technológie mohli preskakovať. Úrovne nadpisov sú logické (jeden<h1>na stránku, bez vynechaných úrovní pod ním). - Formuláre. Prihláška do zoznamu spustenia aj kontaktný formulár majú viditeľné popisky, povinné polia označujú cez
aria-required, chybové hlásenia sa viažu na vstupné pole cezaria-describedby, na chybnom poli prepínajúaria-invalida stav odoslania oznamujú prostredníctvom decentnej živej oblasti. Tlačidlo odoslať je deaktivované, kým sa nezamerajú na pole, a počas požiadavky formulár nastavujearia-busy. - Karusel. Karusel s ukážkami produktu oznamuje zmeny slajdov cez decentnú živú oblasť, má označené tlačidlá predchádzajúci/nasledujúci a navigácia bodkami číta vo vašom jazyku „Prejsť na slajd N z M". Dráha reaguje aj na natívne potiahnutie/rolovanie šípkami.
- Výber krajiny. Rozbaľovacia ponuka krajiny v hlavičke je označený
<nav>s odkazmi; aktívny jazyk je označenýaria-current="true". Pre viacjazyčné krajiny (Belgicko, Kanada, Švajčiarsko, Fínsko, Luxembursko) je každý jazyk samostatným fokusovateľným odkazom. - Obmedzenie pohybu. Ak má váš operačný systém zapnuté Reduce Motion (macOS/iOS Prístupnosť, Windows Nastavenia → Prístupnosť → Vizuálne efekty), vypneme animáciu šimrania drahokamu, drift oddeľovača, vysúvanie cookie banneru a automatické pulzovanie karuselu. Stránka zostáva statická.
- Kontrast. Hlavný text a primárne akcie spĺňajú kontrast AA v svetlom aj tmavom režime. Popisky a farby odkazov sa v tmavom režime menia na svetlejší rubínový odtieň, aby si zachovali kontrast voči tmavým kartám.
- Alternatívny text. Každý zmysluplný obrázok na stránke (snímky produktu, ikony cieľových skupín, OpenGraph titulka) má opisný alternatívny text. Dekoratívne drahokamy a oddeľovacie línie sú označené
aria-hidden, aby ich čítače obrazovky neohlasovali. - Samostatne hostované písma. Pacifico a Poppins sa servírujú z rovnakého originu ako zvyšok stránky, takže sa načítajú aj keď nástroje na ochranu súkromia blokujú CDN s písmami tretích strán.
- Atribút jazyka. Atribút
langstránky zodpovedá aktívnemu jazyku, aby čítače obrazovky vyslovovali text správnym hlasom. Výber ponúka 41 dvojíc krajina/jazyk a pamätá si vašu voľbu jeden rok. - Cookie banner. Banner je označená oblasť, dá sa naň dostať klávesou Tab z kdekoľvek na stránke a odkaz Nastavenia cookies v päte ho znova otvorí priamo do panela s nastaveniami jednotlivých kategórií a presunie tam fokus. Odmietnutie je pri prvom zobrazení banneru jedno kliknutie, rovnako prominentné ako Prijať.
- Odpočet. Viditeľné bunky s číslicami sa aktualizujú každú sekundu, ale pred čítačmi obrazovky sú skryté; namiesto toho sa vystavuje mimo obrazovkový súhrn, ktorý sa aktualizuje raz za minútu, takže asistenčné technológie nečítajú každý tik.
- Stavové hlásenia. Chyby a úspechy sa oznamujú cez živé oblasti
role="status", nielen farbou.
Známe obmedzenia
Otvorene priznávame medzery, ktoré sme ešte neuzavreli. Ak vám niektorá z nich bráni v používaní stránky, prosíme, dajte nám vedieť.
- Maltský preklad čaká na kontrolu. Maltská (
mt) verzia bola počiatočný koncept, ktorý ešte neskontroloval rodený hovoriaci. Ak narazíte na neobratné formulácie, napíšte nám. - Island a Luxembursko. Stripe Connect (ktoré používame na výplaty) nelokalizuje pre islandčinu ani luxemburčinu, preto sa návštevníkom z týchto krajín zobrazuje angličtina (Island) alebo francúzština/nemčina (Luxembursko). Hneď ako Stripe tieto jazyky pridá, budeme nasledovať.
- Šípky klávesnice v karuseli. Karusel reaguje na kliknutia, ťuknutia a potiahnutia, ale momentálne sa nepretáča pomocou klávesových šípok, keď je fokus vnútri dráhy. Tlačidlá predchádzajúci/nasledujúci plne pokrývajú rovnakú funkcionalitu.
- Fokus cookie banneru pri prvom načítaní. Keď nový návštevník otvorí stránku, cookie banner sa vykreslí v spodnej časti, ale fokus zostáva na tele dokumentu, aby sme neprerušili čítanie. Aby ste sa naň dostali klávesnicou, prejdite Tabom za stránku; alebo použite odkaz Nastavenia cookies v päte, ktorý fokus presunie do banneru.
Prehliadače a asistenčné technológie
Stránku testujeme na:
- Chrome a Firefox vo Windows 11 a macOS Sonoma
- Safari 17 na macOS Sonoma a iOS 17/18
- Microsoft Edge vo Windows 11
- VoiceOver na macOS Sonoma a iOS, NVDA vo Windows, TalkBack na Androide
- Prehliadače založené na Chromiu v režime vysokého kontrastu Windows
Staršie prehliadače a asistenčné technológie môžu časti stránky vykresľovať odlišne; konkrétne problémy, ktoré nahlásite, opravíme.
Ako nahlásiť bariéru
Ak vám niečo na tejto stránke nefunguje s vašou asistenčnou technológiou alebo ak nájdete problém s kontrastom/klávesnicou/čítačom obrazovky, na ktorý sme zabudli, napíšte na [email protected]. Uveďte prosím:
- URL stránky, kde ste sa s problémom stretli
- Čo ste sa pokúšali urobiť
- Asistenčnú technológiu/prehliadač, ktoré ste používali
- Čo sa stalo (a čo ste namiesto toho očakávali)
Vašu správu potvrdíme do dvoch pracovných dní a oznámime, kedy očakávame dodanie opravy.
Formálne sťažnosti
Ak ste z EÚ a nedokážeme vašu sťažnosť vyriešiť, môžete ju eskalovať na dozorný orgán pre prístupnosť vo vašom členskom štáte. Návštevníci z Veľkej Británie sa môžu obrátiť na Equality and Human Rights Commission. Návštevníci z USA môžu podať podnet na Ministerstvo spravodlivosti podľa ADA.
Zmeny tohto vyhlásenia
Vždy, keď nasadíme zmeny relevantné pre prístupnosť, aktualizujeme dátum „Naposledy aktualizované" vyššie. Významnejšie doplnenia (nová funkcia na stránke, nový jazyk, oprava zdokumentovaného obmedzenia) tu tiež zhrnieme.