Soniczna szczoteczka do zębów Vitammy Harmony

Status zgodności

Głęboko wierzymy, że internet powinien być dostępny dla każdego, i dokładamy wszelkich starań, aby nasza strona była dostępna dla jak najszerszego grona odbiorców, niezależnie od okoliczności i możliwości.

W tym celu dążymy do jak najściślejszego przestrzegania Wytycznych dotyczących dostępności treści internetowych (WCAG 2.1) opracowanych przez World Wide Web Consortium (W3C) na poziomie AA. Wytyczne te opisują, jak uczynić treści internetowe dostępnymi dla osób z różnorodnymi niepełnosprawnościami. Ich przestrzeganie pomaga nam zapewnić, że strona jest dostępna dla wszystkich: osób niewidomych, z zaburzeniami ruchowymi, z wadami wzroku, niepełnosprawnością poznawczą i innymi.

Strona internetowa wykorzystuje różne technologie, które mają na celu zapewnienie jak największej dostępności w każdej chwili. Używamy interfejsu dostępności, który umożliwia osobom z określonymi niepełnosprawnościami dostosowanie interfejsu użytkownika (UI) do własnych potrzeb.

Dodatkowo, strona wykorzystuje aplikację opartą na sztucznej inteligencji, która działa w tle i stale optymalizuje poziom dostępności. Aplikacja ta modyfikuje kod HTML strony, dostosowuje jej funkcjonalność i zachowanie do czytników ekranu używanych przez osoby niewidome oraz do funkcji klawiatury używanych przez osoby z niepełnosprawnościami ruchowymi.

Jeśli zauważyłeś nieprawidłowości lub masz pomysły na ulepszenie, chętnie się z Tobą skontaktujemy. Możesz skontaktować się z administratorem strony za pomocą następującego adresu e-mail: kontakt@cezal24.pl

Czytniki ekranu i nawigacja klawiaturą

Nasza strona wdraża technikę atrybutów ARIA (Accessible Rich Internet Applications) wraz z różnymi zmianami zachowania, aby zapewnić, że osoby niewidome korzystające z czytników ekranu mogą czytać, rozumieć i korzystać z funkcji strony. Gdy tylko użytkownik z czytnikiem ekranu wejdzie na stronę, otrzymuje komunikat z propozycją uruchomienia profilu czytnika ekranu, aby móc skutecznie przeglądać i obsługiwać stronę. Oto, w jaki sposób nasza strona spełnia najważniejsze wymagania dotyczące czytników ekranu, wraz ze zrzutami ekranu kodu w konsoli:

1. Optymalizacja dla czytników ekranu: uruchamiamy proces w tle, który analizuje wszystkie komponenty strony, aby zapewnić zgodność nawet podczas jej aktualizacji. W tym procesie przekazujemy czytnikom ekranu istotne dane za pomocą zestawu atrybutów ARIA. Na przykład zapewniamy dokładne etykiety formularzy; opisy ikon akcji (ikon mediów społecznościowych, ikon wyszukiwania, koszyka itp.); wskazówki walidacyjne pól formularzy; role elementów, takie jak przyciski, menu, okna modalne (popupy) i inne. Proces ten skanuje również wszystkie obrazy i przypisuje do nich dokładny opis oparty na rozpoznawaniu obiektów jako alternatywny tekst (ALT) dla obrazów bez opisu. Dodatkowo wyodrębnia teksty osadzone w obrazach przy użyciu technologii OCR (optyczne rozpoznawanie znaków). Aby włączyć dostosowania dla czytników ekranu w dowolnym momencie, użytkownicy mogą nacisnąć kombinację klawiszy Alt+1. Użytkownicy czytników ekranu otrzymują również automatyczne powiadomienia o możliwości włączenia trybu czytnika ekranu po wejściu na stronę.

   Dostosowania te są kompatybilne ze wszystkimi popularnymi czytnikami ekranu, w tym JAWS i NVDA.

2. Optymalizacja nawigacji klawiaturą: proces w tle dostosowuje również kod HTML strony oraz dodaje różne funkcje za pomocą kodu JavaScript, aby umożliwić obsługę strony za pomocą klawiatury. Obejmuje to możliwość poruszania się po stronie za pomocą klawiszy Tab i Shift+Tab, obsługę rozwijanych menu za pomocą strzałek, ich zamykanie klawiszem Esc, aktywację przycisków i linków klawiszem Enter, nawigację pomiędzy opcjami wyboru (radio i checkbox) klawiszami strzałek oraz ich zaznaczanie spacją lub Enterem. Użytkownicy klawiatury mają również dostęp do menu szybkiej nawigacji i pomijania treści, dostępnych w dowolnym momencie poprzez naciśnięcie Alt+1 lub jako pierwsze elementy nawigacyjne strony. Proces w tle obsługuje również pojawiające się popupy, przesuwając fokus klawiatury bezpośrednio na nie i nie pozwalając, by focus opuścił je przypadkowo.

   Użytkownicy mogą także korzystać ze skrótów takich jak „M” (menu), „H” (nagłówki), „F” (formularze), „B” (przyciski) i „G” (grafiki), aby przechodzić bezpośrednio do konkretnych elementów.

