Kluczowe zasady projektowania sklepów internetowych

Stan zgodności

Jesteśmy głęboko przekonani, że Internet powinien być dostępny dla każdego, i zobowiązujemy się do zapewnienia witryny internetowej dostępnej dla jak najszerszego grona odbiorców, niezależnie od okoliczności i umiejętności.

Aby to osiągnąć, dążymy do jak najściślejszego przestrzegania wytycznych World Wide Web Consortium (W3C) Web Content Accessibility Guidelines 2.1 (WCAG 2.1) na poziomie AA. Niniejsze wytyczne wyjaśniają, jak udostępnić treści internetowe osobom z różnymi rodzajami niepełnosprawności. Przestrzeganie tych wytycznych pomaga nam zapewnić, że witryna jest dostępna dla wszystkich osób: osób niewidomych, osób z upośledzeniem ruchowym, osób z upośledzeniem wzroku, osób z upośledzeniem funkcji poznawczych i nie tylko.

Ta strona internetowa wykorzystuje różne technologie, które mają na celu uczynienie jej jak najbardziej dostępną przez cały czas. Korzystamy z interfejsu dostępności, który umożliwia osobom z określonymi niepełnosprawnościami dostosowanie interfejsu użytkownika (interfejsu użytkownika) witryny i zaprojektowanie go do ich osobistych potrzeb.

Dodatkowo strona korzysta z aplikacji opartej na sztucznej inteligencji, która działa w tle i stale optymalizuje poziom dostępności. Ta aplikacja poprawia kod HTML witryny, dostosowuje jej funkcjonalność i zachowanie do czytników ekranu używanych przez użytkowników niewidomych oraz do funkcji klawiatury używanych przez osoby z upośledzeniem ruchowym.

Jeśli znalazłeś usterkę lub masz pomysły na ulepszenia, chętnie się z Tobą skontaktujemy. Możesz skontaktować się z operatorami witryny, korzystając z następującego adresu e-mail kontakt@ad-site.pl

Czytnik ekranu i nawigacja za pomocą klawiatury

Nasza witryna internetowa wykorzystuje technikę atrybutów ARIA (dostępne bogate aplikacje internetowe) wraz z różnymi zmianami w zachowaniu, aby zapewnić niewidomym użytkownikom korzystającym z czytników ekranu możliwość czytania, rozumienia i korzystania z funkcji witryny. Gdy tylko użytkownik z czytnikiem ekranu wejdzie na Twoją witrynę, natychmiast otrzyma monit o wprowadzenie profilu czytnika ekranu, aby mógł efektywnie przeglądać i obsługiwać witrynę. Oto jak nasza witryna spełnia niektóre z najważniejszych wymagań dotyczących czytników ekranu, a także zrzuty ekranu konsoli z przykładami kodu:

1. Optymalizacja czytnika ekranu: uruchamiamy proces w tle, który uczy się komponentów witryny od góry do dołu, aby zapewnić ciągłą zgodność nawet podczas aktualizacji witryny. W ramach tego procesu udostępniamy czytnikom ekranu istotne dane przy użyciu zestawu atrybutów ARIA. Na przykład zapewniamy dokładne etykiety formularzy; opisy ikon, które można wykorzystać (ikony mediów społecznościowych, ikony wyszukiwania, ikony koszyka itp.); wytyczne dotyczące walidacji danych wejściowych formularzy; role elementów, takie jak przyciski, menu, dialogi modalne (wyskakujące okienka) i inne. Ponadto proces działający w tle skanuje wszystkie obrazy w witrynie i zapewnia dokładny i znaczący opis oparty na rozpoznawaniu obiektów obrazu jako znacznik ALT (tekst alternatywny) dla obrazów, które nie są opisane. Wyodrębni również teksty osadzone w obrazie za pomocą technologii OCR (optyczne rozpoznawanie znaków). Aby w dowolnym momencie włączyć ustawienia czytnika ekranu, wystarczy nacisnąć kombinację klawiszy Alt+1. Użytkownicy czytników ekranu otrzymują również automatyczne powiadomienia o włączeniu trybu czytnika ekranu, gdy tylko wejdą na stronę internetową.

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

2. Optymalizacja nawigacji za pomocą klawiatury: Proces działający w tle dostosowuje również kod HTML witryny i dodaje różne zachowania za pomocą kodu JavaScript, aby umożliwić obsługę witryny za pomocą klawiatury. Obejmuje to możliwość poruszania się po witrynie za pomocą klawiszy Tab i Shift + Tab, obsługi menu rozwijanych za pomocą klawiszy strzałek, zamykania ich za pomocą klawisza Esc, wyzwalania przycisków i łączy za pomocą klawisza Enter, nawigowania między elementami radia i pola wyboru za pomocą klawiszy strzałek oraz wypełniaj je spacją lub klawiszem Enter. Dodatkowo użytkownicy klawiatury znajdą menu szybkiej nawigacji i pomijania treści, dostępne w dowolnym momencie po kliknięciu Alt+1 lub jako pierwsze elementy strony podczas poruszania się za pomocą klawiatury. Proces w tle obsługuje również wyzwalane wyskakujące okienka, przesuwając fokus klawiatury w ich kierunku, gdy tylko się pojawią, i nie pozwala, aby fokus dryfował poza nim.

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

