Dzisiaj na WebKrytyku tradycyjnie, a więc ocena strony WWW. Padło na FireArt.pl
Uwagi ogólne/wygląd
-
Strona działa wyłącznie po HTTP, próba przełączenia się na HTTPS pokazuje standardową zaślepkę hostingu (screen).
-
Wskaźnik focusu nie jest widoczny w sekcji Realizacje na stronie głównej. Co ciekawe, ten problem nie występuje na podstronie Realizacje.
-
Kontrast pomiędzy kolorem nagłówków a tłem jest zdecydowanie za mały. Nagłówki są dla mnie niemal nieczytelne.
-
W formularzu kontaktowym nie wszystkie etykiety są poprawnie podpięte do pól, np. etykieta
Adres email
odsyła do pola na imię. -
Nie bardzo rozumiem zamysł podziału strony na podstrony. Na stronie głównej bowiem znajduje się praktycznie cała treść z podstron O mnie i Realizacje. Są jedynie przedstawione w nieco innej formie. W takim wypadku zastowałbym po prostu one-page.
Kod
HTML
-
Logo strony jest wstawione przy pomocy znacznika
svg
bezpośrednio do linku. To sprawia, że ten link z punktu widzenia technologii asystującej nie ma tekstowej etykiety, a więc nie wiadomo dokąd prowadzi. Można to rozwiązać, dodając np. atrybut[aria-label]
do linku.Ten zarzut dotyczy praktycznie wszystkich linków na stronie, w których występuje ikonka.
-
Przycisk menu jest zrobiony niepoprawnie. Na szczęście ostatnio pisałem o tym na WebKrytyku.
-
Hierarchia nagłówków w przypadku sekcji z realizacjami jest zaburzona. Jeśli tytuł całej sekcji to
h2
, to tytuły poszczególnych projektów powinny być poziom niżej, czylih3
. Dodatkowo typ projektu (organizacja
,motoryzacja
itp.), jako podtytuł, nie powinno być nagłówkiem, a po prostu akapitem. -
W realizacjach pokusiłbym się też o dokładniejszy opis, co jest pokazane na screenach. Powtórzenie tytułu strony jako atrybutu
[alt]
jest mało informatywne. -
div.quote
aż się prosi, żeby być pełnoprawnym cytatem opartym na znacznikublockquote
.
CSS
-
.section-normal .section-header .section-title
I to by było na tyle. Chyba najciekawszym błędem w przypadku tej strony jest całkowite zignorowanie (zapomnienie o?) HTTPS.