Puchar Polski Młodzików Gdynia

Status zgodności

Jesteśmy przekonani, że internet powinien być dostępny i otwarty dla każdego, i zobowiązujemy się do dostarczania strony internetowej, która jest dostępna dla jak najszerszego grona odbiorców, bez względu na ich sytuację i możliwości.

W tym celu staramy się jak najściślej przestrzegać Wytycznych dotyczących dostępności treści internetowych 2.1 (WCAG 2.1) na poziomie AA opracowanych przez Konsorcjum World Wide Web (W3C). Wytyczne te wyjaśniają, jak sprawić, by treści internetowe były dostępne dla osób z szerokim zakresem niepełnosprawności. Przestrzeganie tych wytycznych pomaga nam zapewnić, że nasza strona internetowa jest dostępna dla wszystkich: osób niewidomych, osób z niepełnosprawnościami ruchowymi, z zaburzeniami wzroku, z niepełnosprawnościami poznawczymi i wielu innych.

Nasza strona internetowa wykorzystuje różne technologie mające na celu zapewnienie jej jak największej dostępności w każdym czasie. Korzystamy z interfejsu dostępności, który pozwala osobom z określonymi niepełnosprawnościami dostosować interfejs użytkownika (UI) i projekt strony do swoich indywidualnych potrzeb.

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

Jeśli znajdziesz jakiekolwiek usterki lub masz pomysły na ulepszenia, chętnie wysłuchamy Twojej opinii. Możesz skontaktować się z operatorami strony za pomocą następującego adresu e-mail

Nawigacja przy użyciu czytnika ekranowego i klawiatury

Nasza strona internetowa implementuje technikę atrybutów ARIA (Accessible Rich Internet Applications), wraz z różnymi zmianami behawioralnymi, aby zapewnić, że użytkownicy korzystający z czytników ekranowych mogą czytać, rozumieć i cieszyć się funkcjonalnościami strony. Natychmiast po wejściu na stronę użytkownik korzystający z czytnika ekranowego otrzymuje monit o włączenie profilu czytnika ekranowego, aby mógł efektywnie przeglądać i obsługiwać stronę. Oto, jak nasza strona internetowa spełnia niektóre z najważniejszych wymagań dotyczących czytników ekranowych, wraz ze zrzutami ekranu przykładów kodu:

1. Optymalizacja dla czytników ekranowych: prowadzimy proces w tle, który uczy się komponentów strony od góry do dołu, aby zapewnić ciągłą zgodność nawet po aktualizacji strony. W tym procesie zapewniamy czytnikom ekranowym znaczące dane przy użyciu zestawu atrybutów ARIA. Na przykład, dostarczamy dokładne etykiety formularzy; opisy dla ikon aktywnych (ikony mediów społecznościowych, ikony wyszukiwania, ikony koszyka itp.); wskazówki dotyczące walidacji danych wejściowych formularza; role elementów takich jak przyciski, menu, dialogi modalne (popupy) i inne. Ponadto, proces w tle skanuje wszystkie obrazy na stronie i dostarcza dokładny i znaczący opis oparty na rozpoznawaniu obiektów na obrazach jako tag ALT (tekst alternatywny) dla obrazów, które nie są opisane. Wykorzystuje również technologię OCR (optical character recognition) do ekstrakcji tekstu osadzonego w obrazie. Aby włączyć dostosowania dla czytnika ekranowego w dowolnym momencie, użytkownicy muszą nacisnąć kombinację klawiszy Alt+1. Użytkownicy czytników ekranowych otrzymują także automatyczne ogłoszenia o włączeniu trybu czytnika ekranowego, jak tylko wejdą na stronę.

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

2. Optymalizacja nawigacji klawiaturowej: Proces w tle dostosowuje także HTML strony i dodaje różne zachowania za pomocą kodu JavaScript, aby strona była obsługiwana za pomocą klawiatury. Obejmuje to możliwość nawigacji po stronie za pomocą klawiszy Tab i Shift+Tab, obsługę rozwijanych menu za pomocą klawiszy strzałek, zamykanie ich za pomocą Esc, aktywowanie przycisków i linków za pomocą klawisza Enter, nawigację między elementami radiowymi i checkboxami za pomocą klawiszy strzałek oraz ich zaznaczanie za pomocą spacji lub klawisza Enter. Ponadto użytkownicy klawiatury znajdą menu szybkiej nawigacji i pomijania treści, dostępne w każdej chwili po naciśnięciu Alt+1, lub jako pierwsze elementy witryny podczas nawigacji klawiaturą. Proces w tle także obsługuje pojawiające się popupy, przenosząc fokus klawiatury na nie, jak tylko się pojawią, i nie pozwalając, aby fokus uciekł poza nie.

   Użytkownicy mogą także używać skrótów takich jak „M” (menu), „H” (nagłówki), „F” (formularze), „B” (przyciski) i „G” (grafika), aby skakać do konkretnych elementów.

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

