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.

© Copyright 2022 | computer06.com