Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.
Durante o processo de auditoria de acessibilidade e...
Durante o processo de auditoria de acessibilidade e otimização para motores de busca do portal do CFBM, identificou-se que a estrutura do código-fonte utilizava divisores genéricos (<div>) para toda a composição do layout, dificultando a navegação por teclados e a indexação precisa de conteúdos governamentais. Para realizar a refatoração do template principal seguindo os padrões da W3C e do e-MAG (Modelo de Acessibilidade em Governo Eletrônico), o desenvolvedor deve reestruturar a página de forma que os blocos de hiperlinks de navegação global e o conteúdo informativo central (específico de cada página, como uma nova Resolução Plenária) sejam envoltos por elementos que descrevam sua finalidade técnica. Para alcançar esse objetivo, as tags semânticas que devem ser empregadas, respectivamente, são:
A
<aside> para a barra de navegação secundária e <div> para o container que armazena o feed de notícias do Conselho.
B
<div> com atributos de classe descritivos para cada seção e <span> para agrupar os fluxos de texto de resoluções técnicas.
C
<nav> para delimitar o conjunto de links de navegação principal e <main> para identificar o conteúdo central e predominante do documento.
D
<ul> para estruturar a lista de links do menu e <section> para envolver de forma genérica todos os componentes que integram o rodapé.