dicas de acessibilidade 2 | Front-end | Alura

Como faço para torna este documento mais acessível pra que todos as pessoas até mesmo as deficientes poção acessa com facilidade

</head>
<body>

Oi Mix Alexadria, to falando de tu!

<div class="Motivação">
<h1 style="text-align: center;" >O grande Maioral</h1> 
<p>Ela naceu em berso de ouro e se casou com aguem tão rico conto ela e viro a mulher mais rica do mundo</p> 
<p>Ela é bonita e tira proveito disso sempre que pode</p>
</div> 
<div class="Consequencia">
<h2>Ela por tudo isto se assa a escolida entre os deses<strong>mas na verde ela é uma socialati arrogante gruel e manipuladola</strong></h2>
<p>mais  ela não perde por espera pos logo quando a midia soube de suas fracatuas</p>   
</body>
</div>

.imagem { width: 50%; }

h1 { text-align: center; color: blue; }

.Motivação { background: #fcccfc }

p { text-align: center; }

strong { color: brown; }

h2 { text-align: center; color: chartreuse;}

.Consequencia { background: cornflowerblue }

Oi Jorge,

Para tornar seu documento mais acessível, você pode começar com algumas práticas simples e eficazes. 👍

Estrutura Semântica: Use as tags HTML de forma correta. Por exemplo, <h1> para o título principal, <h2> para subtítulos e <p> para parágrafos. Isso ajuda leitores de tela a entenderem a hierarquia do conteúdo.
Texto Alternativo em Imagens: Como você não tem imagens neste exemplo, lembre-se de adicionar o atributo alt em imagens com uma descrição textual relevante. Isso é fundamental para usuários com deficiência visual.
Contraste de Cores: Certifique-se de que o contraste entre o texto e o fundo seja suficiente para pessoas com baixa visão. Você pode usar ferramentas online para verificar o contraste.
Navegação por Teclado: Garanta que todos os elementos interativos (como links e botões) possam ser acessados e utilizados apenas com o teclado.
Legendas e Transcrições: Se você tiver vídeos ou áudios, forneça legendas e transcrições para pessoas com deficiência auditiva. 📢
Idioma: Declare o idioma principal do seu documento usando o atributo lang na tag <html>. Exemplo: <html lang="pt-br">. Isso ajuda leitores de tela e outras ferramentas de acessibilidade a processarem o texto corretamente.
Evite usar apenas cores para transmitir informações: Use texto e outros elementos visuais para complementar a informação. 💪
Use unidades relativas: Use em ou % em vez de px para tamanhos de fonte, isso permite que o usuário ajuste o tamanho do texto de acordo com suas necessidades.

No seu código, você já está usando algumas boas práticas, como a tag <h1> para o título, mas pode melhorar a estrutura semântica e o contraste de cores. 😎

Para saber mais: Guia de acessibilidade na web do W3C. Este guia oferece uma visão geral dos princípios de acessibilidade na web.

Continue praticando e explorando as ferramentas de acessibilidade! 💪