Layout seção de quatro cartões utilizando HTML5/CSS3

Community feedback

• 

  P. Ricardo•2,370

  @pRicard0Posted 6 months ago

  Algumas diquinhas...

  • Ao invés de utilizar uma <section> para englobar seu h1 e o parágrafo, acho que seria mais semântico utilizar uma <header>
  • Para as figurinhas do canto inferior direito das quatro outras sections, é recomendado deixar o atributo alt vazio pois são imagens meramente ilustrativas e para esse tipo de imagem, é recomendado deixar em branco para impedir que leitores de telas leiam esse atributo alt, que não enriquece em nada a experiência de alguém com deficiência visual, na verdade só piora.

  Marked as helpful

  0

  ---

  

  Matheus Bustamante•260

  @MTbustamante98Posted 6 months ago

  @pRicard0 Valeu pelas dicas amigo. O Accessibility report do site retornou que eu deveria adicionar texto ao alt="", até achei que não fosse necessário, mas acabei colocando. Obrigado pelas dicas.

  0

  

  P. Ricardo•2,370

  @pRicard0Posted 6 months ago

  @MTbustamante98 Pois é, é que o accessibility report, lighthouse e paradas assim não vão levar em consideração se a imagem é decorativa ou não. Afinal... ele não tem como saber

  0