Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Estrutura semântica: usar header, nav, main, footer corretamente
Os elementos semânticos indicam qual parte de uma página é conteúdo principal e qual é navegação, cabeçalho ou rodapé. Verifica-se se uma página marca estas áreas — sem elas, cada sistema de análise tem de adivinhar qual é o conteúdo real.
- O benefício é duplo: leitores de ecrã oferecem atalhos para estas áreas e sistemas de análise podem separar navegação e rodapé do conteúdo. Sem marcação, o menu acaba no texto citado.
- Uma página feita apenas de elementos div é visualmente idêntica e estruturalmente cega. Mudar para os elementos certos custa pouco e funciona imediatamente.