12 porad dotyczących bardziej dostępnej strony internetowej
Udostępnienie witryny wszystkim użytkownikom jest nie tylko obowiązkiem moralnym, ale także obowiązkiem prawnym. Wiele organizacji, w tym Międzynarodowy Komitet Olimpijski, zostało pozwanych za niedostateczne udostępnienie swoich stron internetowych. Ponieważ 50 milionów Amerykanów cierpi na jakąś niepełnosprawność lub inną, poprawa dostępności witryny ma również wyraźny sens komercyjny.
Nie tylko osoby oznaczone jako „niepełnosprawne” mogą zyskać. Badania sugerują, że 57% dorosłych użytkowników komputerów skorzysta z pewnego rodzaju zwiększonej dostępności. Tylko 19% witryn spełnia obecnie najbardziej podstawowe wymagania dotyczące dostępności, dzięki czemu możesz naprawdę wyróżnić się na tle konkurencji, wprowadzając kilka zmian w swojej witrynie.
W tym artykule przedstawiamy 12 sposobów na zwiększenie dostępności witryny. Niektóre metody są bardzo tanie i szybkie do wdrożenia, inne wymagają nieco więcej czasu i inwestycji finansowych, ale należy o nich myśleć jako o możliwościach biznesowych. Ponieważ Internet jest tak ważny dla naszego życia w dzisiejszych czasach, niesprawiedliwe jest, że niektórzy ludzie pozostają w tyle.
1. WAI-ARIA
W celu poprawy dostępności witryny pierwszym portem zawinięcia powinien być zestaw dokumentów opublikowany przez konsorcjum Worldwide Web o nazwie WAI-ARIA. Dokumenty te zasadniczo określają sposoby dodawania metadanych do kodu HTML w celu poprawy dostępności.
2. Progresywne ulepszanie
Postępowe ulepszanie oznacza projektowanie witryny w sposób warstwowy, tak aby każdy mógł uzyskać dostęp do najbardziej podstawowych funkcji, a użytkownicy z większą przepustowością, a zaawansowane przeglądarki mogą zobaczyć ulepszoną wersję. Witryny zbudowane przy użyciu strategii stopniowego ulepszania można łatwiej odczytać dzięki oprogramowaniu do odczytu ekranu, z którego korzystają osoby z różnymi niepełnosprawnościami.
3. Treść alternatywna
Jest absolutnie niezbędne, aby podać w witrynie tekstowy odpowiednik treści nietekstowych. Obrazy i filmy muszą być potrzebne, aby osoby korzystające z oprogramowania do odczytu ekranu mogły dokładnie dowiedzieć się, co jest na stronie. Linki również wymagają odpowiednich tagów tytułowych.
4. Podpisy
Zdumiewające, obrazy, klipy audio i wideo wymagają podpisów, aby osoby niedowidzące wiedziały dokładnie, na co patrzą. Jeśli przesyłasz filmy lub podcasty, podaj akapit tekstu podsumowujący ich zawartość, a jeszcze lepiej, dołącz pełny transkrypt. Nie zapomnij, że napisy naprawdę pomagają w SEO.
5. Oprogramowanie do odczytu ekranu
Większość osób niewidomych i niedowidzących korzysta z oprogramowania do odczytu ekranu podczas przeglądania stron internetowych. Jednym z najlepszych sposobów upewnienia się, że witryna jest dla nich dostępna, jest próba użycia tego samego oprogramowania. Wyłącz monitor i uruchom oprogramowanie, aby dowiedzieć się dokładnie, co witryna mówi tym cennym czytelnikom i potencjalnym klientom. Jeśli oprogramowanie zacznie wydawać bełkot, wiesz, że musisz wprowadzić pewne zmiany!
6. Audyt
Żadna ilość testów dostępności, które wykonujesz samodzielnie, nie może się równać z faktem, że prawdziwy specjalista rzucił okiem na Twoją witrynę. Istnieje wiele firm i osób, które przeprowadzą dla Ciebie audyt dostępności, mówiąc dokładnie, jakie zmiany należy wprowadzić.
7. Testy użyteczności
Testy użyteczności to kolejny cenny sposób identyfikowania potencjalnych problemów z dostępnością witryny. Poproś grupę osób o różnych potrzebach, aby wypróbowały Twoją witrynę w celu zapewnienia prawdziwej nawigacji i wykonywania zadań. Będą mogli szczegółowo opowiedzieć o wszelkich napotkanych problemach, z których wiele, z pewnością się znajdzie, nie będzie objętych wytycznymi WAI-ARIA.
8. Arkusze stylów
Budując lub przeprojektowując witrynę, upewnij się, że arkusze stylów pozwalają na różne rozmiary czcionek i nigdy nie używaj czcionek stałych. Zdziwiłbyś się, ilu użytkowników - od osób starszych po osoby o słabym wzroku - regularnie zmienia rozmiar czcionek.
9. Sterowanie czcionkami
Użytkownicy przeglądarek Firefox i Internet Explorer mogą powiększać czcionki, ale wiele osób nie jest tego świadomych, a inni nadal używają starszych przeglądarek, które nie mają takiej możliwości. Dla nich rozważ osadzenie w swojej witrynie elementów sterujących zmieniających rozmiar czcionki.
10. Spójność
Spójność w projektowaniu od strony do strony jest naprawdę ważna dla osób, które nie mogą zobaczyć całej strony na pierwszy rzut oka, oraz dla tych, którzy korzystają z czytników ekranu. Jeśli Twoja witryna jest spójna, z tymi samymi rzeczami w tym samym miejscu na każdej stronie, będą mogli łatwiej się poruszać. Widzący użytkownicy często uważają, że spójność jest również korzystna.
11. Tekst do nawigacji
Unikaj używania obrazów do nawigacji w swojej witrynie za wszelką cenę. Zamiast tego użyj tekstu. Czytniki ekranu mogą to zrozumieć i zmiana rozmiaru jest znacznie łatwiejsza. Jeśli nie można powiększyć elementów sterujących nawigacji, upewnij się, że są napisane czystą czcionką o rozmiarze co najmniej 16 punktów.
12. Kolory
Używanie różnych kolorów na stronach internetowych jest świetne, ale musisz wziąć pod uwagę ich współpracę, aby stworzyć wyraźny obraz. Kolory pierwszego planu i tła muszą wystarczająco kontrastować i można zapomnieć o użyciu jasnoszarego tekstu, który jest wystarczająco trudny dla osób z wizją 20-20. Linki muszą mieć inny kolor niż reszta tekstu na Twojej stronie, najlepiej niebieski i zawsze podkreślony.
Wniosek
Dostępność jest często pomijanym aspektem projektowania stron internetowych, ale jest czymś, co powinno znajdować się w centrum procesu projektowania od samego początku, gdy projektujesz układ. Bez wydawania się zbyt samoobsługowym, upewnienie się, że witryna spełnia standardy dostępności, oznacza jedno: więcej zadowolonych klientów. I wiesz co to oznacza!
Skorzystaj z poniższych komentarzy, aby powiedzieć nam, czy zgadzasz się z powyższymi wskazówkami i jak uczyniłeś swoją witrynę bardziej dostępną.
