FireArt.pl

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, czyli h3. 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 znaczniku blockquote.

CSS

I to by było na tyle. Chyba najciekawszym błędem w przypadku tej strony jest całkowite zignorowanie (zapomnienie o?) HTTPS.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.