Oi pessoal, queria ver se alguém pode me ajudar, mesmo após englobar meu conteúdo con a tag <div id="conteudoForaDialog">, a tag <video> continua focável (ps: todo o resto da pagina não permite foco, somente os comandos do player).
<body>
<div id="conteudoForaDialog">
<a href="#conteudoPrincipal" class="pularNavegacao"></a>
<header>
</header>
<!--fim header-->
<main>
<video...>
</video>
</main>
<!--fim main-->
<footer>
</footer>
<!--fim footer-->
</div>
<!--fim .conteudoForaDialog-->
<div class="dialogNewsletter">
</div>
<!--fim .dialogNewsletter-->
<!-- scripts -->
</body>Já testei em vários navegadores para ver se o problema estava no chrome, mas o mesmo acontece com todos os outros.
meu projeto no github: https://github.com/thomashdsg/acessibilidadeWebAlura2
