Jak sprawić, by Twoja witryna była zgodna z ADA i sprawdzić stan dostępności sieci

Czy Twoja witryna internetowa musi być zgodna z ADA? Krótka odpowiedź brzmi: tak, i jest to teraz ważniejsze niż kiedykolwiek. Udostępnianie (i utrzymywanie) Twojej witryny chroni Twoją firmę i zapewnia wszystkim użytkownikom równe szanse korzystania z Twoich zasobów. Niezgodność z ADA może mieć poważne konsekwencje prawne – a zapewnienie lepszego, bardziej sprawiedliwego doświadczenia użytkownika zwiększa zadowolenie klientów – dlatego ważne jest, aby dowiedzieć się, gdzie Twoja witryna nie spełnia swoich wymagań, i nadać priorytet naprawie problemów.

Co to jest zgodność z ADA?

ADA to ustawa o niepełnosprawnych Amerykanach. Uchwalona pierwotnie w 1990 r. ustawa o prawach obywatelskich obejmuje szeroki zakres ochrony przed dyskryminacją ze względu na niepełnosprawność. Prawdopodobnie najbardziej znasz niektóre przepisy, takie jak obowiązek pracodawców do zapewnienia pracownikom rozsądnych udogodnień oraz przepisy budowlane, które wymagają wejść i wyjść dostępnych dla wózków inwalidzkich.

Ale ustawa rozciąga się również na internet. Dostępna strona internetowa to taka, po której może poruszać się każdy użytkownik, niezależnie od niepełnosprawności. Twoi użytkownicy mogą mieć różne zdolności wzrokowe, słuchowe lub motoryczne, dlatego ważne jest, aby utworzyć witrynę dostępną dla osób korzystających z czytników ekranu, nawigacji głosowej i innych technologii wspomagających.

Czy moja witryna musi być zgodna z ADA?

Zgodnie z przepisami ADA ogólnodostępne witryny rządowe i biznesowe muszą spełniać określone standardy dostępności. Jeśli masz witrynę publiczną, możesz bezpiecznie założyć, że musi ona być zgodna z ADA.

Problem polega na tym, że ADA nie ma oficjalnego zestawu przepisów dotyczących stron internetowych. Zamiast tego po prostu stwierdza, że ​​​​jego zasady dostępności dotyczą zarówno stron internetowych, jak i lokalizacji fizycznych. Może to utrudniać ustalenie, co należy zrobić, aby zachować zgodność witryny.

Dobrym punktem wyjścia są wytyczne dotyczące dostępności treści internetowych (WCAG) . Chociaż nie jest to oficjalnie częścią ADA, przestrzeganie WCAG jest obowiązkowe na mocy innych przepisów i obejmuje wiele podstawowych udogodnień, które mogą być przedmiotem pozwu ADA.

Mimo to w wielu przypadkach bycie na bieżąco ze zgodnością z ADA może być pracą na pełny etat. Niektóre firmy decydują się na skorzystanie z profesjonalnej usługi, aby być na bieżąco ze swoją witryną i nadążać za najnowszymi potrzebami w zakresie projektowania stron internetowych z ułatwieniami dostępu.

Spraw, by Twoja witryna była zgodna z ADA w 10 krokach

Nie wiesz, jak zacząć poprawiać dostępność witryny? Istnieje kilka typowych pierwszych kroków, które każdy powinien podjąć, aby zapewnić sprawiedliwy dostęp wszystkim użytkownikom. Omówimy je bardziej szczegółowo, ale na pierwszy rzut oka Twoimi priorytetowymi obszarami według WCAG są:

• Dostrzegalne : Zapewnij udogodnienia dla osób z upośledzeniem wzroku.
• Funkcjonalny : Ułatw poruszanie się po witrynie za pomocą dowolnego ważnego narzędzia (nie tylko myszy).
• Zrozumiałe : spraw, aby treści były łatwe do zrozumienia i udostępniaj punkty kontaktowe, w których można poprosić o pomoc.
• Solidny : upewnij się, że Twoja strona internetowa współpracuje z technologiami wspomagającymi i jest dostępna z różnych platform i urządzeń.

1. Sprawdź dostępność sieci

