<img src="resources/img/logo-white.png" alt="Jakub Ławniczak" class="logo">
To nie powinno być w nawigacji IMO.
<a class="mobile-nav-icon js--nav-icon"><i class="ion-toggle"></i></a>
To powinien być przycisk, ładnie podpięty, z dostępnie zrobioną ikonką i alternatywną treścią tekstową. Przykładowa implementacja.
<i class="ion-social-css3 icon-skill"></i>
Ikonki ozdobniki powinny mieć [aria-hidden=true]. No i powinno się je robić na span. Nie ma żadnego uzasadnienia dla używania i tutaj.
<img src="resources/img/BUDMAR.jpg">
A gdzie się [alt] podział? Jak go dubluje treść nagłówka, to niech będzie pusty.
<ul class="contact-list">
<li>Jakub Ławniczak</li>
<li>Poznań</li>
<li>691-149-902</li>
<li>jakub.lawniczak@hotmail.com</li>
</ul>
To bynajmniej nie jest lista + można spokojnie otoczyć address.
Hash w adresie się nie uaktualnia przy scrollu, a powinien.
<a class="btn btn-full js--scroll-to-contact" href="#">Napisz do mnie</a>
Tragicznie głupi pomysł. Nie ma jakiegokolwiek uzasadnienia zepsucie linka poprzez podanie całkowicie bezsensownego [href], a mimo wszystko odsyłanie do konkretnej sekcji na stronie.
<div class="col span-1-of-3 box">
<img src="resources/img/Okto_kadry31-1030x579.jpg" alt="MBN">
<h3>MBN Nadstaga</h3>
<div class="job-feature">
<i class="ion-calendar icon-small"></i>01.2010 - 06.2013
</div>
<div class="job-feature">
<i class="ion-person icon-small"></i>Specjalista ds. sprzedaży
</div>
<div class="job-feature">
<i class="ion-ios-home icon-small"></i><a href="http://mbn-nadstaga.pl/" target="_blank"> Strona www</a></div>
</div>
To wygląda jak typowa lista klucz-wartość:
<section class="col span-1-of-3 box">
<img src="resources/img/Okto_kadry31-1030x579.jpg" alt="">
<h3>MBN Nadstaga</h3>
<dl>
<dt>
<span class="ion-calendar icon-small" aria-hidden="true"></span>
<span class="visuallyhidden">Czas pracy</span>
</dt>
<dd>
<time datetime="2010-01/2013-06">01.2010–06.2013</time>
</dd>
<dt>
<span class="ion-person icon-small" aria-hidden="true"></span>
<span class="visuallyhidden">Stanowisko</span>
</dt>
<dd>Specjalista ds. sprzedaży</dd>
<dt>
<span class="ion-ios-home icon-small" aria-hidden="true"></span>
<span class="visuallyhidden">Strona WWW firmy</span>
</dt>
<dd>
<a href="http://mbn-nadstaga.pl/">MBN-Nadstaga.pl</a>
</dd>
</dl>
</section>
Tak, wstawiłem to w sekcję (bo jest nagłówek) i poprawiłem ikonki. Implementację .visuallyhidden najlepiej wziąć z H5BP.