Os 10 principais erros de HTML

O elemento X não é permitido como elemento filho de Y. Por exemplo, um elemento <ul> não pode ter um elemento filho <div>.

O atributo id é utilizado para identificar um único elemento dentro de um documento, e deve ser único. Verifique se há IDs repetidos no documento.

Foi encontrado um atributo inválido num elemento. Verifique a etiqueta afetada para se certificar de que os atributos estão bem formados e, se estiverem, pode considerar a utilização de atributos de dados personalizados.

Os atributos nos elementos HTML têm de ser separados por espaço.

An element with a tabindex attribute must not appear as a descendant of an <a> (anchor) element. This creates conflicting focus targets within an interactive element, confusing keyboard navigation and assistive technologies. To fix this, remove the tabindex attribute from any descendant elements inside the <a> element, or restructure your markup so that interactive or focusable elements are not nested inside links.

As etiquetas <img>, utilizadas para incluir imagens num documento, requerem um atributo alt para descrever o conteúdo da imagem. Isto é essencial para os usuários que não podem ver a imagem (como os usuários de leitores de ecrã), ou como um texto alternativo quando a imagem não pode ser exibida.

O atributo target em elementos <a> não pode estar em branco.

The type attribute on a <script> element requires a valid MIME type, but the value rocketlazyloadscript is not a recognized MIME type and is missing the required subtype component (e.g., text/javascript). This non-standard value is injected by the WP Rocket WordPress plugin to implement lazy loading of scripts. To fix this, you can either configure WP Rocket to exclude specific scripts from its lazy loading behavior, or accept these validation errors as a trade-off of using the plugin’s performance optimization.

Uma definição CSS para uma propriedade X não pôde ser compreendida pelo analisador. Verifique-a para se certificar de que está bem formada e que contém um valor apropriado.

Um elemento está a utilizar atributos ARIA, mas o seu role não foi definido. A ARIA define a semântica que pode ser aplicada aos elementos, estando estes divididos em funções (que definem um tipo de elemento da interface do utilizador) e estados e propriedades que são suportados por uma função. Os autores devem atribuir uma função ARIA e os estados e propriedades apropriados a um elemento durante o seu ciclo de vida, exceto se o elemento já tiver a semântica ARIA apropriada (através da utilização de um elemento HTML apropriado).