Lista kontrolna zgodności ADA: 11 niezbędnych funkcji dostępnych

Judy odwiedza Twoją witrynę po obejrzeniu reklamy i zainteresowaniu się jednym z Twoich produktów. Widzi film na Twojej stronie głównej i klika go. Ale w filmie pojawia się problem: Judy ma problemy ze słuchem, a Twój film nie ma napisów.

Jeśli Twoja witryna nie jest zgodna z wytycznymi określonymi przez Ustawę o Niepełnosprawnych Amerykanach (ADA), ryzykujesz, że ludzie tacy jak Judy opuszczą Twoją witrynę. Albo, co gorsza, ludzie mogą złożyć pozew z powodu niedostępności Twojej witryny.

Ale zanim zaczniesz panikować, sprawdź naszą listę kontrolną zgodności ADA, aby zobaczyć 11 niezbędnych funkcji, aby zapewnić dostępność Twojej witryny. Czytaj dalej, aby dowiedzieć się więcej!

A jeśli potrzebujesz więcej pomocnych wskazówek i trików, aby zapewnić jak najlepsze wrażenia użytkownika, zapisz się do naszego biuletynu e-mailowego, Revenue Weekly!

Aby uzyskać jeszcze więcej porad dotyczących marketingu cyfrowego, zapisz się na e-mail, któremu ufa ponad 190 000 innych marketerów: Revenue Weekly.

Zapisz się dzisiaj!

Co to znaczy być zgodnym z ADA?

Kiedy słyszysz „zgodny z ADA”, co to oznacza?

Zgodność z ADA opiera się na amerykańskiej ustawie o niepełnosprawności (ADA), która stanowi, że wszystkie przestrzenie publiczne powinny być dostępne dla osób niepełnosprawnych. Oznacza to, że bez względu na to, czy ktoś jest niedowidzący, niepełnosprawny fizycznie lub ma inną niepełnosprawność, potrzebuje udogodnień, aby uzyskać dostęp do tej samej przestrzeni.

Te udogodnienia obejmują Internet, ponieważ Internet jest uważany za przestrzeń publiczną. W rezultacie musisz stworzyć stronę internetową, która umożliwi osobom z różnymi niepełnosprawnościami łatwy dostęp do Twojej witryny.

Nieprzestrzeganie zgodności z ADA ma wiele konsekwencji, od utraty klientów po kwestie prawne.

Lista kontrolna zgodności ADA: 11 pozycji do odhaczenia na liście

Aby upewnić się, że masz zgodną witrynę internetową, sprawdź naszą listę kontrolną zgodną z przepisami ADA, aby dowiedzieć się, jak sprawić, by Twoja witryna była dostępna dla wszystkich!

1. Postępuj zgodnie z wytycznymi dotyczącymi dostępności treści internetowych (WCAG)

Po pierwsze na tej liście kontrolnej dotyczącej zgodności z przepisami ADA należy postępować zgodnie z wytycznymi dotyczącymi dostępności treści internetowych (WCAG). WCAG ustala wytyczne umożliwiające firmom tworzenie bardziej dostępnych treści internetowych. Postępowanie zgodnie z tymi wytycznymi to świetny punkt wyjścia do stworzenia pozytywnej i funkcjonalnej strony internetowej.

Istnieją cztery podstawowe elementy WCAG:

1. Postrzegalność: Czy informacje na Twojej stronie są łatwe do zauważenia? Jeśli trudno jest zobaczyć informacje w Twojej witrynie lub zobaczyć przejrzysty układ informacji, musisz dostosować witrynę, aby przejrzyście prezentować informacje.
2. Operatywność: czy Twoja witryna jest łatwa w użyciu i funkcjonalna? Jeśli Twoja witryna ma mylący układ lub trudną w obsłudze nawigację, nie spełnisz wytycznych WCAG. Warto ponownie zoptymalizować witrynę, aby ułatwić użytkownikom znajdowanie informacji.
3. Zrozumiałe: czy interfejs Twojej witryny jest łatwy do zrozumienia? Jeśli Twoja nawigacja jest skomplikowana lub musisz wykonać wiele kroków, aby ukończyć zadanie, może to być zbyt trudne do zrozumienia. Chcesz, aby procesy w witrynie były proste i łatwe do naśladowania.
4. Solidna: czy Twoja witryna jest przystosowana do wszystkich przeglądarek i programów pomocniczych? Jeśli chcesz, aby Twoja witryna była zgodna z ADA, musisz upewnić się, że jest zgodna z programami pomocniczymi, takimi jak czytniki ekranu.

