Semantyczny HTML

Najpierw poprawna struktura, potem dodatki. HTML ma mówić, czym jest element.

Instrukcja praktyczna

Co trzeba sprawdzić?

  • Czy na stronie jest jeden H1 i logiczna hierarchia nagłówków.
  • Czy linki są linkami, przyciski przyciskami, a pola formularza mają etykiety.
  • Czy tabele danych używają caption, th i scope.
  • Czy listy są oznaczone jako listy, a nie zbudowane z przypadkowych divów.
  • Czy główne obszary strony są rozpoznawalne: header, nav, main, footer.
  • Czy interakcje działają bez myszki i bez sztucznego tabindexu.