<h2 class="secaoDestaque-texto">
A Apeperia é uma startup com um jeito inovador de comprar e montar aplicativos mobile e web para pequenas e médias empresas
</h2>
No exemplo da aula, apesar de corrigir os títulos <h1>
corretamente está se utilizando alguns <h2>
de forma indevida.
Semanticamente o <h...>
deve ser utilizado para identificar títulos e não para forçar a navegação via tecla H
do leitor de telas e também não deve ser utilizado como elemento de formatação de fonte.
O <h...>
define a hierarquia de títulos e tudo que vier abaixo de um <h...>
que não seja um subtítulo deve ser tratado com parágrafo. No código acima o texto deveria ser tratado como parágrafo.
É extremamente importante seguir a sintaxe e semântica da linguagem HTML
para tratar corretamente a acessibilidade das páginas. Colocando um <h2>
em um texto que deveria ser um parágrafo poderá confundir a pessoa usando o leitor de telas, pois após um título ou subtítulo esperasse encontrar o parágrafo correspondentes.
Da forma como foi utilizado fica parecendo que existe uma sequência de títulos, ao invés de ter um título e logo após o conteúdo descritivo.
Sugiro corrigir o exemplo.