Dziesięć porad na temat dostępnych stron internetowych
Wszyscy wiemy, że tworzenie dostępnych projektów jest ważne, ale ilu z nas naprawdę bierze to pod uwagę przy tworzeniu witryny? Oto kilka prostych i skutecznych kroków, dzięki którym Twoja witryna będzie dostępna dla wszystkich.
Przeglądaj zasoby projektowe
1. Sprawdź poprawność XHTML i CSS
Sprawdzanie poprawności kodu może często prowadzić do wykrycia problemów, których wcześniej nie zauważyłeś. Rzeczy takie jak niezamknięte i źle wpisane tagi, które wyglądają dobrze w przeglądarce, ale mogą powodować problemy, gdy są oglądane przez innych. Główne dwa narzędzia, których musisz użyć, to Walidator XHTML i Walidator CSS.
2. Dodaj alternatywny tekst dla obrazów
Nie wszyscy mają włączone obrazy w przeglądarce, a wiele osób korzysta z programów zamiany tekstu na mowę, ponieważ mają problemy ze wzrokiem. Zapewnienie alternatywnego tekstu dla obrazów za pomocą atrybutu alt zapewnia, że obrazy mają opis i mogą być zrozumiałe dla odwiedzających. Pomaga również w witrynie podczas indeksowania przez wyszukiwarki.
3. Upewnij się, że Twoja strona działa bez JavaScript
Podobnie jak w przypadku obrazów, wiele osób przegląda przy wyłączonym JavaScript (prawie 6% w momencie pisania). Jest to dość wysoka liczba i warto upewnić się, że witryna działa poprawnie bez JavaScript. Zbyt silne poleganie na nim może zrazić pewne osoby na widowni.
4. Użyj CSS, aby oddzielić zawartość i formatowanie
Jako strona internetowa, która prezentuje i promuje stosowanie kaskadowych arkuszy stylów, nie jest zaskakujące, że wymieniono je tutaj. Korzystanie z CSS utrzymuje twoje strony w czystości przed formatowaniem i zapewnia, że przeglądarki mogą dodawać własne reguły, aby strony miały większy kontrast i były łatwiejsze do przeglądania.
5. Podaj arkusz stylów o wysokim kontraście
Dlaczego nie zrobić drugiego arkusza stylów dla swojej witryny, który zmniejsza lub usuwa kolor i sprawia, że wszystko ma wyższy kontrast. Umieść link, aby aktywować ten styl w górnej części strony, aby niedowidzący użytkownicy mogli korzystać z zawartości Twojej witryny.
6. Upewnij się, że tekst linku ma charakter opisowy
Zamiast pisać „kliknij tutaj” lub „czytaj więcej”, uczyń swoje linki bardziej opisowymi. Wszyscy od czasu do czasu wpadamy w tę pułapkę, ale znaczący link można łatwiej zrozumieć i poprawić dostępność.
7. Dodaj linki „Przejdź do treści” na stronach
Zamiast zmuszać ludzi do przewijania w dół za powtarzającym się nagłówkiem na każdej stronie witryny, dołącz link, który pozwala im przejść do głównej zawartości na dole strony. Oszczędza to czas, szczególnie w przeglądarkach tekstu na mowę, które odczytują wszystkie informacje na stronie.
8. Upewnij się, że każdy formularz ma etykiety
Prawidłowe etykietowanie danych wejściowych w formularzach pozwoli na ich łatwiejszą interpretację i wypełnienie przez dostępne przeglądarki.
9. Nie otwieraj linków w nowym oknie
Chociaż kuszące jest umieszczanie linków do innych witryn w nowym oknie, jest to naprawdę zła praktyka. Wszyscy wiedzą, jak korzystać z przycisku „Wstecz”, ale gdy zachodzi potrzeba zamykania okien i śledzenia kilku naraz, wielu użytkowników Internetu może być zdezorientowanych i zirytowanych.
10. Złóż oświadczenie o dostępności
Umieszczenie oświadczenia na jednej stronie witryny pokaże ludziom, jakie oferuje funkcje ułatwień dostępu i wyjaśni, w jaki sposób mogą łatwo poruszać się po Twojej stronie. Wyjaśnij, jak włączyć arkusz stylów o wysokim kontraście i gdzie znajdują się linki „Przejdź do treści”. Ludzie będą ci wdzięczni za wyjaśnienie im tego jasno.
