Responsive landing page using flex-box

Community feedback

• 

  Vinicius Henrique•590

  @viniciusshenri96Posted over 2 years ago

  @MarcoFranca Parabéns por concluir o desafio, uma dica que posso te dar é sobre acessibilidade, quando você criou uma <div> vazia para a imagem:

  <div class="firstContainer--img"> </div>

  os leitores de tela não vão ver a imagem como um conteúdo no HTML, pq é uma div vazia, você pode resolver isso usando os atributos role(vai dizer que o elemento atua como uma imagem) e o aria-label(funciona como o alt), exemplo:

   <div 
    class="firstContainer--img" 
    role="img" 
    aria-label="Imagem com uma mulher segurando e assoprando uma caneca e algumas 
    informações como total de horas do curso sendo 1451 e o total de membros que é 29k"></div>
  
  

  O atributo role é um atributo criado para dar mais semântica aos elementos de documentos baseados em marcação, como o HTML, além de oferecer mais acessibilidade.

  Ótimo trabalho! 👍

  Marked as helpful

  0

  ---

  

  Marco Tullio•90

  @MarcoFrancaPosted over 2 years ago

  @viniciusshenri96 Nossa que incrível... muito obrigado pela dica, vou acrescentar no meu projeto e ja arrumar alguns outros aqui.

  muito obrigado por compartilhar o seu conhecimento e melhorar o meu.

  1