Przewodnik dla początkujących na temat zgodności witryny z ADA?

Wprowadzenie na stronie internetowej Zgodność z ADA

Amerykańska ustawa o niepełnosprawności została zaprojektowana przed erą sieci , jej projektanci celowo zaprojektowali ją tak, aby ewoluowała. Pojęcie „miejsca lub lokalu użyteczności publicznej” może być podstawowym elementem prawa i idealnym przykładem jego elastyczności. Wraz z rozwojem technologii przekonujemy się, że strony internetowe i aplikacje mobilne są niezbędnymi miejscami do kupowania, uczenia się, udostępniania i łączenia się, a tym samym są chronione przez ADA. Ale wielu nie ma jasności co do konkretnych standardów i wymagań lub co to jest strona internetowa zgodna z ADA.

Przekazanie strony internetowej zgodności z ADA spowodowało zastąpienie branży prawniczej, która wykorzystywała system sądowy do rozliczania przedsiębiorstw. Wiele z tych czynności prawnych jest zgodnych z prawem. Wcześniej przepisy były tak skomplikowane, że prawnikom łatwo było zarabiać pieniądze. Obecnie dzieje się tak coraz częściej, ponieważ działania prawne dotyczące witryn internetowych lub aplikacji mobilnych lub zgodności witryn z naruszeniem ADA zalały Stany Zjednoczone i cały świat.

Prawda jest taka, że ​​te przypadki mają swoje zalety. Przez ostatnie dwa lata, w ramach projektu WebAIM dla osób niepełnosprawnych w stanie Utah, przeprowadzono testy dostępności na stronach domowych milionów najlepszych witryn. Raport z 2020 r. wykazał, że 98,1% stron głównych miało wykrywalne błędy WCAG 2 lub nie posiadało witryn zgodnych z ADA. Faktem jest, że jeśli strona internetowa nie jest specjalnie zaprojektowana i zbudowana w celu zapewnienia dostępności, nie jest to projekt strony internetowej zgodny z ADA, a zatem rosnąca świadomość, że dostępność cyfrowa jako prawo obywatelskie wywiera większą presję na właścicieli stron internetowych, aby sobie z nimi radzili. tych problemów lub w obliczu działań prawnych. Chociaż właściciele witryn mogą dobrowolnie przejść na zgodność z ada na stronach internetowych.

Projekt strony internetowej zgodnej z ADA ma wiele zalet dla firmy, poza tym, że pomaga chronić się przed wszelkimi działaniami prawnymi. Witryna zgodna z ADA zapewnia użytkownikom wspaniałą gościnność w wielu aspektach. Przyjrzyjmy się tym zaletom zgodności z ADA na stronach internetowych.

• Ustawa o Niepełnosprawnych Amerykanach (ADA) wymaga, aby niektóre firmy tworzyły udogodnienia dla osób niepełnosprawnych. Strona internetowa powinna być dostępna dla użytkowników niewidomych, niesłyszących i osób, które muszą nawigować za pomocą głosu, czytników ekranu lub innych technologii wspomagających.

• Firmy objęte Tytułem I, osoby, które działają przez 20 lub więcej tygodni rocznie, zatrudniając co najmniej 15 pracowników na pełny etat; lub Tytuł III, osoby należące do kategorii „mieszkania publicznego” są objęte ADA.

• Nieutworzenie strony internetowej zgodnej z ADA może narazić firmę na procesy sądowe, zobowiązania finansowe i zaszkodzić reputacji marki.

Ale na wypadek, gdybyś po prostu zapytał, co to jest zgodność z ada dla stron internetowych i czy wygląda to konkretnie jak coś? Cóż, w takim razie odpowiedź brzmi nie, ponieważ nie ma jasnych regulacji, jednak w uproszczeniu Twoja strona internetowa powinna być rozsądnie dostępna i istnieje wiele sposobów, aby to osiągnąć.

Zrozumienie podstaw — co to jest zgodność z przepisami ADA?

ADA, uchwalona w 1990 roku, zakazuje dyskryminacji osób niepełnosprawnych, zapewniając im takie same prawa i możliwości jak osobom bez niepełnosprawności. Ustawa obejmuje wszystkie sektory, od miejsc pracy i szkół po transport i miejsca publiczne/prywatne gościnne dla ogółu społeczeństwa.