• Tryb bezpieczny dla osób z epilepsją: ten profil umożliwia osobom z epilepsją bezpieczne korzystanie ze strony internetowej, eliminując ryzyko ataków spowodowanych migającymi lub błyskającymi animacjami oraz ryzykownymi kombinacjami kolorów.
• Tryb dla osób z zaburzeniami wzroku: ten tryb dostosowuje stronę dla wygody użytkowników z zaburzeniami wzroku, takimi jak pogarszający się wzrok, widzenie tunelowe, zaćma, jaskra i inne.
• Tryb dla osób z niepełnosprawnościami poznawczymi: ten tryb oferuje różne opcje wspomagające, które pomagają użytkownikom z niepełnosprawnościami poznawczymi, takimi jak dysleksja, autyzm, CVA i inne, łatwiej skupić się na kluczowych elementach strony.
• Tryb przyjazny dla osób z ADHD: ten tryb pomaga użytkownikom z ADHD i zaburzeniami neurorozwojowymi łatwiej czytać, przeglądać i skupiać się na głównych elementach strony, znacznie redukując rozpraszacze.
• Tryb dla osób niewidomych: ten tryb konfiguruje stronę tak, aby była kompatybilna z czytnikami ekranowymi, takimi jak JAWS, NVDA, VoiceOver i TalkBack. Czytnik ekranowy to oprogramowanie dla osób niewidomych, które jest instalowane na komputerze i smartfonie, a strony internetowe muszą być z nim kompatybilne.
• Profil nawigacji klawiaturowej (dla osób z niepełnosprawnościami ruchowymi): ten profil umożliwia osobom z niepełnosprawnościami ruchowymi obsługę strony za pomocą klawiszy Tab, Shift+Tab i Enter. Użytkownicy mogą także używać skrótów takich jak „M” (menu), „H” (nagłówki), „F” (formularze), „B” (przyciski) i „G” (grafika), aby skakać do konkretnych elementów.

Dodatkowe dostosowania UI, projektu i czytelności

1. Dostosowania czcionek – użytkownicy mogą zwiększać i zmniejszać ich rozmiar, zmieniać rodzinę (typ), dostosowywać odstępy, wyrównanie, wysokość linii i więcej.
2. Dostosowania kolorów – użytkownicy mogą wybierać różne profile kontrastu kolorów, takie jak jasny, ciemny, odwrócony i monochromatyczny. Ponadto użytkownicy mogą zmieniać schematy kolorów tytułów, tekstu i tła, z ponad siedmioma różnymi opcjami kolorystycznymi.
3. Animacje – osoby z epilepsją mogą zatrzymać wszystkie działające animacje jednym kliknięciem. Animacje kontrolowane przez interfejs obejmują filmy, GIFy i przejścia CSS.
4. Wyróżnianie treści – użytkownicy mogą wybrać podkreślenie ważnych elementów, takich jak linki i tytuły. Mogą również wybrać podkreślanie tylko elementów skupionych lub wskazywanych.
5. Wyciszenie dźwięku – użytkownicy z aparatami słuchowymi mogą doświadczać bólów głowy lub innych problemów z powodu automatycznego odtwarzania dźwięku. Ta opcja pozwala użytkownikom natychmiastowo wyciszyć całą stronę.
6. Zaburzenia poznawcze – wykorzystujemy wyszukiwarkę połączoną z Wikipedią i Wikisłownikiem, umożliwiając osobom z zaburzeniami poznawczymi rozszyfrowywanie znaczeń fraz, skrótów, slangu i innych.
7. Dodatkowe funkcje – oferujemy użytkownikom możliwość zmiany koloru i rozmiaru kursora, korzystania z trybu drukowania, włączenia wirtualnej klawiatury i wielu innych funkcji.

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

Dążymy do wspierania jak najszerszego zakresu przeglądarek i technologii wspomagających, aby nasi użytkownicy mogli wybrać najlepsze narzędzia dla siebie, z jak najmniejszą liczbą ograniczeń. W związku z tym bardzo ciężko pracowaliśmy, aby móc wspierać wszystkie główne systemy, które stanowią 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 ekranowe).

Uwagi, komentarze i opinie

Pomimo naszych najlepszych starań, aby umożliwić każdemu dostosowanie strony internetowej do swoich potrzeb, mogą istnieć strony lub sekcje, które nie są w pełni dostępne, są w trakcie dostosowywania do wymogów dostępności, lub brak jest odpowiedniego rozwiązania technologicznego, aby je uczynić dostępnymi. Niemniej jednak, ciągle pracujemy nad poprawą naszej dostępności, dodając, aktualizując i ulepszając jej opcje i funkcje, oraz rozwijając i adoptują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 adres