-
Na Chrome dev sekcje się nie wczytują przy scrollowaniu – słabo.
-
Kontrast wielu elementów leży i na pewno nie spełnia normy WCAG 2.0.
-
Nawigacja klawiaturą jest praktycznie niemożliwa.
-
Czemu focus najpierw łapie numer telefonu, a dopiero potem menu?
-
Czemu logo nie jest klikalne?
-
Linki w menu powinny zmieniać adres. To samo tyczy się 5 kroków.
-
Po co Ci klasa .no-js
jak i tak jej później nie ściągasz?
-
Po co Ci [xmlns]
?
-
Deklaracja kodowania powinna być 1. w head
, a tuż za nią powinien by"ć nagłówek" X-UA-Compatible
.
-
Nie wyłącza się skalowania strony.
-
a:focus, a:hover {outline: none; text-decoration: none;}
Tą regułką zabiłeś podstawową funkcjonalność linków.
-
Ogólnie dziwny miszmasz w tym CSS-ie.
-
[alt=logo]
to chyba najgorsze możliwe [alt]
dla logo. Co mi po informacji, że to logo? Nic! Powinienem się dowiedzieć, czego to logo – bo przecież to chcesz mi przekazać.
-
Przycisk od menu powinien mieć tekstową etykietę (via > span.sr-only
lub [aria-label]
).
-
<div class="pt-15 slogan"><span class="glyphicon glyphicon-earphone pull-left"></span><a class="pl-10 pr-0 font-regular" href="tel:48691328000">+48 691 328 000</a></div>
Jeśli ikonka niesie dodatkową informację, jak w tym wypadku (oznacza, że to numer telefonu), to powinna jej towarzyszyć etykieta tekstowa:
<div class="pt-15 slogan">
<span class="glyphicon glyphicon-earphone pull-left" aria-hidden="true"></span>
<span class="sr-only">Telefon:</span>
<a class="pl-10 pr-0 font-regular" href="tel:48691328000">+48 691 328 000</a>
</div>
Warto zwrócić uwagę, że ikonka dodatkowo dostała [aria-hidden=true]
.
-
<div class="title-big animate-7">
<span>Usługi</span>
</div>
Ten element aż krzyczy, że jest nagłówkiem h2
!
-
Dlatego same nazwy usług powinny być h3
.
-
<i class="fa fa-globe fa-5x"></i>
Ikonki wstawia się przez elementy z [aria-hidden=true]
i najlepiej jako span
.
<span class="fa fa-globe fa-5x" aria-hidden="true"></span>
-
<p class="label-rk">Dodatkowe korzyści</p>
To też wygląda na nagłówek
-
Ogólnie spójrz na obecną hierarchię nagłówków.
-
Czemu realizacje nie są częścią hierarchii nagłówków?
-
Uważałbym z [target]
.
-
Dane kontaktowe w stopce wyglądają na dl
:
<dl>
<dt>
<span class="glyphicon glyphicon-map-marker width-25" aria-hidden="true"></span>
<span class="sr-only">Adres</span>
</dt>
<dd>65-963 Zielona Góra, ul. II Armii 48/6</dd>
[…]
</dl>
Do tego można to otoczyć w address
.
-
Dość słaby ten trick z datą w stopce… Akurat to już można raz na rok zmienić.