Kategoria: Budowa strony www

Status zgodności

Powszechny dostęp do internetu jest fundamentalnym prawem każdego. W związku z tym, z zaangażowaniem tworzymy naszą stronę internetową tak, aby była ona przyjazna dla jak najszerszego spektrum użytkowników, niezależnie od ich indywidualnych uwarunkowań i potencjału.

W tym celu, naszym priorytetem jest możliwie wierne implementowanie wytycznych WCAG 2.1 na poziomie AA, ustanowionych przez World Wide Web Consortium (W3C). Te regulacje precyzyjnie opisują metody tworzenia treści online, które są w pełni dostępne dla osób z różnorodnymi niepełnosprawnościami. Respektowanie tych standardów pozwala nam ufać w to, że nasza strona internetowa będzie funkcjonalna dla wszystkich, włączając w to osoby niewidome, z ograniczeniami motorycznymi, z wadami wzroku, z trudnościami poznawczymi i wiele innych.

Ta witryna internetowa została wyposażona w szereg zaawansowanych rozwiązań technologicznych, mających na celu stałe podnoszenie jej poziomu dostępności. Wdrożyliśmy specjalny panel interakcji, dedykowany osobom z różnymi rodzajami niepełnosprawności, który umożliwia im personalizację interfejsu użytkownika (UI) oraz elementy strony, tak aby odpowiadały ich specyficznym potrzebom.

Ponadto, w strukturę strony wbudowana jest inteligentna aplikacja, oparta o mechanizmy sztucznej inteligencji, która nieustannie monitoruje i udoskonala jej dostępność. Aplikacja ta automatycznie optymalizuje kod HTML witryny, dostosowuje jej działanie i sposób interakcji z czytnikami ekranu, używanymi przez osoby niewidome, a także z nawigacją za pomocą klawiatury, preferowaną przez osoby z ograniczeniami ruchowymi.

W przypadku jakichkolwiek nieprawidłowości w funkcjonowaniu strony lub pojawienia się sugestii dotyczących jej usprawnienia, będziemy wdzięczni za informację oraz opinie o funkcjonalności. Zachęcamy do kontaktu z administratorem na ten adres e-mail: bok@quality-factor.pl

Nawigacja za pomocą czytnika ekranu i klawiatury

W konstrukcję naszej witryny wdrożyliśmy zaawansowaną technikę opartą na atrybutach ARIA (Accessible Rich Internet Applications), uzupełnioną o liczne dynamiczne zmiany w zachowaniu elementów, aby zapewnić osobom niedowidzącym i niewidomym, korzystającym z oprogramowania do odczytu ekranu, pełną możliwość percepcji treści, zrozumienia informacji oraz swobodnego korzystania z wszystkich funkcjonalności serwisu. W momencie, gdy użytkownik z aktywnym czytnikiem ekranu trafi na naszą stronę, niezwłocznie zostanie mu zaproponowane włączenie dedykowanego Profilu Czytnika Ekranu, co znacząco usprawni nawigację i interakcję z witryną. Poniżej ilustrujemy, jak nasza strona odpowiada na kluczowe potrzeby użytkowników czytników ekranu, prezentując przykładowe fragmenty kodu bezpośrednio z konsoli:

1. Optymalizacja dla czytników ekranu

   W celu zapewnienia bezproblemowej interakcji z naszą witryną dla użytkowników korzystających z czytników ekranu, zaimplementowaliśmy inteligentny mechanizm optymalizacji działający w tle. System ten na bieżąco analizuje strukturę i zawartość strony, uwzględniając wszelkie aktualizacje, aby utrzymać najwyższy poziom zgodności z wymogami dostępności. W ramach tego procesu, czytnikom ekranu udostępniane są kluczowe informacje za pośrednictwem bogatego zestawu atrybutów ARIA. Obejmuje to precyzyjne opisy pól formularzy, zrozumiałe etykiety dla ikon funkcyjnych (takich jak ikony społecznościowe, wyszukiwania, koszyka), wskazówki dotyczące poprawnego wypełniania formularzy oraz definicje ról poszczególnych elementów interfejsu, takich jak przyciski, menu czy okna dialogowe (wyskakujące). Co więcej, nasze zaawansowane algorytmy skanują każdy obraz na stronie i, w przypadku braku opisu tekstowego, generują dokładny i kontekstowy opis alternatywny (ALT) w oparciu o rozpoznawanie obiektów. System potrafi również odczytać tekst osadzony na obrazach dzięki technologii OCR (optycznego rozpoznawania znaków). Aby włączyć tryb optymalizacji dla czytników ekranu w dowolnym momencie, wystarczy nacisnąć kombinację klawiszy Alt+1. Użytkownicy tych narzędzi są również automatycznie informowani o możliwości aktywowania tego trybu natychmiast po wejściu na stronę.

   Nasze rozwiązania w zakresie dostępności są kompatybilne z najpopularniejszymi czytnikami ekranu, w tym JAWS i NVDA.

