Centrum Dietetyki

Status zgodności

Jesteśmy głęboko przekonani, że internet powinien być dostępny dla wszystkich, bez względu na okoliczności i możliwości. Zobowiązujemy się do zapewnienia strony internetowej dostępnej dla jak najszerszego grona odbiorców.

Aby to osiągnąć, dążymy do jak najściślejszego przestrzegania Wytycznych dla dostępności treści internetowych 2.1 (WCAG 2.1) Światowego Konsorcjum WWW (W3C) na poziomie AA. Wytyczne te wyjaśniają, jak uczynić treści internetowe dostępnymi dla osób z różnymi niepełnosprawnościami. Przestrzeganie tych wytycznych pomaga nam zapewnić dostępność strony dla wszystkich użytkowników: osób niewidomych, z niepełnosprawnością ruchową, wadami wzroku, niepełnosprawnością poznawczą i innymi.

Nasza strona wykorzystuje różne technologie, które mają na celu zapewnienie maksymalnej dostępności w każdej chwili. Używamy interfejsu dostępności, który pozwala osobom z określonymi niepełnosprawnościami dostosować interfejs użytkownika (UI) i projekt strony do ich indywidualnych potrzeb.

Dodatkowo, strona wykorzystuje aplikację opartą na sztucznej inteligencji, działającą w tle i stale optymalizującą poziom dostępności. Aplikacja ta usprawnia kod HTML strony, dostosowuje jej funkcjonalność i zachowanie dla czytników ekranu używanych przez osoby niewidome oraz funkcji klawiatury wykorzystywanych przez osoby z niepełnosprawnością ruchową.

Jeśli znaleźli Państwo usterkę lub mają pomysły na ulepszenia, będziemy wdzięczni za kontakt. Mogą Państwo skontaktować się z operatorami strony pod adresem email: biuro@balticmed.pl

Obsługa czytnika ekranu i nawigacji klawiaturą

Nasza strona implementuje technikę atrybutów ARIA (Accessible Rich Internet Applications) wraz z różnymi modyfikacjami behawioralnymi, aby zapewnić osobom niewidomym korzystającym z czytników ekranu możliwość czytania, rozumienia i korzystania z funkcji strony. Gdy użytkownik czytnika ekranu wchodzi na stronę, natychmiast otrzymuje komunikat z propozycją włączenia Profilu Czytnika Ekranu, co umożliwia efektywne przeglądanie i obsługę strony. Oto jak nasza strona spełnia najważniejsze wymagania czytnika ekranu:

Optymalizacja dla czytnika ekranu

Uruchamiamy proces w tle, który analizuje komponenty strony od góry do dołu, zapewniając ciągłą zgodność nawet podczas aktualizacji strony. W tym procesie dostarczamy czytnikom ekranu znaczące dane przy użyciu zestawu atrybutów ARIA. Na przykład:

• Zapewniamy dokładne etykiety formularzy
• Opisy ikon służących do działania (ikony mediów społecznościowych, wyszukiwania, koszyka itp.)
• Wskazówki dotyczące walidacji dla pól formularzy
• Role elementów, takich jak przyciski, menu, okna dialogowe (wyskakujące) i inne

Dodatkowo, proces w tle skanuje wszystkie obrazy na stronie i zapewnia dokładny i znaczący opis oparty na rozpoznawaniu obiektów jako tag ALT (tekst alternatywny) dla obrazów, które nie są opisane. Wyodrębnia również teksty osadzone w obrazach przy użyciu technologii OCR (optyczne rozpoznawanie znaków). Aby w dowolnym momencie włączyć dostosowania czytnika ekranu, użytkownicy muszą jedynie nacisnąć kombinację klawiszy Alt+1. Użytkownicy czytników ekranu otrzymują również automatyczne powiadomienia o włączeniu trybu czytnika ekranu zaraz po wejściu na stronę.

Te dostosowania są kompatybilne ze wszystkimi popularnymi czytnikami ekranu, w tym JAWS i NVDA.

Optymalizacja nawigacji klawiaturą

Proces w tle dostosowuje również kod HTML strony i dodaje różne zachowania przy użyciu kodu JavaScript, aby umożliwić obsługę strony za pomocą klawiatury. Obejmuje to:

• Możliwość nawigacji po stronie za pomocą klawiszy Tab i Shift+Tab
• Obsługa rozwijanych menu za pomocą klawiszy strzałek
• Zamykanie ich klawiszem Esc
• Uruchamianie przycisków i linków klawiszem Enter
• Nawigacja między elementami radio i checkbox za pomocą klawiszy strzałek
• Wypełnianie ich klawiszem Spacja lub Enter

Dodatkowo, użytkownicy klawiatury znajdą menu szybkiej nawigacji i pomijania treści, dostępne w dowolnym momencie po naciśnięciu Alt+1 lub jako pierwsze elementy strony podczas nawigacji klawiaturą. Proces w tle obsługuje również wyskakujące okna, przenosząc fokus klawiatury w ich kierunku zaraz po pojawieniu się i nie pozwalając na jego przesunięcie poza nie.

Użytkownicy mogą również korzystać ze skrótów takich jak "M" (menu), "H" (nagłówki), "F" (formularze), "B" (przyciski) i "G" (grafika), aby przejść do określonych elementów.

Profile niepełnosprawności obsługiwane na naszej stronie

1. Tryb bezpieczny dla epilepsji: profil ten umożliwia osobom z epilepsją bezpieczne korzystanie ze strony poprzez wyeliminowanie ryzyka napadów wynikających z migających lub błyskających animacji oraz ryzykownych kombinacji kolorów.
2. Tryb dla osób niedowidzących: tryb ten dostosowuje stronę do wygody użytkowników z wadami wzroku takimi jak postępująca utrata wzroku, widzenie tunelowe, zaćma, jaskra i inne.
3. Tryb dla osób z niepełnosprawnością poznawczą: tryb ten zapewnia różne opcje wspomagające osobom z niepełnosprawnościami poznawczymi, takimi jak dysleksja, autyzm, udar mózgu i inne, ułatwiając skupienie się na istotnych elementach strony.
4. Tryb przyjazny dla ADHD: tryb ten pomaga użytkownikom z ADHD i zaburzeniami neurorozwojowymi w czytaniu, przeglądaniu i skupianiu się na głównych elementach strony, znacznie redukując rozpraszacze.
5. Tryb dla osób niewidomych: tryb ten konfiguruje stronę tak, aby była kompatybilna z czytnikami ekranu takimi jak JAWS, NVDA, VoiceOver i TalkBack.
6. Profil nawigacji klawiaturą (dla osób z niepełnosprawnością ruchową): profil ten umożliwia osobom z niepełnosprawnością ruchową obsługę strony za pomocą klawiszy Tab, Shift+Tab i Enter.

Dodatkowe dostosowania UI, projektu i czytelności

• Dostosowania czcionki – użytkownicy mogą zwiększać i zmniejszać jej rozmiar, zmieniać rodzinę (typ), dostosowywać odstępy, wyrównanie, wysokość linii i więcej.
• Dostosowania kolorów – użytkownicy mogą wybierać różne profile kontrastu kolorów, takie jak jasny, ciemny, odwrócony i monochromatyczny. Dodatkowo mogą zamieniać schematy kolorów tytułów, tekstów i teł, z ponad siedmioma różnymi opcjami kolorystycznymi.
• Animacje – osoby z epilepsją mogą zatrzymać wszystkie uruchomione animacje jednym kliknięciem przycisku. Animacje kontrolowane przez interfejs obejmują filmy, GIF-y i przejścia CSS.
• Podświetlanie treści – użytkownicy mogą wybrać podkreślenie ważnych elementów, takich jak linki i tytuły. Mogą również wybrać podświetlanie tylko elementów, na których jest fokus lub nad którymi znajduje się kursor.
• Wyciszanie dźwięku – użytkownicy z urządzeniami wspomagającymi słyszenie mogą doświadczać bólu głowy lub innych problemów z powodu automatycznego odtwarzania dźwięku. Ta opcja pozwala natychmiast wyciszyć całą stronę.
• Zaburzenia poznawcze – wykorzystujemy wyszukiwarkę połączoną z Wikipedią i Wikisłownikiem, umożliwiającą osobom z zaburzeniami poznawczymi rozszyfrowanie znaczenia fraz, skrótów, slangu i innych.
• Funkcje dodatkowe – zapewniamy użytkownikom możliwość zmiany koloru i rozmiaru kursora, korzystania z trybu drukowania, włączenia klawiatury wirtualnej i wielu innych funkcji.

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

Dążymy do wspierania jak najszerszej gamy przeglądarek i technologii wspomagających, aby nasi użytkownicy mogli wybrać najlepiej dopasowane dla siebie narzędzia, z jak najmniejszymi ograniczeniami. Dlatego ciężko pracowaliśmy, aby móc wspierać wszystkie główne systemy, które obejmują ponad 95% udziału w rynku użytkowników, w tym Google Chrome, Mozilla Firefox, Apple Safari, Opera i Microsoft Edge, JAWS i NVDA (czytniki ekranu).

Uwagi, komentarze i opinie

Mimo naszych najlepszych starań, aby umożliwić każdemu dostosowanie strony do swoich potrzeb, mogą wciąż istnieć strony lub sekcje, które nie są w pełni dostępne, są w trakcie dostosowywania lub brakuje im odpowiedniego rozwiązania technologicznego, aby uczynić je dostępnymi. Niemniej jednak stale poprawiamy naszą dostępność, dodając, aktualizując i ulepszając jej opcje i funkcje oraz opracowując i przyjmując nowe technologie. Wszystko to ma na celu osiągnięcie optymalnego poziomu dostępności, zgodnie z postępem technologicznym. W razie potrzeby pomocy prosimy o kontakt pod adresem: biuro@balticmed.pl