Projekt dostępny dla osób z niepełnosprawnością wzroku

Kolor ślepy wzrok

80% informacji niezbędnych w naszym codziennym życiu dotyczy narządu wzroku. Zakłada się, że większość naszych umiejętności, rozwijanych przez nas czynności i zdobywanej wiedzy odbywa się za pomocą wzroku. Dla wszystkich osób, które nie mają optymalnego pola widzenia, jest to znacznie trudniejsze. Konieczne jest stworzenie przystępnego projektu dla osób niedowidzących. Ponieważ wpływa na znaczną masę populacji.

Dotkniętych jest mniej więcej 285 milionów ludzi. Z czego 39 milionów jest całkowicie ślepych a reszta ma słabe widzenie. Warto pomyśleć, że musimy dostosować narzędzia, które mamy, do wszystkich tych ludzi. Ponieważ ułatwia to każdemu jednakowy dostęp do tych samych informacji.

Nie tylko dla osób z upośledzeniem wzroku istnieją również inne niepełnosprawności, które wpływają na nawigację.

  • Słuchowy
  • Poznawczy
  • Neurologiczne
  • Wizualny

W tym artykule skupimy się na aspekcie wizualnym. Oprócz wskazówek dotyczących modyfikowania stron internetowych, w czytaniu postów dla każdego. Wymienimy również niektóre narzędzia, które ułatwiają tę pracę. Zobaczymy, jak zwykły obraz wpływa na osobę z różnymi wadami wzroku.

W ten sposób strona internetowa wpływa na osoby z niepełnosprawnością wzroku

W zależności od niepełnosprawności, którą leczysz, normalna strona internetowa, taka jak Google może sprawiać problemy niektórym osobom. I to jest to, że kolory lub formy mogą być ograniczeniami dla tych ludzi, którzy to cierpią.

UOsoba z daltonistą może nie rozróżniać pewnych kolorów lub mylić ich z innymi. To może nie wydawać się ważne dla użytku Google. Ale wyobraź sobie, że istnieje kilka kolorów, zarówno w tle, jak i na przyciskach, które mogą być postrzegane jako mające ten sam ton i jasność. Widzenie tych przycisków może spowodować bałagan u osoby cierpiącej na to.

Kolor ślepy wzrok

Dziwne, prawda? W ten sposób może to postrzegać osoba z daltonizmem. Zależy to również od rodzaju kolorów, które na Ciebie wpływają. Z rozszerzeniem „NoCoffee”, które symuluje różne tryby wyświetlania w zależności od niepełnosprawności (dostępne tylko w Google Chrome). Udało nam się sprawdzić, jak sobie radzą ci ludzie. Oto kilka przykładów:

Utrata kontrastu

Utrata kontrastu

Widok ducha

Widok ducha

Cataratas

Zobacz z „Cataratas”

Niewyraźny widok

Niewyraźny widok

Widok peryferyjny

Widok peryferyjny

Jak powiedzieliśmy wcześniej, tego typu problem dotyka łącznie 285 milionów ludzi. Dlatego, aby ułatwić tę dostępność, wyjaśnimy kilka przydatnych narzędzi, których moglibyśmy użyć na naszej stronie internetowej.

Jak już wiemy, istnieją narzędzia do różnych problemów. Domyślne narzędzia, które są dostępne w naszych przeglądarkach. Czy to Google Chrome, Mozilla itp. Ale te narzędzia są podstawowe i nie wystarczą. Narzędzia to:

  • Zwiększenie lub zmniejszenie zawartości (szkło powiększające)
  • Zmiana koloru i kontrastu
  • Napisy w filmach
  • Opis obrazu (legenda)

Jak widać, to nie wystarczy. Jednak ich znajomość może nam pomóc w każdej chwili. Następujące narzędzia są dodatkami, które zwiększają to dla użytkownika. Oraz strategie promujące przestrzenie internetowe z dostępnością dla wszystkich.

Narzędzia dla użytkowników niedowidzących