2. Optymalizacja nawigacji klawiaturą

   Nasz system działający w tle aktywnie przekształca strukturę HTML witryny oraz implementuje dynamiczne zachowania za pomocą skryptów JavaScript, aby zapewnić pełną sterowalność strony za pomocą klawiatury. Umożliwia to intuicyjne poruszanie się po witrynie przy użyciu klawiszy Tab i Shift+Tab, rozwijanie i zwijanie menu rozwijanych za pomocą strzałek (z opcją zamknięcia przez Esc), aktywowanie przycisków i odnośników za pomocą klawisza Enter, nawigowanie między opcjami wyboru (radio i checkbox) za pomocą strzałek i ich zaznaczanie spacją lub Enterem. Dodatkowo, użytkownicy klawiatury mają do dyspozycji menu szybkiej nawigacji i pomijania treści, dostępne w każdej chwili po naciśnięciu Alt+1 lub jako pierwsze elementy sekwencji nawigacji klawiaturowej. Inteligentny proces w tle zarządza również wyskakującymi okienkami, automatycznie przenosząc do nich fokus klawiatury w momencie ich pojawienia się i zapobiegając jego utracie.

   Użytkownicy mogą także korzystać z dedykowanych skrótów klawiszowych, takich jak „M” (dla menu), „H” (dla nagłówków), „F” (dla formularzy), „B” (dla przycisków) oraz „G” (dla elementów graficznych), co pozwala na błyskawiczne przeskakiwanie do interesujących ich sekcji.

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

• Tryb dla osób z epilepsją: aktywacja tego profilu gwarantuje osobom z epilepsją bezpieczne korzystanie z naszej witryny poprzez wyeliminowanie wszelkich elementów mogących wywołać napad, takich jak intensywnie migające animacje czy niebezpieczne zestawienia kolorystyczne.
• Tryb dla osób niedowidzących: ten tryb został stworzony z myślą o użytkownikach z różnymi dysfunkcjami wzroku, w tym z pogorszeniem ostrości widzenia, efektem tunelowym, zaćmą, jaskrą i innymi schorzeniami, zapewniając im komfortowe przeglądanie treści.
• Tryb dla osób z zaburzeniami poznawczymi: dedykowany osobom z trudnościami w sferze poznawczej, takimi jak dysleksja, spektrum autyzmu czy skutki udaru, ten tryb oferuje specjalne ułatwienia, pozwalające na lepsze skupienie się na najważniejszych informacjach na stronie.
• Tryb przyjazny użytkownikom z ADHD: ten tryb minimalizuje rozpraszające elementy i optymalizuje układ strony, aby wspomóc osoby z ADHD i innymi zaburzeniami neurorozwojowymi w płynnym czytaniu, przeglądaniu i koncentracji na kluczowych treściach witryny.
• Tryb dla osób niewidomych: ten tryb kompleksowo konfiguruje witrynę pod kątem pełnej kompatybilności z popularnymi programami do odczytu ekranu, takimi jak JAWS, NVDA, VoiceOver i TalkBack. To kluczowe rozwiązanie dla osób niewidomych, umożliwiające im pełne korzystanie z funkcjonalności strony za pomocą specjalistycznego oprogramowania.
• Profil nawigacji za pomocą klawiatury (dla użytkowników z ograniczeniami ruchowymi, motorycznymi): ten profil umożliwia osobom z niepełnosprawnością ruchową pełną kontrolę nad witryną za pomocą klawiszy Tab, Shift+Tab oraz Enter. Dodatkowo, udostępniono skróty klawiszowe takie jak „M” (menu), „H” (nagłówki), „F” (formularze), „B” (przyciski) i „G” (grafika), pozwalające na szybkie przeskakiwanie do wybranych sekcji strony.