W 2010 roku amerykański Departament Sprawiedliwości uchwalił ustawę Americans with Disabilities Act Standards for Accessible Design, nakazując, aby wszystkie technologie elektroniczne i oparte na wiedzy, takie jak strony internetowe, były dostępne dla osób niepełnosprawnych, takich jak upośledzenie wzroku i głuchota .

Kiedy czytasz o tym, co to są strony internetowe zgodne z ada, istnieje wspólny termin, z którym możesz się spotkać wiele razy i jest to WCAG. Pozwól nam szybko zrozumieć podstawy tego terminu. WCAG to skrót od Web Content Accessibility Guideline.

Kto powinien przestrzegać zgodności z ADA?

Pierwszą rzeczą, którą należy wiedzieć o ADA, jest to, które firmy są zobowiązane do jej przestrzegania.

Zgodnie z Tytułem I ADA, każda firma zatrudniająca co najmniej 15 pełnoetatowych pracowników, która działa przez 20 lub więcej tygodni rocznie, jest objęta prawem.

Zgodnie z tytułem III firmy należące do kategorii „zaplecze publiczne”, takie jak hotele, banki i transport publiczny, również są zobowiązane do przestrzegania przepisów. Oznacza to, że zastosowanie mają wszystkie przepisy prawa, od kwestii fizycznych po obiekty cyfrowe.

Jeśli Twoja firma podlega tytułowi I lub tytułowi III ADA i nie uważasz, że spełniasz wymagania, skonsultuj się z prawnikiem ds. osób niepełnosprawnych, aby zbadać dostępne opcje.

Dlaczego warto śledzić witrynę internetową dotyczącą zgodności z przepisami ADA?

Zgodność witryny z ADA może być czasami trudna, co może sprawiać wrażenie drenażu zasobów, zwłaszcza w przypadku firm, które nie są zobowiązane do przestrzegania przepisów prawa. Przerobienie Twojej strony internetowej wymaga czasu i energii, a także dużo pieniędzy. Ale czy są jakieś korzyści? Zdecydowanie są; przyjrzyjmy się tym korzyściom:

To kwestia prawna!

Niedostępne strony internetowe z pewnością mogą zmniejszyć liczbę osób odwiedzających Twoją witrynę. Prawie 19% populacji to ogromna liczba osób, które należy pominąć, nie myśląc o tym, co to jest zgodność z ada dla stron internetowych!

Jedną z głównych konsekwencji finansowo dewastujących jest ryzyko pozwania. Kilka innych marek musiało wydać wiele tysięcy dolarów na naprawę swoich stron internetowych po pozwaniu – i to nie obejmuje wartości reprezentacji, wypłat i utraty dochodów przez zdenerwowanych członków społeczeństwa.

Zwiększa dzienny ruch na Twojej stronie

Prawie 50 milionów ludzi w Stanach Zjednoczonych jest niepełnosprawnych, a wiele osób korzysta z technologii wspomagających, aby uzyskać dostęp do treści online. Posiadanie strony internetowej, do której wszyscy będą mieli dostęp i która będzie dostępna dla wszystkich, zwiększa twoją potencjalną publiczność. Dzięki tekstowi alternatywnemu, podpisom, stronom dostępnym z klawiatury i innym zmianom Twoje produkty i usługi stają się przyjazne dla tych odbiorców. Jeśli ktoś nie może uzyskać dostępu do Twojej platformy internetowej, nie może dokonać sprzedaży. Tak więc z biznesowego punktu widzenia dostępność oznacza większy potencjalny zysk.

Projektowanie stron internetowych zgodne z ADA pomaga w budowaniu marki

Branding to chleb powszedni dla Twojej firmy, ponieważ ludzie zakochują się w marce, a nie tylko w produktach czy usługach. Dobry branding prowadzi nas z powrotem do podobnych firm w kółko — nawet jeśli nie są to najbardziej opłacalne opcje. Marki, które idą o krok dalej, aby wdrożyć dostępność, nawet jeśli nie jest to wymagane, pokazują swoim odbiorcom, że dbają o ludzi, a nie tylko o zyski. Zaangażowanie wobec odbiorców mówi wiele o Twojej marce, a tym samym o wartościach, które wyznajesz jako korporacja, co może pomóc wzmocnić więź z klientami.

Projekt strony internetowej zgodny z ADA zwiększa korzyści SEO

Kto nie chciałby widzieć swoich stron internetowych w czołówce wyszukiwarek!? Cóż, zgodność z ADA na stronach internetowych z pewnością może zmienić zasady gry, ponieważ sprawia, że ​​Twoja witryna generuje większy ruch. Celujesz w jedno, a kolejną korzyść otrzymujesz za darmo!

Dzieje się tak, ponieważ zgodność obsługuje komponenty przyjazne SEO, takie jak tekst alternatywny dla obrazów, transkrypcje wideo i audio, odpowiednie tagi nagłówków oraz spójne i przewidywalne struktury. Im dokładniejszy i bardziej opisowy jest Twój tekst alternatywny, tym lepiej będzie działał dla czytników ekranu i wyszukiwarek. Transkrypcje dostarczają wyszukiwarkom informacji do przewijania, co oznacza, że ​​potrzebują więcej słów kluczowych. Podobnie, im dokładniejsze są Twoje nagłówki, tym wyższe są dla wyszukiwarek i innych osób. Dostępność jest nie tylko korzystna dla wyników finansowych, ale także zwiększa ruch.

Wskazówki i porady, aby Twoja witryna była zgodna z ADA

Co to jest zgodność z ADA dla witryn internetowych? Jak osiągnąć zgodność witryny z ADA? Pozwól nam znaleźć kilka szybkich rozwiązań tych pytań, które mogą całościowo przyczynić się do rozwoju witryny dla Twojej firmy i rozwoju:

1. Pracuj nad zadowalającym współczynnikiem kontrastu

WCAG 2.0 zaleca współczynnik kontrastu co najmniej 4,5:1. Dla osób niedowidzących trudno jest przeczytać tekst, który nie ma kontrastowego tła, zwykłego tła lub nawet gdy tekst jest osadzony w obrazie. Na przykład, kiedy oglądamy filmy z napisami, pojawiają się one bez przewidywania scen, a co za tym idzie czasami jest to trudne do odczytania. Na przykład, jeśli tekst pojawia się przed jasną sceną, staje się nieczytelny, a publiczność nie zna dialogu.

Aby uniknąć takich pomyłek, wymagany jest przyzwoity współczynnik kontrastu między tłem a tekstem.

2. Nie baw się zbytnio kolorami

Czy potrafisz przeczytać to słowo? Cóż, nie każdy z nas potrafi!

Cóż, kolory są dobre dla Twojej witryny, ale ich mądre wykorzystanie jest równie ważne. Cóż, ci, którzy nie potrafią rozróżnić kolorów, mogą nie być w stanie postępować zgodnie z instrukcjami, jeśli instrukcje są oparte na niektórych kolorach lub kodach kolorów. Projekty Color Limit nie są stronami internetowymi zgodnymi z ADA. Innymi słowy, nie jest możliwe zaoferowanie wystarczającej ilości informacji w postaci kolorów i uważa się, że nie jest ona wystarczająco dostępna, gdy mówimy o tym, czym jest zgodność z ada dla stron internetowych. A zatem, aby szukać odpowiedzi na pytanie, czym jest witryna zgodna z ADA, należy wyjść poza kolor i użyć dostępnych taktyk projektowania witryn zgodnych z ADA, aby pomóc użytkownikom zidentyfikować elementy witryny.

3. Twórz czytelne formularze

Celem dobrej strony internetowej jest dokonywanie sprzedaży poprzez zmuszenie ich do wypełnienia formularzy zapytań.

Nie jest to dobry przykład formularza, w którym etykiety opisowe dla wszystkich pól formularza nie są jasne.

Raczej na tym obrazie pola są łatwe do odczytania. Etykiety umieszczone w polach formularza są trudne do odczytania i czytniki ekranu mogą je pominąć podczas wypełniania formularza. W większości przypadków Użytkownicy z zaburzeniami poznawczymi mogą stracić orientację w intencji pola formularza.

4. Zostaw miejsce na poprawki

