REST Countries | Astro, React and Tailwind CSS

Community feedback

• 

  Bernardo Poggioni•6,770

  @R3ygoski

  Posted about 2 months ago

  Olá Alan, parabéns pela conclusão do projeto, ele está muito bom e se assemelhando muito ao design original.

  Sobre suas dúvidas quanto a acessibilidade, você pode testar tanto apertando as teclas Tab e Shift+Tab para testar a acessibilidade usando apenas o teclado.

  Também para melhorar ainda mais o teste você pode baixar o NVDA, você o encontra aqui: NVDA. Ele é um leitor de tela para deficientes visuais, então você consegue entender como uma pessoa com deficiência visual visualizaria sua página.

  Não sei se em outros navegadores tem isso, mas no Edge você consegue simular como ficaria visão embaçada e também como ficaria visão com daltonismo. O que ajuda a ver se está tudo em um tamanho adequado e em uma cor adequada.

  Agora sobre sua outra dúvida quanto a estruturação dos componentes, a primeira vista parece sim estar bem estruturado. Nunca utilizei o Astro pra valer então não sei se ele tem algo específico quanto a isso, mas se for seguir a ideia do React, então sim, está. A única sugestão que tenho a isso seria de tentar componentizar mais a página do [id].astro, como essas li que são relacionadas ao dados.

  Uma pequena observação, quando utiliza o filtro por continente e depois pesquisa, o filtro não volta ser "filter by region", o que pode causar uma confusão, como por exemplo, eu deixo o filtro em "Americas" e na pesquisa escrevo "Japão" teoricamente não deveria aparecer nada. Você pode utilizar uma Context API para facilitar o gerenciamento entre esses 2, ou seja, quando pesquisar o filtro volta a ser nenhum.

  Uma sugestão, utilize algum formatador de texto, pois tem algumas classes que elas estão muito grandes, e acaba dificultando a leitura, mas claro isso é 100% opcional. O mesmo vale para a tabulação, acredito que você utilizou tabulação de 4 espaços, talvez fosse mais interessante utilizar 2 espaços, mas novamente, é 100% opcional, opte por aquela que você tem facilidade de legibilidade.

  E uma outra pequena observação a respeito da estilização, talvez fosse interessante fazer com que os dois dropdowns fossem semelhantes no quesito de estilo, pois o dropdown de região é bem diferente do dropdown do theme. Mas note que pra fazer isso, como você irá remover o select, você terá que utilizar alguns aria e role.

  E é isso, seu projeto já está muito bom, achei interessante essa forma que você utilizou para a criação do Theme, onde utiliza um dropdown, bem criativo. Caso tenha ficado qualquer dúvida, só comentar abaixo que tentarei ajudar da melhor forma possível.

  11

  Marked as helpful