Zanim zaczniesz wprowadzać jakiekolwiek zmiany, dobrze jest zebrać podstawowe dane o swojej witrynie. Sprawdzanie dostępności sieci jest szybkie i łatwe. Jeśli chcesz zająć się wszystkim samodzielnie, istnieje wiele narzędzi online, od których możesz zacząć już teraz. Wielu profesjonalnych dostawców rozwiązań z zakresu ułatwień dostępu ma nawet bezpłatne narzędzia ułatwień dostępu do witryn internetowych, które pomogą Ci ocenić, na jakim etapie jest Twoja witryna.

Warto zauważyć, że jeśli nie pracujesz już aktywnie nad przestrzeganiem standardów ADA lub WCAG, prawdopodobnie napotkasz na swojej witrynie problemy z ułatwieniami dostępu. Innymi słowy, test diagnostyczny prawdopodobnie wykaże, że Twoja witryna ma problemy. W porządku — większość tak. Dobrą rzeczą w przeprowadzeniu skanowania dostępności jest to, że uzyskasz lepsze wyobrażenie o zakresie wymaganych prac i dowiesz się, jak stworzyć plan działania.

2. Zrozum Prawo

Chociaż prawdą jest, że ADA nie ma określonego języka dla stron internetowych, możesz przeczytać o ich oczekiwaniach dotyczących projektowania stron internetowych na ich oficjalnej stronie internetowej. Poświęć trochę czasu na zapoznanie się z witrynami rządowymi, takimi jak ADA.org, aby zobaczyć oficjalne komunikaty dotyczące zgodności witryn. Ważne jest, aby zrozumieć uzasadnienie i motywację zgodności z ADA bezpośrednio u źródła.

3. Spraw, aby Twoja witryna była kompatybilna z czytnikiem ekranu

Czytniki ekranu pobierają tekst wyświetlany na ekranie i prowadzą narrację lub wyświetlają transkrypcję brajlowską, która umożliwia użytkownikom interakcję z treścią na alternatywne sposoby. Ma to kluczowe znaczenie dla wielu różnych użytkowników z różnymi różnicami. Wady wzroku są zazwyczaj pierwszą rzeczą, o której myślimy, gdy myślimy o czytnikach ekranu, ale te technologie wspomagające są również niezwykle pomocne dla niektórych osób mających trudności z czytaniem i uczeniem się.

Jest wiele rzeczy, które możesz zrobić, aby uczynić swoją witrynę bardziej dostępną dla czytników ekranu, a wiele z nich to również sprawdzone metody zapewniania użytkownikowi wspaniałego doświadczenia:

• Ustaw specyficzny tekst kotwicy
• Jeśli przedstawisz pole CTA z napisem „Kliknij tutaj”, czytnik ekranu po prostu to stwierdzi, nie podając żadnego innego kontekstu dotyczącego działania przycisku. Jeśli uczynisz to bardziej szczegółowym – na przykład „Poproś o wersję demonstracyjną” – użytkownik będzie dokładnie wiedział, dokąd zaprowadzi go ten link.
• Usprawnij zawartość strony
• Nie zaśmiecaj strony więcej, niż musisz. Postaraj się, aby wszystko było jak najprostsze, aby osoby korzystające z czytników ekranu mogły efektywnie poruszać się po Twojej witrynie.
• Używaj właściwego kodu HTML
• Czytniki ekranu muszą patrzeć na kod, aby zrozumieć, co czytają. Oznacza to, że nagłówki powinny być kodowane jako H1, H2 itd., a listy numerów i tabele powinny być tworzone przy użyciu wyznaczonych funkcji. Jeśli ręcznie tworzysz listę lub tabelę, prawdopodobnie polegasz na wizualizacji — może to nie być jasne dla czytnika ekranu.

4. Używaj projektów o wysokim kontraście

Tekst i tła o niskim kontraście mogą być trudne do odczytania dla każdego użytkownika, ale są szczególnie problematyczne dla użytkowników ze daltonizmem i innymi wadami wzroku. Jeśli Twoje przyciski i banery są już zaprojektowane zgodnie z wytycznymi dotyczącymi marki, może być konieczne wprowadzenie pewnych zmian, aby były widoczne dla wszystkich użytkowników.

Na szczęście kontrast kolorów można określić ilościowo. WCAG ma specyfikacje minimalnego kontrastu, chociaż generalnie im większy kontrast, tym lepiej. W przypadku małego tekstu należy dążyć do kontrastu wyższego niż 4:5:1. Aby uzyskać większy tekst, celuj powyżej 3:1. Na szczęście istnieje doskonałe i bezpłatne narzędzie do kontrastu kolorów, które pomoże Twojemu zespołowi tworzyć integracyjne doświadczenia.