Poniższe narzędzia są całkowicie bezpłatne i możesz je pobrać, korzystając z linków, które zostawimy. W zależności od rodzaju niepełnosprawności użytkownika, niektóre będą dla niego bardziej przydatne.

  • Dostępność Koło kolorów: Jest to narzędzie do wybierania kombinacji kolorów, które nie powodują problemów z dostępnością.
  • Wysoki kontrast: Jest to narzędzie, za pomocą którego możesz wybrać kontrast, aby ułatwić czytanie tekstów.
  • ChromeVox Obowiązkowa pozycja dla społeczności niedowidzących - zapewnia szybkość, wszechstronność i bezpieczeństwo Chrome użytkownikom niedowidzącym.
  • KLIKNIJ, MÓW: Czytnik ekranu dla przeglądarki Mozilla Firefox. To narzędzie jest bardzo przydatne dla osób, które mają poważne problemy ze wzrokiem lub są całkowicie niewidome.
    Łatwy do mówienia Notatnik 3.0: Za pomocą tego narzędzia komputer odczyta wiadomości e-mail lub dokumenty tekstowe, które masz na swoim komputerze.
  • Eda Weba: Przeglądarka syntezatora mowy, która może również wyświetlać strony internetowe jako kombinację tekstu i symboli.
  • Kontrola kontrastu kolorów: Narzędzie umożliwiające określenie koloru tła i tekstu oraz sprawdzenie ich kontrastu za pomocą formuły WCAG 2.0.

W przeciwieństwie do większości programów ułatwiających dostęp, jest ono tworzone wyłącznie przy użyciu technologii internetowych, takich jak HTML5, CSS i Javascript. ChromeVox został zaprojektowany od podstaw, aby umożliwić bezprecedensowy dostęp do nowoczesnych aplikacji internetowych, w tym tych korzystających z W3C ARIA (Rich Internet Application Access), aby zapewnić bogate wrażenia na komputerze

Projektowanie stron internetowych dla łatwego dostępu

Dostępność sieci

Jeśli jesteś programistą internetowym lub webmaster i masz zamiar rozpocząć projekt. Powinieneś zaplanować swój projekt, znając te wytyczne. Tym samym pozwolimy wszystkim użytkownikom mieć takie same możliwości. Poniższe propozycje są zaprojektowane w programie Creativos Online.

Podaj nagłówki stron

Nagłówki stron (H1, H2 itp.) Pozwalają zdefiniować strukturę strony internetowej. Czytnik zawartości ekranu umożliwia nawigację po nagłówkach strony. W ten sposób użytkownik korzystający z czytnika ekranu może łatwo i szybko dotrzeć do różnych części strony. bez konieczności przeglądania całej zawartości strony.

Tekst alternatywny (ALT) na obrazach

Przykładowy obraz tekstu alternatywnego

Tekst alternatywny (atrybut alt w tagu IMG) stanowi tekstową alternatywę dla treści nietekstowych na stronach internetowych, takich jak obrazy. Tekst alternatywny jest szczególnie przydatny dla osób, które używają czytnika ekranu w celu uzyskania dostępu do treści w witrynie internetowej.

Aby przekazać informacje, ikony

Błąd z ikonami

Stosowanie kolorów w przekazywaniu pewnych „zasad” lub wytycznych na stronie internetowej utrudnia zrozumienie treści dla wielu użytkowników. Na przykład w formularzu wskazuje, że wprowadzony adres e-mail jest nieprawidłowy i zawiera ikonę, a nie czerwoną. W ten sposób będzie widoczny dla wszystkich.

Zapewnia dostępność treści innych niż HTML

Nie tylko strona internetowa musi być dostępna. Cała zawartość dołączona lub połączona ze strony internetowej, taka jak wideo, audio, pliki PDF, dokumenty Microsoft Word lub prezentacje PowerPoint musi być dostępna.


Bądź pierwszym który skomentuje

Zostaw swój komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

*

*

  1. Odpowiedzialny za dane: Miguel Ángel Gatón
  2. Cel danych: kontrola spamu, zarządzanie komentarzami.
  3. Legitymacja: Twoja zgoda
  4. Przekazywanie danych: Dane nie będą przekazywane stronom trzecim, z wyjątkiem obowiązku prawnego.
  5. Przechowywanie danych: baza danych hostowana przez Occentus Networks (UE)
  6. Prawa: w dowolnym momencie możesz ograniczyć, odzyskać i usunąć swoje dane.