Loopstudios landing page (React, TypeScript, Tailwind)

Community feedback

• 

  P

  Luciano Lima•1,290

  @LucianoDLimaPosted 8 months ago

  Opa, salve, Flavio! Sempre bom ver mais BR por aqui! Ficou muito bom o projeto!

  Feedback:

  • Ao invés de h-[100vh] você pode usar h-screen
  • O texto IMMERSIVE EXPERIENCES THAT DELIVER poderia ser um <h1>. É importante que sempre siga o nível correto das headings. Começando sempre pelo 1.
  • Os atributos alt das suas imagens possuem textos genéricos, que dificultam que usuários com tecnologias assistivas (tipo cegos que usam screen readers) saibam do que se trata. É importante adicionar uma boa descrição para imagens como essa. Por exemplo: alt="A man wearing a virtual reality headset, his mouth open in a scream of anticipation as he reaches out as if to grasp something.". A mesma coisa vale para as outras
  • Sobre os links de redes sociais no footer. É importante ter uma descrição para esse link já que ele possui apenas uma imagem, e nenhum texto. Então poderia fazer assim, por exemplo: <a href="http://facebook.com" target="_blank" aria-label="Visit our facebook page." />. Assim se alguém que possui problema de visão e usa um screen reader chegar nessa parte do site, o screen reader vai ler "Visit our facebook page. Link", e o usuário vai saber que esse link vai levar ele para outra página, sem isso, o screen reader leria apenas "Link"

  1