Pensando em termos de acessibilidade, descritos pelo WAI-ARIA, é preciso definir o elemento com o conteúdo principal da página com role="main"
, de modo a melhorar a acessibilidade da página para usuários que contam com tecnologias assistivas.
Por exemplo:
<html>
...
<body>
...
<div role="main">
Conteúdo principal da página
</div>
...
</body>
</html>
Contudo, o HTML5 já define um elemento main
.
Minha dúvida é, se eu substituir o código acima por esse código abaixo, as ferramentas assistivas conseguirão prover a mesma funcionalidade? Semanticamente, <div role="main">
é igual a <main>
? Ou seja, o <main>
tem um role="main"
implícito?
<html>
...
<body>
...
<main>
Conteúdo principal da página
</main>
...
</body>
</html>