Błądzić jest rzeczą ludzką! Wszyscy popełniamy błędy, podobnie jak nasi użytkownicy. A z punktu widzenia użytkownika, gdy popełni błąd podczas interakcji z Twoją witryną, staje się to frustrujące, jeśli nie ma miejsca na ulepszenia. Na stronie musi znajdować się zapis, aby błędy i pominięcia mogły być poprawiane w razie potrzeby przez użytkowników na stronie. Ponadto ostrzeżenia o takich błędach należy podawać za pomocą niektórych komunikatów, symboli oraz kolorów, ale pamiętaj nie tylko za pomocą kolorów. Tymi błędami mogą być błędnie wprowadzony adres e-mail lub niekompletne dane wejściowe ze strony użytkownika. Aby wyświetlić niekompletne pola, można użyć gwiazdek, aby użytkownik wiedział, że pola te są obowiązkowe do wypełnienia. Oprócz tego ważne jest, aby pomóc użytkownikom w uzyskaniu pożądanej informacji zwrotnej w miejscach wystąpienia błędu. Instrukcje wypełniania takich pól powinny być jednoznaczne, tak aby błędy nie tylko były poprawiane, ale także nie były popełniane raz po raz. Pomaga to w budowaniu cennych kontaktów z odwiedzającymi i przekształcaniu ich w sprzedaż lub prowadzenie ich do interakcji w jakiejś formie, czy to komentarzy, zapisów do newslettera i wielu innych.

5. Daj opcje bez myszy

Wiele osób może nie zdawać sobie sprawy z tego, że klawiatura udostępnia opcje nawigacji po stronach internetowych oprócz myszy. Aby nawigacja za pomocą klawiatury była łatwo dostępna dla użytkowników, łącza muszą być oznaczone różnymi kolorami i wariantami projektu dla stanu aktywacji: najechanie myszą, styl fokusu klawiatury oraz styl dotyku lub kliknięcia. Za pomocą klawisza tabulatora na klawiaturze ważne jest, aby użytkownicy szybko rozpoznawali, który link jest aktywny i co się z nim dzieje po wykonaniu określonej akcji. W przypadku ograniczonej mobilności użytkowników, nawigacja za pomocą klawiatury jest czymś, co może być bardzo przydatne. Niektórzy z takich użytkowników o ograniczonej mobilności mogą być pacjentami po udarze. Oprócz dowolnego scenariusza zdrowotnego mogą wystąpić inne problemy, takie jak wypisana mysz lub inna podobna sytuacja. A w tych przypadkach pojawia się potrzeba nawigacji za pomocą klawiatury.

6. Pracuj nad łatwą nawigacją

Niezależnie od tego, czy jesteś w podróży, czy podczas poruszania się po lotnisku, jest to spójne oznakowanie, które nam pomaga, niezależnie od tego, czy chodzi o kierunek, ograniczenia prędkości, ostrzeżenia, a nawet zatrzymanie. Bez takich drogowskazów możemy nie znaleźć żadnej dostępnej podróży. Podobnie jak w przypadku nawigacji w witrynie, dotarcia z jednej sekcji do drugiej, sposobów nawigacji może być wiele. Jednak niektóre sposoby mogą być łatwiejsze i mniej czasochłonne niż inne. Dochodzi do tego rola i konieczność spójnej nawigacji, takiej jak wyszukiwanie w witrynie i mapy witryn, upewniając się, że etykiety, style i pozycje są spójne. Jasne nagłówki i bułka tarta to tylko niektóre z innych ważnych pomocy lub drogowskazów, jeśli chodzi o nawigację po stronach internetowych zgodną z ADA. Dla użytkownika z jakimikolwiek wyzwaniami poznawczymi lub neurologicznymi te spójne elementy projektu zapobiegają zagubieniu się lub frustracji i odgrywają ważną rolę w zwiększaniu komfortu użytkowania.

7. Idź po sensowne nagłówki

Dobry projekt prowadzi oko użytkownika do uznania hierarchii danych. Pomóż im zrozumieć związek nagłówków z Twoim tekstem, grafiką i obrazami. Weź pod uwagę, że użytkownicy z zaburzeniami poznawczymi, takimi jak ADHD, mogą mieć trudności z poruszaniem się po treściach, które nie są prezentowane wyraźnie i bezpośrednio. Poza tym wielu użytkowników traci czas i może szybciej oddawać się próbie wypracowania źle prezentowanych treści. Umiejętne wykorzystanie stylów nagłówków, odstępów i rozmieszczenia elementów zmniejsza bałagan, czyniąc treść bardziej dostępną. Dużo czasu i energii, które przekładają się na dolary, przeznacza się na tworzenie treści. Wydajny projekt ułatwia klientowi czytanie, a następnie działanie na cennych informacjach.

8. Projekty responsywnych stron internetowych

