Audyt projektu graficznego

Audyt projektu graficznego

Tekst

1. Czy wszystkie strony posiadają nagłówki H1?
2. Czy miejsce na tekst jest wystarczająco duże? - czy projekt graficzny dba o to, by nie było zbyt mało miejsca na zaplanowane wsady tekstów, by w konsekwencji w różnych widokach litery lub wsady nie nachodziły na siebie, oraz nie kolidowały
3. Czy rozmiar tekstu jest odpowiedni? (tekst nie może być za mały na urządzeniach mobilnych, bo może być nieczytelny i spowodować błędy w Google Search Console)
4. Czy tekst i tło strony mają odpowiedni kontrast?
5. Czy zostały zastosowane różne typy i rozmiary czcionek? - maksymalnie dwie różne czcionki, rozmiary inne dla nagłówków oraz tekstów

Widok mobile

6. Czy istnieje przynajmniej jeden widok mobile projektu?
7. Czy widok mobile ukrywa część treści, która jest widoczna w desktopie?
8. Czy widok mobile w niejasny sposób ukrywa zawartość strony?
9. Czy projekt mobile jest spójny z desktopowym?
10. Czy projekt w najmniejszej wersji mobile jest przygotowany pod rozdzielczość 320×480 oraz najmniejszej pod desktop 1512px?

Projektowanie elementów

11. Czy wszystkie elementy klikalne posiadają zmieniający się hover?
12. Czy znany jest efekt kliknięcia buttona? (Co jest zamierzonym efektem i czy pokrywa się z rzeczywistościa?)
13. Czy wyróżnione zostały buttony i inne elementy kluczowe?
14. Czy poprawnie zostały zaprojektowane przełączniki, suwaki, slidery, ikony, powiadomienia, okna komunikatów?
15. Czy poprawnie zostały zaprojektowane obrazki wyróżniające? (czy w ogóle są i czy posiadają rozdziałkę 16:9?)
16. Czy grafiki nie zasłaniają informacji?
17. Czy zaprojektowano pasek cookie constent?
18. Czy zaprojektowano widok 404
19. Czy zaprojektowano widok wyszukiwania i inne widoki wynikające z projektu?
20. Czy kolorystyka zgadza się z projektem?
21. Czy nawigacja strony jest czytelna, czy menu podążą za użytkownikiem?
22. Czy Google Search Console wyrzuca jakiekolwiek błędy?

Funkcjonalności

21. Czy każda z funkcjonalności została omówiona i zaakceptowana wcześniej?
22. Czy każda z funkcjonalności jest jasna?
23. Czy wszystkie elementy zostały rozmieszone intuicyjnie?
24. Czy każda z podstron jest spójna z projektem?

WCAG 2.1. (jeśli dotyczy)

25. Czy tekst jest czytelny i ma odpowiednią czcionkę?
26. Czy tekst i tło strony mają odpowiedni kontrast?
27. Czy grafiki i obrazy są odpowiedniej wielkości?
28. Czy każda grafika lub obraz posiada alternatywny tekst z opisem w/w?
29. Czy strona posiada oprogramowanie umożlwiające odsłuchanie treści tekstowej?
30. Czy strona posiada napisy w odtwarzanych filmach?
31. Czy strona jest przystosowana do obsługi beż użycia myszki np. za pomocą klawiatury?
32. Czy treści i nagłówki są odpowiednio oznaczone?
33. Czy projekt strony jest logiczny i prosty i ma konsekwentny układ? Stopka, elementy nawigacji?
34. Czy są zaprojektowane proste komunikaty, które w wypadku błędów pokazują w jasny sposób jak mu zaradzić?