Profile niepełnosprawności obsługiwane w naszej witrynie internetowej

• Epilepsy Safe Mode: ten profil umożliwia osobom cierpiącym na epilepsję bezpieczne korzystanie ze strony internetowej, eliminując ryzyko napadów padaczkowych, które wynikają z migających lub migających animacji i ryzykownych kombinacji kolorów.
• Tryb dla niedowidzących: ten tryb dostosowuje stronę internetową dla wygody użytkowników z wadami wzroku, takimi jak pogarszający się wzrok, widzenie tunelowe, zaćma, jaskra i inne.
• Tryb niepełnosprawności poznawczej: ten tryb zapewnia różne opcje wspomagające, aby pomóc użytkownikom z zaburzeniami poznawczymi, takimi jak dysleksja, autyzm, CVA i inne, łatwiej skupić się na podstawowych elementach witryny.
• Tryb przyjazny dla ADHD: ten tryb pomaga użytkownikom z ADHD i zaburzeniami neurorozwojowymi w łatwiejszym czytaniu, przeglądaniu i skupianiu się na głównych elementach witryny, przy jednoczesnym znacznym ograniczeniu czynników rozpraszających uwagę.
• Tryb ślepoty: ten tryb konfiguruje stronę internetową tak, aby była kompatybilna z czytnikami ekranu, takimi jak JAWS, NVDA, VoiceOver i TalkBack. Czytnik ekranu to oprogramowanie dla niewidomych użytkowników, które jest instalowane na komputerze i smartfonie, a strony internetowe muszą być z nim kompatybilne.
• Profil nawigacji za pomocą klawiatury (niepełnosprawny ruchowo): ten profil umożliwia osobom z upośledzeniem ruchowym obsługę witryny za pomocą klawiszy Tab, Shift+Tab i Enter. Użytkownicy mogą również używać skrótów, takich jak „M” (menu), „H” (nagłówki), „F” (formularze), „B” (przyciski) i „G” (grafika), aby przeskakiwać do określonych elementów.

Dodatkowe poprawki interfejsu użytkownika, projektu i czytelności

1. Dostosowanie czcionki – użytkownicy mogą zwiększać i zmniejszać jej rozmiar, zmieniać rodzinę (typ), dostosowywać odstępy, wyrównanie, wysokość linii i nie tylko.
2. Regulacja kolorów – użytkownicy mogą wybrać różne profile kontrastu kolorów, takie jak jasny, ciemny, odwrócony i monochromatyczny. Ponadto użytkownicy mogą wymieniać schematy kolorów tytułów, tekstów i tła, korzystając z ponad 7 różnych opcji kolorowania.
3. Animacje – użytkownicy z padaczką mogą jednym kliknięciem zatrzymać wszystkie uruchomione animacje. Animacje kontrolowane przez interfejs obejmują filmy, pliki GIF i przejścia flashowania CSS.
4. Podświetlanie treści – użytkownicy mogą wybrać podkreślanie ważnych elementów, takich jak linki i tytuły. Mogą również wybrać podświetlanie tylko elementów skupionych lub najechanych kursorem.
5. Wyciszanie dźwięku – użytkownicy z aparatami słuchowymi mogą odczuwać bóle głowy lub inne problemy z powodu automatycznego odtwarzania dźwięku. Ta opcja pozwala użytkownikom natychmiast wyciszyć całą witrynę.
6. Zaburzenia poznawcze – wykorzystujemy wyszukiwarkę powiązaną z Wikipedią i Wikisłownikiem, pozwalającą osobom z zaburzeniami poznawczymi rozszyfrować znaczenie fraz, inicjałów, slangu i innych.
7. Dodatkowe funkcje – dajemy użytkownikom możliwość zmiany koloru i rozmiaru kursora, korzystania z trybu drukowania, włączenia wirtualnej klawiatury i wielu innych funkcji.

Kompatybilność przeglądarki i technologii wspomagających

Naszym celem jest wspieranie jak najszerszej gamy przeglądarek i technologii wspomagających, aby nasi użytkownicy mogli wybrać najlepiej dopasowane do nich narzędzia, z jak najmniejszą liczbą ograniczeń. Dlatego bardzo ciężko pracowaliśmy, aby móc obsługiwać 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 ekranu), zarówno dla Windows i dla użytkowników komputerów Mac.

Uwagi, komentarze i opinie

Pomimo naszych najlepszych starań, aby każdy mógł dostosować serwis do swoich potrzeb, nadal mogą istnieć strony lub sekcje, które nie są w pełni dostępne, są w trakcie udostępniania lub brakuje im odpowiedniego rozwiązania technologicznego, aby je udostępnić. Mimo to stale ulepszamy naszą dostępność, dodając, aktualizując i ulepszając jej opcje i funkcje oraz opracowując i wdrażając nowe technologie. Wszystko to ma na celu osiągnięcie optymalnego poziomu dostępności, podążając za postępem technologicznym. Aby uzyskać pomoc, skontaktuj się z kontakt@ad-site.pl