rafaelvieiracosta / form-multi-step

Formulário com várias etapas
https://form-multi-step-one.vercel.app
1 stars 0 forks source link

Mensagem de Parabéns pelo Projeto e Pelo README.md Genial #1

Open djedu28 opened 1 year ago

djedu28 commented 1 year ago

Olá Rafael (@rafaelvieiracosta),

Peço desculpas por criar um issue no seu projeto, mas não consegui encontrar uma forma melhor de enviar uma mensagem.

Gostaria de te parabenizar pela criatividade no projeto, e principalmente pelo arquivo README.md que você criou, simplesmente é GENIAL! E foi justamente por causa dele que eu precisava muito mandar essa mensagem.

djedu28 commented 1 year ago

Para melhorar o texto, podemos fazer as seguintes alterações:

Depois de acessar a tua página de perfil e refletir um pouco, percebi que o uso de imagens pode causar problemas na indexação de conteúdo pelos buscadores. Isso pode afetar a visibilidade do teu projeto e a relevância para recrutadores.

Sendo assim, recomendo criar um sub-arquivo em formato Markdown com o conteúdo em texto do README.md principal e inseri-lo como um link no README.md. Você pode nomear esse link como "Acessar no formato texto" ou algo similar, com a justificativa de auxiliar leitores de tela e pessoas com baixa visão.

Além disso, considero útil renomear o texto da imagem no teu perfil de "readme" para algo mais relevante, para que os leitores de tela possam narrar o conteúdo ou até mesmo incluir o texto que está presente na imagem.

Outra alternativa, que pode ser ainda melhor e mais avançada, seria utilizar tags HTML. Infelizmente, não é possível criar um HTML completo no Markdown do GitHub, mas você pode usar algumas tags, como <picture> e <img>, para ajustar a posição, o formato e o texto para os leitores de tela.

O github tem um tutorial ensinando a como adicionar imagens nesse formato avançado, ele dá esse exemplo:

Shows an illustrated sun in light mode and a moon with stars in dark mode.

Inclusive, neste exemplo é autoajustado a imagem conforme o tema do navegador, se for dark (aparece a lua) ou light (aparece o sol)

<picture>
 <source media="(prefers-color-scheme: dark)" srcset="YOUR-DARKMODE-IMAGE">
 <source media="(prefers-color-scheme: light)" srcset="YOUR-LIGHTMODE-IMAGE">
 <img alt="YOUR-ALT-TEXT" src="YOUR-DEFAULT-IMAGE">
</picture>

Para mais informações sobre a importância da acessibilidade e o uso de leitores de tela, você pode acessar os seguintes links:

Com essas sugestões, você estará tornando o conteúdo do teu projeto mais acessível a um público mais amplo, incluindo pessoas com deficiência visual, e os buscadores indexarão teus projetos e perfil da forma correta, gerando conversão natural para teu portfólio no github.