Treści i witryny zoptymalizowane pod kątem urządzeń mobilnych są wysoko cenione przez Google; nie oznacza to jednak, że nie musisz pilnować swojego pulpitu lub innych platform. W przypadku wąskich widoków, takich jak urządzenia mobilne lub inne, treść główna powinna być podzielona na jedną lub dwie kolumny, a treść drugorzędna może być prezentowana za pomocą ikon i linków. I odwrotnie, komputer stacjonarny oferuje możliwość prezentowania informacji w wielu kolumnach z linkami i widoczną nawigacją. W tym widoku należy zoptymalizować szerokość linii tekstu i wielkość czcionki, aby uzyskać maksymalną czytelność. Użytkownicy z zaburzeniami poznawczymi lub wzrokowymi mogą nie dokończyć śledzenia długiej linii tekstu podstawowego. Dzięki takiemu zrozumieniu, czym jest witryna zgodna z ADA, te proste, responsywne projekty witryn internetowych komunikują się jasno i szybko, aby pomóc użytkownikom.

9. Opcje korzystania z mediów

Treści mogą być w różnych formatach dla wielu użytkowników, gdy mówimy o tym, co to jest strona internetowa zgodna z ADA. Pomaga w równym dostępie do informacji osobom z różnymi niepełnosprawnościami. Na przykład transkrypcje dźwiękowych i tekstowych wersji skomplikowanych grafik pomagają zwiększyć atrakcyjność treści dla użytkowników z niepełnosprawnością słuchu lub wzroku. Jeśli już pracowałeś nad różnorodnością treści, to świetnie! Jeśli jednak nie, zrozum, na czym i na czym należy się skoncentrować. Dostęp do takich treści można również ułatwić, umieszczając linki do użytkowników. Łącza mogą prowadzić do transkrypcji audio, audiodeskrypowanych wersji filmów oraz podpisów lub wyjaśnień tekstowych skomplikowanych projektów lub tabel, które powinny być łatwe do zlokalizowania i wiele więcej.

10. Lepsza kontrola użytkownika

Odpowiedź na to, co jest zgodne ze stroną internetową zgodną z ADA, polega na tym, że te oszałamiające karuzele lub suwaki obrazu nie są wystarczająco oszałamiające, jeśli nie mogą być zrozumiane przez użytkowników z ograniczeniami poznawczymi. Funkcje autoodtwarzania w Twoim filmie mogą być drogie, ale nieprzydatne, jeśli chodzi o witrynę zgodną z ADA lub o to, jak szybko może przekazywać informacje użytkownikom. Użytkownicy mogą potrzebować zacząć od początku filmu, a nie tylko odtwarzać następny, a nawet chcieć zobaczyć jakąś część jeszcze raz i w tym celu mogą wrócić, przejrzeć lub cofnąć. Niezależnie od tego, czy witryna zawiera automatyczne odtwarzanie audio i wideo, czy karuzele, daj użytkownikom kontrolę nad odtwarzaniem, przewijaniem i wstrzymywaniem dowolnych multimediów na Twoich stronach internetowych.

Wniosek dotyczący zgodności z ADA na stronach internetowych

Zgodność witryny z ADA jest niezaprzeczalnie jednym z najważniejszych zadań na liście rzeczy do zrobienia większości firm. Te łatwe do zastosowania wskazówki i triki nie tylko pomagają użytkownikom, ale także mają sens dla Twojej firmy na dłuższą metę, czy to dzięki zwiększonemu ruchowi, czy lepszym rankingom SEO. Ponadto możesz spełniać większość standardów ADA, gdy po prostu koncentrujesz się na SEO. Teraz możesz po prostu przeanalizować swoją witrynę pod kątem punktów wymienionych na tym blogu i przejść do listy, która może dodać więcej znaczenia do Twojej cyfrowej obecności i sprawić, że Twoja witryna będzie zgodna z ADA. Stworzenie strony internetowej zgodnej z ADA może być nieco trudne i czasochłonne. Ale to będzie tego warte.

Czy pracujesz nad projektem strony internetowej zgodnej z ADA? A może masz już witrynę zgodną z ADA? Jakie wyzwania stoją przed Tobą?

Porozmawiajmy poniżej w sekcji komentarzy, możesz nawet zadzwonić lub wysłać e-mail. Nasz zespół chętnie Ci pomoże!