Webinar – strony dla niewidzących i niedowidząch.

Webinar, o tym jak usprawnić swoje strony i sprawić, by stały się bardziej dostępne

Muszę na wstępie powiedzieć, że webinar był świetnie przygotowany i otwierający oczy na coś, na co zwykle nie zwracamy uwagi. Czy strona, którą tworzę jest dostępna tylko dla osób pełnosprawnych? Czy zadbano o osoby, które niedowidzą lub nie widzą?

Nie mając problemów ze wzrokiem zapomina się o tym istotnym aspekcje. I nagle BUM, całe SEO w końcu ma sens (no dobrze, nie do końca w tym kontekscie, ale w kontekście że po coś ludzie wymyślają to i to). Pisanie według reguł też. Cudownie. Swoją droga dużo wiedzy można wyssać z bloga Comandeera.

Do rzeczy. Webinar był darmowy i będzie dostępny tak jak pozostałe na kanale youtube testuj.pl, które go organizowało.

Agenda
– – gdzie znaleźć (zgodne z prawem) informacje na temat dostępności stron dla osób z niepełnosprawnościami
– – na co zwracać uwagę przy tworzeniu treści i oprogramowania (ogólne zasady)
– – dla kogo tworzymy „dostępne” strony
– – jakie są dobre praktyki podczas tworzenia aplikacji/stron przyjaznych osobom z niepełnosprawnościami
– – w jaki sposób testować dostępność produktów cyfrowych

Co mnie zaciekawiło, a na co nie wpadłam sama:

Wytyczne dla dostępności treści internetowych 2.0 (WCAG 2.0)

1 Postrzegalność
1.1 Alternatywa w postaci tekstu: Dla każdej treści nietekstowej należy dostarczyć alternatywną treść w formie tekstu, która może być zamieniona przez użytkownika w inne formy (np. powiększony druk, brajl, mowa syntetyczna, symbole lub język uproszczony).
1.2 Media zmienne w czasie: Należy dostarczyć alternatywę dla mediów zmiennych w czasie.
1.3 Możliwość adaptacji: Należy tworzyć treści, które mogą być prezentowane na różne sposoby (np. uproszczony układ wizualny), bez utraty informacji czy struktury.
1.4 Mozliwość rozróżnienia: Użytkownik powinien móc dobrze widzieć bądź słyszeć treści — mieć możliwość oddzielenia informacji od tła.
2 Funkcjonalność
2.1 Dostępność z klawiatury: Zapewnij dostępność wszystkich funkcjonalności za pomocą klawiatury.
2.2 Wystarczająca ilość czasu: Zapewnij użytkownikom wystarczająco dużo czasu na przeczytanie i skorzystanie z treści.
np. karuzela powinna mieć wstrzymanie po najechaniu na nią myszką
2.3 Ataki padaczki: Nie należy projektować treści w taki sposób, aby prowokować ataki padaczki.
2.4 Możliwość nawigacji: Dostarczenie narzędzi ułatwiających użytkownikowi nawigowanie, znajdowanie treści i ustalanie, gdzie się w danym momencie znajduje.
3 Zrozumiałość
3.1 Możliwość odczytania: Treść powinna być zrozumiała i możliwa do odczytania.
np. na początku nalezy okreslić język, w którym pisana jest strona… niby nie takie ważne, a jednak pomaga to ustalić programom czytającym właściwy język czytania, nie wpadłam na to.
3.2 Przewidywalność: Strony internetowe powinny otwierać się i działać w przewidywalny sposób.
właściwie to nie taka prosta sprawa
3.3 Pomoc przy wprowadzaniu informacji: Istnieje wsparcie dla użytkownika, by mógł uniknąć błędów lub je skorygować.
kod ma być dobrze napisany, właśnie wedlug prawideł sztuki żeby maszyna odczytała to tak jak należy. Kropka.
4 Solidność
4.1 Kompatybilność: Zmaksymalizowanie kompatybilności z obecnymi oraz przyszłymi programami użytkowników, w tym z technologiami wspomagającymi.

Urządzenia mobilne mają lepsze plikacje do czytania stron – o dziwo.

I garść ciekawych podpowiedzi…
Wyłącz myszkę i nawiguj klawiaturą – gdzie jest focus?
Nagłówki są ważne – to nie tylko semantyka kodu, to także dostępność dla wszystkich osób
Obrazy – czy mają alternatywny tekst czyli alt, i tekst na obrazku powinnen byc w alt
Kolory – kontrakt i tło jest istotne
Linki – powinien miec opis i cel
Kontent – przy 200% powiększeniu wciąż powinien być czytelny
Wg norm UE powinno być powiadomienie o plikach Cookie – często powiadomienie zasłania kontent, albo cięzko je zamknąć, dobrym pomyslem jest uczynić je częścią strony na górze… wciąż widoczne, a ułatwia…

Narzędzia:

  • HTML_CodeSniffer
  • WAVE
  • NVDA, JAWS, ChromeVox

dobry przykład strony, która ma to dobrze opracowane:
NY Times Poland
Facebook

Dowiedziałam się zupełnej nowości dla mnie. Jest coś takiego jak „trusted tester”. Muszę zglębić temat…
DHS Trusted Tester Program (TT)

Garść źródeł:
Wytyczne dla dostępności treści internetowych 2.0 (WCAG 2.0) j.pol
Web Content Accessibility Guidelines (WCAG) 2.1 j.ang
Strona Widzialni.org

Ten wpis został opublikowany w kategorii front-end, Testowanie oprogramowania i oznaczony tagami , , . Dodaj zakładkę do bezpośredniego odnośnika.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *