Japońskiego się kiedyś uczyłem, ale kilkanaście stopni formalizmu, czy kilka rodzajów liczebników zależnie czy liczymy przedmioty, przedmioty podłóżne, ludzi itp. skutecznie mnie zniechęciło do dalszej nauki ;) Hiragana i Katakana to najmniejszy kłopot - no może Kanji też...
Ale ten tekst na tym białym tle, strasznie to irytujące... Oprócz Cookie alertu, daj jeszcze jeden alert czy wyrażają zgodę na psucie wzroku ;D
Nie jestem grafikiem, ale ocenię twój kod ;)
<ul>
<a href="../index.html"><li class="menu">Witaj!</li></a>
<a href="#container"><li class="menu">Dlaczego japoński?</li></a>
<a href="o-jezyku.html"><li class="menu">O języku</li></a>
<a href="podstawy-alfabetu.html"><li class="menu">Podstawy alfabetu</li></a>
<a href="kana.html"><li class="menu">Kana - ćwiczenia</li></a>
<a href="nauka-slowek.html"><li class="menu">Nauka słówek</li></a>
<a href="roznosci.html"><li class="menu">Różności</li></a>
<a href="kontakt.html"><li class="menu">Kontakt</li></a>
<li class="menu"></li>
</ul>
<a> powinno być w środku <li>, a nie tak jak teraz. Np. tak:
<li class="menu"><a href="../index.html">Witaj!</a></li>
<a href="https://www.facebook.com/twoj.japonski/" target="blank"><div class="socialf"><i class="demo-icon icon-facebook"></i></div></a>
<a href="http://youtube.com" target="blank"><div class="socialg"><i class="demo-icon icon-youtube"></i></div></a>
<a href="http://plus.google.com" target="blank"><div class="socialy"><i class="demo-icon icon-google-plus-circle"></i></div></a>
To powinno być najlepiej w formie listy np. ul[class="social"]. A jeśli chodzi o ikonki Fontello to zupełny brak Accessibility.
<img class="image1" src="../images/image3.jpg" alt="Ruchliwa ulica w Tokio"
Plus, za poprawne użycie [alt] - już się bałem że będzie [alt="zdjęcie"]... ;)
Polecam też przeczytać lekturę
http://tutorials.comandeer.pl/html5-blog.html