5. Podaj dodatkowe wskazówki poza kolorem

Dla osób niewidomych lub niedowidzących — upewnij się, że nie używasz koloru jako jedynego wskaźnika znaczenia. Na przykład możesz chcieć wymienić zalety i wady produktu. Upewnij się, że są one wyraźnie oznaczone, a nie tylko skontrastowane z zieloną lub czerwoną czcionką. Może się to pojawić w wielu różnych sytuacjach projektowych poza testami — pomyśl o przyciskach i wezwaniach do działania — dlatego niezwykle ważne jest tworzenie stron z myślą o użytkownikach z daltonizmem i niedowidzących.

6. Użyj opisowego tekstu alternatywnego na obrazach

Tekst alternatywny ma ogromne znaczenie zarówno pod względem dostępności, jak i SEO, więc być może już rozumiesz, dlaczego jest ważny. Jeśli chodzi o SEO, tekst alternatywny może pomóc wyszukiwarkom zrozumieć, co znajduje się na obrazie i jak odnosi się do reszty treści. Ma to kluczowe znaczenie w przypadku wyszukiwania grafiki, ale jest również ważne w przypadku wyszukiwania tradycyjnego.

Tekst alternatywny działa w ten sam sposób po stronie ułatwień dostępu. Czytniki ekranu przekazują tekst alternatywny, więc jedynym sposobem, w jaki ci użytkownicy mogą uzyskać dostęp do treści wizualnych, są opisy tekstu alternatywnego. Postaraj się, aby były one zwięzłe, ale opisowe i postaraj się zastanowić, co chcesz, aby ludzie wynieśli z Twoich zdjęć.

7. Zawsze umieszczaj napisy w filmach

Wiele omówionych do tej pory udogodnień było wizualnych, ale jest też kilka krytycznych kwestii związanych z dostępnością audio. Najczęściej pojawiają się one przy filmach, a ponieważ coraz częściej zaczynamy wykorzystywać wideo jako medium, coraz ważniejsze staje się tworzenie treści, które każdy użytkownik może docenić.

Korzystanie z napisów to prosty sposób na to, by użytkownicy nie musieli słuchać Twoich filmów, aby zrozumieć Twoje treści. Jest to świetne rozwiązanie dla użytkowników z wadami słuchu, ale może również przynieść korzyści użytkownikom z problemami z przetwarzaniem sensorycznym, którzy mogą chcieć uniknąć wejścia audio.

8. Włącz swoją witrynę do nawigacji za pomocą klawiatury

Nie każdy ma możliwość poruszania się po sieci za pomocą myszy, gładzika lub ekranu dotykowego (chociaż ważne jest, aby zoptymalizować witrynę również pod kątem tych urządzeń). Niektórzy użytkownicy będą musieli poruszać się po witrynie tylko za pomocą klawiatury, więc upewnij się, że weź to pod uwagę przy dodawaniu nowych elementów do stron internetowych.

Funkcje HTML zwykle działają już z nawigacją za pomocą klawiatury , ale jeśli chcesz użyć czegoś bardziej konfigurowalnego, takiego jak CSS, być może będziesz musiał wykonać trochę dodatkowej pracy, aby strona była dostępna.

Ogólnie rzecz biorąc, użytkownicy będą poruszać się po witrynie za pomocą kilku podstawowych klawiszy: Tab, Shift, Enter/Return, Escape oraz spacji i klawiszy strzałek. Upewnij się, że użytkownicy mogą wchodzić w interakcje z elementami na stronie za pomocą Tab. Istnieją również specjalne uwagi dotyczące używania elementów strony, takich jak rozwijane menu, widżety i wtyczki, ponieważ niektóre z nich mogą wymagać dodatkowych kroków, aby były przyjazne dla klawiatury.

9. Zapewnij zgodność z rozwiązaniem innej firmy

Nadążanie za najnowszymi wytycznymi dotyczącymi zgodności z ADA jest skomplikowane, a niektóre etapy wdrażania mogą wykraczać poza zakres zwykłej pracy Twojego zespołu. Jeśli podczas testowania witryny okaże się, że jest ona niedostępna — a nie masz czasu ani zasobów, aby samodzielnie rozwiązać problemy — pomocne mogą być rozwiązania innych firm. Należą do nich agencje, które diagnozują problemy z ułatwieniami dostępu i rekomendują rozwiązania, ale możesz też rozważyć nawiązanie współpracy z innym partnerem, który pomoże Ci wdrożyć te zmiany.