Jeśli zastosujesz się do wytycznych WCAG, Twoja witryna internetowa stanie się na ścieżce, aby była zgodna z ADA.

2. Dodaj tekst alternatywny obrazu

Kolejnym na naszej liście kontrolnej zgodności z ADA jest dodanie tekstu alternatywnego obrazu. Tekst alternatywny obrazu to tekst dodawany do zaplecza obrazów, który opisuje zawartość zdjęcia. Ten tekst jest krytyczny dla wszystkich użytkowników.

Jeśli obraz nie zostanie załadowany w Twojej witrynie, zamiast niego pojawi się tekst alternatywny. Ten tekst alternatywny pomaga użytkownikom powiedzieć, jaki był obraz, aby mogli zobaczyć, jak odnosi się on do kontekstu strony.

W przypadku użytkowników niepełnosprawnych tekst alternatywny ma kluczowe znaczenie dla zrozumienia zawartości Twojej witryny. Osoby niedowidzące nie mogą zobaczyć obrazów w Twojej witrynie. Twój tekst alternatywny zapewnia im kontekst, aby zrozumieć, jakie elementy wizualne masz w swojej witrynie.

Gdy dodajesz tekst alternatywny do swoich obrazów, upewnij się, że opisuje on zawartość obrazu. Oto kilka przydatnych wskazówek dotyczących dodawania tekstu alternatywnego do obrazów:

• Użyj docelowego słowa kluczowego, jeśli jest to istotne, ale nie przesadzaj tagów słowami kluczowymi
• Nie rób tego zbyt prosto – powiedz „kapelusz” zamiast „czerwona czapka bejsbolówka siedząca na czarnym stole”.
• Nie używaj wyrażenia „obraz” do opisu zdjęcia — po prostu przejdź do opisu!

3. Dodaj podpisy do treści wideo

Następnym elementem, który należy sprawdzić na liście kontrolnej zgodności ADA, jest dodanie podpisów do treści wideo. Napisy to świetny sposób na udostępnienie filmów w Twojej witrynie osobom niepełnosprawnym.

Włączenie napisów w swoich filmach pozwala osobom niedosłyszącym na bezproblemową interakcję z Twoimi treściami. To świetny sposób, aby Twoje treści były przystępne i dostępne dla wszystkich!

4. Nie używaj szybko migających świateł ani kolorów

Projektując swoją stronę internetową, szukasz sposobu na wyróżnienie swojej firmy na tle konkurencji. Możesz spróbować dodać odrobinę stylu, jak migające wyskakujące okienko, aby wyróżnić swoją witrynę. Chociaż ulepszanie witryny może być zabawne, nie jest ona zgodna z ADA.

Aby zachować zgodność z wymogami ADA, będziesz chciał usunąć wszystkie elementy, które szybko migają lub zmieniają kolory. Elementy te mogą być szkodliwe dla osób odwiedzających witrynę z padaczką, dlatego najlepiej jest je całkowicie usunąć.

5. Usuń puste tagi nagłówka

Następnym krokiem na tej liście kontrolnej witryny zgodności z przepisami ADA jest usunięcie pustych tagów nagłówka. Tagi nagłówka odgrywają kluczową rolę w pomaganiu użytkownikom w zrozumieniu struktury strony. Tworzą hierarchię informacji, aby pomóc użytkownikom zrozumieć, w jaki sposób informacje są zorganizowane na Twojej stronie.

Dlaczego więc to ma znaczenie, jeśli tagi nagłówka są puste?

