Testei meu site https://www.skyeshepherdhuts.co.uk/ outro dia usando a ferramenta PowerMapper e o seguinte problema foi sinalizado em acessibilidade. Um elemento é estilizado em CSS como
h1 { font: bold 52px/1.0 serif; }
e o PowerMapperTool reclama que o elemento h1 deve ser marcado com <strong>, como em
<h1><strong>…</strong></h1>
em vez de ser estilizado em CSS como negrito. Minha pergunta: Isso é apenas um bug na ferramenta, para ser ignorado com segurança, ou realmente vai causar confusão para usuários de tecnologia assistiva? Não pretendo que o h1 tenha ênfase semântica; é apenas uma questão de aparência para mim, como escolher uma fonte diferente.
É HTML inválido aninhar um h1 em um elemento strong, então se o PowerMapper está dizendo para você fazer isso, então está errado. Não há razão para colocar um elemento strong dentro de um h1 apenas para estilizar o h1. É perfeitamente aceitável usar CSS apenas para estilizar o h1.