Jeśli jesteś zainteresowany współpracą z partnerem, TPGi może pomóc w audycie Twojej witryny, opracowaniu mapy drogowej dostępności dla Twojego zespołu i zarekomendowaniu programisty do wdrożenia poprawek.

10. Nadążaj za zgodnością z Internetem

Dostępność nie jest jednorazowym projektem. Podobnie jak SEO, dostępność jest procesem iteracyjnym, który wymaga ciągłej konserwacji i ciągłych wysiłków, aby odnieść sukces. Nawet jeśli przejrzałeś całą witrynę bardzo dokładnym grzebieniem i upewniłeś się, że przestrzegasz przepisów, nadal będziesz musiał zachować czujność podczas tworzenia nowych treści lub aktualizowania starej strony w witrynie. Jeśli nie, możesz wprowadzić nowe problemy z ułatwieniami dostępu. Narzędzia do monitorowania, takie jak ARC Monitoring , nieco to ułatwiają i mogą pomóc upewnić się, że nie zostaniesz w tyle.

Często zadawane pytania na stronie internetowej Zgodność z ADA

Czy zgodność witryny ADA jest obowiązkowa?

Ustawa o niepełnosprawnych Amerykanach nie zawiera sformułowań ani przepisów odnoszących się konkretnie do wytycznych dotyczących witryn internetowych, ale publiczne witryny biznesowe muszą być dostępne . Firmy, które nie zastosują się do nich, mogą stanąć w obliczu ciężkich procesów sądowych.

Czy witryny zbudowane na popularnych usługach hostingowych są automatycznie zgodne?

Korzystanie z usług hostingowych, takich jak Weebly, WordPress, Wix i GoDaddy w celu utworzenia witryny , nie oznacza automatycznie zgodności z ADA . Wiele z tych narzędzi może ułatwić osiągnięcie zgodności, ale jeśli utworzyłeś witrynę bez zwracania szczególnej uwagi na ułatwienia dostępu, istnieje duża szansa, że ​​musisz rozwiązać pewne problemy.

Jakie przepisy dotyczą zgodności witryny internetowej ADA?

Americans with Disabilities Act jest głównym amerykańskim prawem regulującym dostępność. Niestety, prawo nie zawiera kompleksowych wytycznych dotyczących utrzymania zgodnej strony internetowej. Oficjalna witryna rządowa udostępnia zasoby ułatwiające przestrzeganie przepisów , ale wielu właścicieli witryn korzysta z wytycznych dotyczących ułatwień dostępu do treści internetowych (WCAG) , aby zapobiegać typowym problemom z ułatwieniami dostępu.

Jak mogę przetestować zgodność mojej witryny z ADA?

Istnieje wiele bezpłatnych źródeł internetowych, z których można skorzystać, aby sprawdzić zgodność. Wiele profesjonalnych usług oferuje bezpłatne narzędzia, które pomogą Ci zacząć. Aby rozpocząć, zapoznaj się z narzędziami ułatwień dostępu w witrynie TPGi .

Jaka jest kara za niespełnienie standardów ADA?

Pozwy sądowe stają się coraz bardziej powszechną karą dla firm, które nie przestrzegają standardów ADA. Zgodnie z ADA są one znane jako pozwy tytułu III, a niektóre firmy prawnicze specjalizują się obecnie w prowadzeniu tych spraw. Jeśli zostaniesz wezwany z powodu problemów z dostępnością, możesz spotkać się z wysokimi grzywnami i możliwością wylądowania w sądzie.

Zadbaj o to, aby Twoja witryna była dostępna dla wszystkich

Zapewnienie zgodności witryny z ADA ma kluczowe znaczenie ze względu na kondycję finansową i prawną firmy oraz ze względu na wielu użytkowników, którzy polegają na dostępnych projektach do poruszania się po sieci. Zgodność może być skomplikowana, więc jeśli nie masz pewności, czy potrafisz samodzielnie zdiagnozować i rozwiązać problemy ze swoją witryną, zwrócenie się do partnera może mieć sens. Konsekwencje pozwu ADA mogą być dość poważne, a dostępna witryna otwiera Twoją firmę dla większej liczby klientów. Sprawdź rozwiązania ułatwień dostępu TPGi, aby uzyskać profesjonalne wsparcie na początku.