Czytelnicy niedowidzący nie mogą przejrzeć treści i poznać struktury. Ktoś, kto nie jest niedowidzący, nie zobaczy pustego tagu nagłówka — będzie to po prostu puste miejsce. Wrażenia nie są takie same dla czytelnika niedowidzącego.

Ponieważ czytelnik niedowidzący korzysta z czytników ekranu, usłyszy, że program mówi, że jest obecny nagłówek, ale nie odczyta, co to jest, ponieważ jest pusty. W rezultacie czytelnik będzie zdezorientowany, ponieważ nie zrozumie organizacji strony z powodu pustego nagłówka.

Aby zapewnić wszystkim równe środowisko, usuń wszystkie puste tagi nagłówka lub dodaj do nich tekst (jeśli dotyczy).

6. Pamiętaj o kontraście kolorów

Inną rzeczą, którą należy sprawdzić na liście kontrolnej zgodnej z ADA, jest sprawdzenie kontrastu kolorów. Chociaż kontrast kolorów może nie wydawać się wielkim problemem, wpływa na osoby niepełnosprawne.

Dla osób z upośledzeniem wzroku lub daltonizmem określone kontrasty kolorów mogą być trudne do zobaczenia, a nawet bolesne do zobaczenia. Na przykład osoba ze ślepotą na kolory Protan (nie widzi koloru czerwonego) widziałaby twoją czerwoną i żółtą witrynę jako jeden kolor.

Czy to oznacza, że ​​musisz zmienić całą witrynę i schemat kolorów? Nie. Oznacza to, że musisz bardziej zwracać uwagę na kontrasty kolorów i sposób rozdzielania kolorów na swojej stronie internetowej. Możesz zrobić coś prostego, na przykład użyć bieli, aby rozbić kolory i stworzyć kontrast.

Dodatkowo chcesz się zastanowić, w jaki sposób używasz kolorów do definiowania elementów na swojej stronie internetowej.

Tak więc, na przykład, jeśli masz artykuł na temat nakazów, a czego nie, i używasz koloru czerwonego i zielonego do oznaczenia tego, co jest dobre, a co złe, możesz to przemyśleć. Możesz dodać symbole, takie jak znaczniki wyboru i znaki x, aby zdefiniować nakazy i zakazy, zamiast polegać wyłącznie na kolorze.

7. Dodaj powiadomienie do swoich limitów czasowych

Innym elementem, który należy dodać do listy kontrolnej zgodnej z ADA, jest dodanie powiadomień do dowolnych limitów czasowych w witrynie. Niezależnie od tego, czy ubiegasz się o ofertę, czy kończysz kasę, możesz nałożyć ograniczenia czasowe na procesy w swojej witrynie, aby zachęcić ludzi do szybszego wykonywania czynności.

Jeśli wdrażasz tę strategię, musisz udostępnić ją innym, którzy odwiedzają Twoją witrynę. Upewnij się, że dodajesz powiadomienia, gdy czas się kończy, aby osoby korzystające z czytników ekranu otrzymały powiadomienie, że kończy się im czas.

8. Uporządkuj swoją stronę logicznie

Kolejnym elementem, który należy dodać do listy kontrolnej zgodności ADA, jest logiczne zorganizowanie witryny. Ta wskazówka może wydawać się oczywista, ale ma znaczący wpływ na pomoc osobom niepełnosprawnym w nawigacji i zrozumieniu zawartości Twojej witryny.

W przypadku wszystkich użytkowników Twojej witryny chcesz mieć pewność, że mogą łatwo nawigować po Twojej witrynie i znajdować potrzebne informacje. Oznacza to stworzenie zorganizowanej nawigacji i logicznej struktury strony dla odbiorców.

Tworząc nawigację, upewnij się, że organizujesz ją w sposób, który ułatwia użytkownikom przeglądanie. Twórz kategorie i podkategorie, aby Twoja nawigacja miała strukturę.

Tworząc strony w swojej witrynie, upewnij się, że masz logiczną hierarchię informacji. Użyj H1, H2 i tak dalej, aby uporządkować informacje. Ułatwia osobom korzystającym z czytników ekranu śledzenie Twoich treści.