Obsługiwane profile dostępności na stronie

• Tryb bezpieczny dla osób z padaczką: ten profil umożliwia bezpieczne korzystanie ze strony poprzez eliminację zagrożenia atakami wywołanymi przez migające animacje i ryzykowne kombinacje kolorystyczne.
• Tryb dla osób z wadami wzroku: ten tryb dostosowuje stronę dla osób z problemami wzroku, takimi jak pogarszający się wzrok, widzenie tunelowe, zaćma, jaskra i inne.
• Tryb dla osób z niepełnosprawnością poznawczą: ten tryb oferuje różne opcje wsparcia, ułatwiające skupienie się na najistotniejszych elementach strony osobom z dysleksją, autyzmem, po udarze (CVA) i innymi.
• Tryb przyjazny dla ADHD: tryb pomaga użytkownikom z ADHD i zaburzeniami neurorozwojowymi w czytaniu, przeglądaniu i skupianiu się na głównych elementach strony, jednocześnie ograniczając rozpraszacze.
• Tryb dla osób niewidomych: ten tryb dostosowuje stronę do zgodności z czytnikami ekranu takimi jak JAWS, NVDA, VoiceOver i TalkBack. Czytnik ekranu to oprogramowanie instalowane na komputerze lub telefonie, które odczytuje zawartość stron dla osób niewidomych – witryny muszą być z nimi kompatybilne.
• Profil nawigacji klawiaturą (dla osób z niepełnosprawnościami ruchowymi): ten profil umożliwia obsługę strony za pomocą klawiszy Tab, Shift+Tab i Enter. Użytkownicy mogą także używać skrótów: „M” (menu), „H” (nagłówki), „F” (formularze), „B” (przyciski), „G” (grafiki).

Dodatkowe dostosowania interfejsu, projektu i czytelności

1. Dostosowanie czcionek – użytkownicy mogą zwiększać i zmniejszać ich rozmiar, zmieniać krój, regulować odstępy, wyrównanie, wysokość linii i inne.
2. Dostosowanie kolorów – użytkownicy mogą wybrać różne profile kontrastu kolorów: jasny, ciemny, odwrócony, monochromatyczny. Mogą także zmieniać schematy kolorów nagłówków, tekstów i tła – dostępnych jest ponad siedem wariantów.
3. Animacje – osoby z padaczką mogą jednym kliknięciem wyłączyć wszystkie animacje. Dotyczy to wideo, GIF-ów i przejść CSS.
4. Wyróżnianie treści – użytkownicy mogą podkreślać istotne elementy takie jak linki czy nagłówki. Mogą również wyróżniać tylko elementy z fokusem lub po najechaniu.
5. Wyciszenie dźwięku – użytkownicy korzystający z aparatów słuchowych mogą mieć problem z automatycznym odtwarzaniem dźwięku. Opcja ta umożliwia całkowite wyciszenie strony.
6. Niepełnosprawność poznawcza – korzystamy z wyszukiwarki powiązanej z Wikipedią i Wikisłownikiem, aby pomóc użytkownikom z zaburzeniami poznawczymi w zrozumieniu zwrotów, skrótów, slangu itd.
7. Dodatkowe funkcje – oferujemy możliwość zmiany koloru i rozmiaru kursora, trybu drukowania, włączenia klawiatury ekranowej i wielu innych funkcji.

Zgodność z przeglądarkami i technologiami wspomagającymi

Dążymy do zapewnienia zgodności z jak najszerszym zakresem przeglądarek i technologii wspomagających, aby użytkownicy mogli korzystać z najlepszych dla siebie rozwiązań bez ograniczeń. Dlatego dokładamy wszelkich starań, by wspierać wszystkie główne systemy, które obejmują ponad 95% udziału w rynku, w tym Google Chrome, Mozilla Firefox, Apple Safari, Opera, Microsoft Edge, a także JAWS i NVDA (czytniki ekranu).

Uwagi, komentarze i opinie

Mimo naszych najlepszych starań, aby umożliwić każdemu dostosowanie strony do swoich potrzeb, mogą nadal występować podstrony lub sekcje, które nie są w pełni dostępne, są w trakcie dostosowywania lub dla których nie istnieje jeszcze odpowiednie rozwiązanie technologiczne. Nieustannie jednak poprawiamy poziom dostępności strony, rozwijamy jej opcje, funkcje oraz wdrażamy nowe technologie, by osiągnąć jak najwyższy poziom dostępności zgodny z postępem technologicznym. W razie potrzeby prosimy o kontakt pod adresem: kontakt@cezal24.pl