Dodatkowe dostosowania interfejsu użytkownika (User Interface/UI), wyglądu i czytelności

1. Personalizacja czcionki – dajemy użytkownikom narzędzia do swobodnej modyfikacji typografii strony: od zmiany rozmiaru i kroju pisma, przez regulację odstępów między znakami, po dostosowanie wyrównania tekstu i wysokości linii.

2. Indywidualizacja palety barw – oferujemy bogaty wybór profili kontrastu kolorystycznego, w tym tryby jasny, ciemny, z odwróconymi kolorami oraz monochromatyczny. Ponadto, użytkownicy mogą eksperymentować z ponad siedmioma różnymi schematami kolorów tła, tekstu i nagłówków, dopasowując wygląd strony do swoich preferencji.

3. Kontrola animacji – z myślą o osobach z epilepsją, udostępniamy intuicyjną funkcję natychmiastowego zatrzymania wszelkich ruchomych elementów na stronie, w tym filmów, animowanych GIF-ów oraz efektów przejść CSS.

4. Wyróżnianie kluczowych elementów – użytkownicy mogą aktywować opcję wizualnego podkreślenia istotnych części treści, takich jak odnośniki i tytuły. Dostępna jest również opcja podświetlania elementów aktualnie aktywnych (skupionych lub pod kursorem).

5. Blokowanie dźwięku – aby zapobiec dyskomfortowi użytkowników aparatów słuchowych, wywołanemu automatycznym odtwarzaniem dźwięków, zapewniamy możliwość błyskawicznego wyciszenia całej zawartości audio witryny.

6. Wsparcie dla osób z zaburzeniami poznawczymi – zintegrowaliśmy z naszą stroną wyszukiwarkę opartą o zasoby Wikipedii i Wikisłownika, co ułatwia osobom z zaburzeniami poznawczymi zrozumienie znaczenia niejasnych fraz, akronimów, slangu i innych trudniejszych wyrażeń.

7. Dodatkowe udogodnienia – oddajemy do dyspozycji użytkowników szereg dodatkowych funkcji, takich jak zmiana koloru i rozmiaru kursora, tryb uproszczonego wydruku, wirtualna klawiatura ekranowa oraz wiele innych opcji personalizacji interfejsu.

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

Z ogromnym zaangażowaniem dążymy do zapewnienia kompatybilności z możliwie najszerszym spektrum przeglądarek internetowych oraz technologii asystujących. Chcemy, aby nasi użytkownicy mieli swobodę wyboru optymalnych dla siebie narzędzi, minimalizując wszelkie potencjalne bariery. Właśnie dlatego włożyliśmy wiele wysiłku w pełne wsparcie dla wiodących systemów, które łącznie stanowią ponad 95% rynku użytkowników. Mowa tu o takich przeglądarkach jak Google Chrome, Mozilla Firefox, Apple Safari, Opera i Microsoft Edge, a także o kluczowych czytnikach ekranu, takich jak JAWS i NVDA.

Uwagi, komentarze i opinie

Dokładamy wszelkich starań, aby nasza witryna była w pełni adaptowalna do indywidualnych potrzeb każdego użytkownika. Niemniej jednak, pomimo naszego ogromnego zaangażowania, pewne podstrony lub fragmenty serwisu mogą wciąż wykazywać ograniczenia w dostępności, znajdować się w fazie optymalizacji lub po prostu nie posiadać jeszcze idealnego rozwiązania technologicznego, które uczyniłoby je w pełni dostępnymi. Zapewniamy jednak, że nieustannie pracujemy nad podnoszeniem poziomu dostępności naszej strony, sukcesywnie wzbogacając ją o nowe funkcje i ulepszenia oraz wdrażając najnowsze osiągnięcia technologiczne. Naszym nadrzędnym celem jest osiągnięcie perfekcyjnej dostępności, w ślad za dynamicznym rozwojem technologii. Jeśli potrzebują Państwo jakiegokolwiek wsparcia, prosimy o kontakt pod adresem: bok@quality-factor.pl