9. Upewnij się, że po witrynie można nawigować za pomocą klawiatury

Kolejnym na naszej liście kontrolnej zgodności z ADA jest upewnienie się, że po witrynie można nawigować za pomocą klawiatury. Wiele osób z upośledzeniem słuchu i wzroku oraz problemami z poruszaniem się będzie polegać na klawiaturach do poruszania się po stronach internetowych, a nie na myszy.

Aby zapewnić tę samą jakość, musisz upewnić się, że ludzie mogą łatwo poruszać się po Twojej witrynie za pomocą klawiatury.

Możesz przetestować funkcjonalność klawiatury, odwiedzając swoją witrynę i używając następujących klawiszy do poruszania się:

• Strzałki w górę iw dół
• Patka
• Shift + Tab
• Przestrzeń
• Wchodzić

Jeśli możesz łatwo uzyskać dostęp do różnych elementów swojej witryny za pomocą tych kluczy, Twoja witryna jest gotowa! Jeśli nie, musisz wprowadzić poprawki, aby uczynić go bardziej przyjaznym dla klawiatury.

10. Używaj odpowiednich czcionek

Kolejnym elementem, który należy dodać do listy kontrolnej pod kątem zgodności z ADA, jest używanie właściwych czcionek. Ta wskazówka dotyczy czegoś więcej niż tylko ADA — posiadanie odpowiedniej czcionki może stworzyć lub zepsuć Twoją witrynę.

Nie chcesz używać czcionek, które są trudne do odczytania. Niektórzy użytkownicy niedowidzący mogą nadal czytać informacje ze stron internetowych, ale wystarczy powiększyć czcionkę. Jeśli twoja czcionka jest zbyt wymyślna, ci użytkownicy będą mieli trudności z czytaniem twoich stron.

Ogólnie rzecz biorąc, powinieneś powstrzymać się od używania jakichkolwiek „wymyślnych” opcji czcionek, które widzisz, lub czcionek kursywnych (używaj kursywy oszczędnie). Używaj czcionek, które są czytelne i łatwe do odczytania przez użytkowników.

11. Używaj etykiet ARIA

Ostatnim elementem tej listy kontrolnej zgodności z przepisami ADA jest korzystanie z aplikacji Accessible Rich Internet Applications (ARIA). Etykiety ARIA pomagają osobom niepełnosprawnym zrozumieć różne elementy Twojej witryny.

Na przykład, jeśli masz wyskakujące okienko z X w rogu, aby je zamknąć, osoba niepełnosprawna może nie rozumieć, co oznacza to X. Etykiety ARIA umożliwiają dodanie kontekstu do funkcji, dzięki czemu ludzie mogą zrozumieć, co oznacza ta etykieta i bez problemu korzystać z Twojej witryny.

Pomyśl o etykietach ARIA jako etykietowaniu elementów bez etykiet, takich jak symbole. Pomaga zapewnić więcej kontekstu, aby Twoja witryna była łatwiejsza w nawigacji i obsłudze.

Potrzebujesz pomocy w odhaczaniu pozycji na liście kontrolnej zgodności ADA?

Jeśli chodzi o udostępnianie witryny dla wszystkich, na liście kontrolnej witryny zgodności z przepisami ADA jest wiele do odhaczenia. Jeśli czujesz się przytłoczony lub nie wiesz, od czego zacząć, WebFX może Ci pomóc. Dzięki ponad 25-letniemu doświadczeniu w projektowaniu i tworzeniu stron internetowych wiemy, czego potrzeba, aby zbudować witrynę zgodną z ADA.

Dzięki naszym usługom zgodności ADA pomożemy Ci zoptymalizować Twoją witrynę internetową, aby zapewnić jej zgodność ze standardami ADA. Pomożemy Ci zapewnić doskonałe wrażenia wszystkim odwiedzającym witrynę.

Aby rozpocząć, skontaktuj się z nami online lub zadzwoń pod numer 888-601-5359 , aby porozmawiać ze strategiem!