Wykryj problemy z SEO i dostępnością na stronie, zanim zrobi to ktoś inny.
Ta tablica to lista kontrolna przed publikacją dla specjalistów tworzących strony internetowe: 11 elementów do potwierdzenia na stronie przed jej opublikowaniem, a także 6 metod jej przetestowania.
Co sprawdzasz:
Prawidłowy HTML i logiczna struktura nagłówków
Elementy semantyczne użyte zgodnie z ich przeznaczeniem
Tekst alternatywny (alt) przy obrazach
Użyteczny tytuł strony i metaopis
Proste, spójne nazewnictwo
Kolejność w źródle, która ma sens bez stylów
ARIA stosowane oszczędnie i poprawnie
Napisy i transkrypcje do materiałów multimedialnych
Jak to przetestować:
Sprawdź stronę w walidatorze W3C
Sprawdź ją za pomocą rozszerzenia WAVE
Nawiguj po niej wyłącznie za pomocą klawiatury
Odsłuchaj ją za pomocą czytnika ekranu
Wyświetl ją z wyłączonym CSS
Przejrzyj nagłówki za pomocą rozszerzenia do nagłówków
Jak korzystać z tablicy:
Aby zrobić własną kopię, otwórz Board > Details > Duplicate. Wystarczy bezpłatne konto Miro.
Aby zaznaczyć pozycję, kliknij dwukrotnie jej pole i wpisz x.
Zduplikuj kartę dla każdej strony, którą przeglądasz, albo dla każdego sprintu.
Ten szablon towarzyszy kursowi Interaction Design Foundation UX Essentials: dostępność, SEO i interfejsy dynamiczne.