Deklaracja dostępności
Rubyy jest budowany tak, aby był użyteczny dla jak największej liczby osób, niezależnie od sposobu, w jaki poruszają się po sieci. Niniejsza strona opisuje funkcje dostępności wbudowane w rubyy.com, znane ograniczenia oraz sposób zgłaszania nieprawidłowości.
Docelowy poziom zgodności
Dążymy do spełnienia Wytycznych dotyczących dostępności treści internetowych (WCAG) 2.1 na poziomie AA. Jest to poziom referencyjny dla witryn publicznych w większości jurysdykcji (dyrektywa UE o dostępności stron internetowych, brytyjskie PSBAR, amerykańska nowelizacja Section 508, powszechnie powoływany standard ADA). Testujemy zgodność z AA przy każdej aktualizacji witryny marketingowej; w niektórych obszarach przekraczamy AA tam, gdzie było to łatwe do osiągnięcia, a kilka znanych luk nie spełnia jeszcze tego poziomu. Obie listy znajdują się poniżej.
Pełny produkt Rubyy (sama platforma) jest w fazie rozwoju przedstartowego. Po jego uruchomieniu opublikujemy odrębną deklarację dostępności obejmującą pulpit oraz sklepy, które klienci budują przy jego pomocy.
Co zbudowaliśmy
- Nawigacja klawiaturą. Każdy interaktywny element witryny można osiągnąć i aktywować klawiszami Tab, Shift+Tab, Enter, Space i Escape. Pierwszym elementem skupialnym na każdej stronie jest link Przejdź do głównej treści, który omija nagłówek.
- Widoczny wskaźnik fokusu. Wokół dowolnego elementu pod fokusem klawiatury pojawia się obramowanie o grubości 2 pikseli, zarówno w trybie jasnym, jak i ciemnym.
- Semantyczne punkty orientacyjne. Strona ma strukturę opartą na regionach
<header>,<main>,<nav>i<footer>, dzięki czemu technologie wspomagające mogą między nimi przeskakiwać. Poziomy nagłówków są logiczne (jeden<h1>na stronę, bez pomijania poziomów poniżej). - Formularze. Zarówno zapis na listę startową, jak i formularz kontaktowy mają widoczne etykiety, oznaczają pola wymagane atrybutem
aria-required, prezentują komunikaty błędów powiązane z polem przezaria-describedby, przełączająaria-invalidna nieprawidłowym polu oraz informują o statusie wysyłki przez grzeczny region na żywo. Przycisk wysyłki jest nieaktywny do momentu skupienia pola, a formularz ustawiaaria-busyw czasie trwania żądania. - Karuzela. Karuzela wyróżnionych produktów ogłasza zmiany slajdów przez grzeczny region na żywo, ma oznaczone przyciski poprzedni / następny, a nawigacja kropkami czyta „Przejdź do slajdu N z M” w aktywnym języku. Ścieżka reaguje także na natywne przewijanie gestami / strzałkami.
- Wybór kraju. Rozwijana lista krajów w nagłówku to oznaczony
<nav>z linkami; aktywny język jest oznaczony przezaria-current="true". Dla krajów wielojęzycznych (Belgia, Kanada, Szwajcaria, Finlandia, Luksemburg) każdy język jest osobnym, skupialnym linkiem. - Ograniczone animacje. Jeśli w systemie operacyjnym włączono opcję redukcji ruchu (Ułatwienia dostępu macOS / iOS, Ustawienia → Ułatwienia dostępu → Efekty wizualne w Windows), wyłączamy animację połysku klejnotu, dryf separatora, wsuwanie banera cookie oraz automatyczne pulsowanie karuzeli. Witryna pozostaje statyczna.
- Kontrast. Tekst zasadniczy i główne akcje spełniają kontrast AA zarówno w trybie jasnym, jak i ciemnym. Etykiety nagłówków i kolory linków przełączają się w trybie ciemnym na jaśniejszy odcień rubinu, aby zachować kontrast na ciemnych kartach.
- Tekst alternatywny. Każdy istotny obraz w witrynie (zrzuty ekranu produktu, ikony grup docelowych, okładka OpenGraph) ma opisowy tekst alternatywny. Dekoracyjne klejnoty i linie separatorów są oznaczone
aria-hidden, aby czytniki ekranu ich nie ogłaszały. - Czcionki hostowane lokalnie. Pacifico i Poppins są serwowane z tej samej domeny, co reszta witryny, dzięki czemu wczytują się także wtedy, gdy zewnętrzne CDN-y czcionek są blokowane przez narzędzia ochrony prywatności.
- Atrybut języka. Atrybut
langstrony odpowiada aktywnemu językowi, dzięki czemu czytniki ekranu wymawiają tekst odpowiednim głosem. Lista wyboru zawiera 41 par kraj / język i zapamiętuje wybór przez rok. - Baner cookie. Baner stanowi oznaczony region, jest osiągalny przez Tab z dowolnego miejsca na stronie, a link Ustawienia plików cookie w stopce ponownie otwiera go bezpośrednio w panelu ustawień poszczególnych kategorii i przenosi tam fokus. Odrzucenie znajduje się w jednym kliknięciu na pierwszym banerze, równie wyeksponowane jak Akceptacja.
- Licznik odliczający. Widoczne pola cyfr aktualizują się co sekundę, ale są ukryte przed czytnikami ekranu; udostępniany jest natomiast off-screen-owy skrót, aktualizowany raz na minutę, aby technologia wspomagająca nie odczytywała każdego tyknięcia.
- Komunikaty statusu. Błędy i sukcesy są ogłaszane przez regiony na żywo
role="status", nie tylko przez kolor.
Znane ograniczenia
Jesteśmy otwarci co do luk, których jeszcze nie zamknęliśmy. Jeśli któraś z nich blokuje korzystanie z witryny, prosimy o powiadomienie.
- Przegląd tłumaczenia maltańskiego oczekuje. Tłumaczenie maltańskie (
mt) było wstępnym szkicem i nie zostało jeszcze zweryfikowane przez native speakera. W razie zauważenia nieporadnych sformułowań prosimy o e-mail. - Islandia i Luksemburg. Stripe Connect (z którego korzystamy do wypłat) nie obsługuje lokalizacji w języku islandzkim ani luksemburskim, dlatego odwiedzający z tych krajów otrzymują wersję angielską (Islandia) lub francuską / niemiecką (Luksemburg). Po dodaniu tych języków przez Stripe pójdziemy w jego ślady.
- Strzałki klawiatury w karuzeli. Karuzela reaguje na kliknięcia, dotknięcia i gesty, ale obecnie nie obraca się klawiszami strzałek, gdy fokus znajduje się wewnątrz ścieżki. Przyciski poprzedni / następny w pełni zapewniają tę samą funkcjonalność.
- Fokus banera cookie przy pierwszym wyświetleniu. Gdy odwiedzający trafia na witrynę po raz pierwszy, baner cookie jest renderowany na dole, ale fokus pozostaje na ciele dokumentu, aby nie przerywać czytania. Aby do niego dotrzeć klawiaturą, należy przejść Tab przez stronę lub skorzystać z linku Ustawienia plików cookie w stopce, który przenosi fokus do banera.
Przeglądarki i technologie wspomagające
Testujemy witrynę z użyciem:
- Chrome i Firefox w systemach Windows 11 oraz macOS Sonoma
- Safari 17 w macOS Sonoma oraz iOS 17 / 18
- Microsoft Edge w systemie Windows 11
- VoiceOver w macOS Sonoma i iOS, NVDA w systemie Windows, TalkBack w Androidzie
- Przeglądarki oparte na Chromium w trybie wysokiego kontrastu Windows
Starsze przeglądarki i technologie wspomagające mogą renderować części witryny inaczej; konkretne zgłoszone problemy będziemy naprawiać.
Jak zgłosić barierę
Jeśli coś na tej stronie nie działa z używaną technologią wspomagającą lub zauważono problem z kontrastem / klawiaturą / czytnikiem ekranu, który nam umknął, prosimy o e-mail na adres [email protected]. Prosimy o uwzględnienie:
- Adresu URL strony, na której wystąpił problem
- Co próbowano zrobić
- Używanej technologii wspomagającej / przeglądarki
- Co się stało (i czego oczekiwano)
Potwierdzimy wiadomość w ciągu dwóch dni roboczych i poinformujemy, kiedy planujemy wdrożyć poprawkę.
Formalne skargi
Osoby z UE, których skargi nie udało nam się rozwiązać, mogą eskalować sprawę do organu nadzorującego dostępność w swoim państwie członkowskim. Odwiedzający z Wielkiej Brytanii mogą zwrócić się do Equality and Human Rights Commission. Odwiedzający z USA mogą złożyć skargę w Departamencie Sprawiedliwości na podstawie ADA.
Zmiany niniejszej deklaracji
Datę „ostatniej aktualizacji” powyżej aktualizujemy zawsze, gdy wdrażamy zmiany istotne z punktu widzenia dostępności. Znaczące dodatki (nowa funkcja w witrynie, nowy język, poprawka udokumentowanego ograniczenia) będą również podsumowywane tutaj.