Tworzenie stron internetowych z priorytetem dostępności
Większość firm zadaje niewłaściwe pytania podczas budowania strony internetowej. Nie pytają o to, czy każdy może z niej korzystać.
Tworzą strony dla osób z szybkimi laptopami i idealnym wzrokiem. Zapominają o osobach korzystających z czytników ekranu. Zapominają o użytkownikach, którzy zamiast myszki polegają na klawiaturze. Zapominają o osobach, które potrzebują przejrzystych układów, aby zrozumieć treść.
Jeśli Twoja strona nie działa dla tych osób, to po prostu nie działa.
Dostępność jest często traktowana jako punkt na liście kontrolnej dodawany na ostatnią chwilę. To błąd. Projektowanie z myślą o dostępności od pierwszego dnia pozwala tworzyć lepsze strony internetowe. Zyskujesz szybszy czas ładowania, czystszy kod i lepsze SEO.
Oto praktyczne ramy postępowania:
Używaj semantycznego HTML Używaj odpowiednich elementów do odpowiednich zadań. Przycisk musi być przyciskiem w kodzie. Użycie sformatowanego elementu
divzamiast przycisku sprawia, że Twoja strona staje się niewidoczna dla narzędzi wspomagających. Naprawianie tego później jest kosztowne. Zrobienie tego teraz nic nie kosztuje.Twórz pod nawigację klawiaturą Wielu użytkowników nie używa myszki. Każdy link, przycisk i formularz musi działać za pomocą klawiszy Tab i Enter. Upewnij się, że wskaźnik fokusu jest widoczny, aby użytkownicy wiedzieli, w którym miejscu strony się znajdują.
Sprawdzaj kontrast kolorów Tekst musi wyraźnie odcinać się od tła. Celuj w współczynnik kontrastu wynoszący co najmniej 4,5:1. Nie polegaj wyłącznie na kolorze, aby przekazać znaczenie. Jeśli błąd jest sygnalizowany tylko czerwonym tekstem, osoba z zaburzeniami rozpoznawania barw go przeoczy. Dodaj ikonę lub etykietę.
Pisz znaczące teksty alternatywne Przestań używać nazw plików typu „image1.jpg” jako tekstów alternatywnych. Opisz, co przedstawia obraz i dlaczego jest on ważny. Jeśli obraz służy wyłącznie dekoracji, użyj pustego atrybutu
alt, aby czytniki ekranu go pomijały.Testuj za pomocą rzeczywistych narzędzi Narzędzia automatyczne wyłapują jedynie około 40% problemów. Musisz przeprowadzić testy z użyciem rzeczywistych czytników ekranu, takich jak NVDA, JAWS czy VoiceOver. Jeśli będziesz polegać wyłącznie na oprogramowaniu, przeoczysz realne luki.
Kiedy projektujesz z myślą o przypadkach brzegowych, centrum staje się lepsze dla wszystkich. Osoba korzystająca z telefonu w pełnym słońcu lub rodzic trzymający dziecko jedną ręką skorzystają na Twoim dostępnym projekcie.
Przestań traktować dostępność jako uciążliwy obowiązek prawny. Traktuj ją jako standard jakości.