Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Dúvida sobre atributo alt?

Natan, como ficaria as descrições de uma atributo alt da tag em sites que devem funcionar em vários idiomas? O site deve conter várias versões de HTML com os textos apropriados nos idiomas?

5 respostas

Fala ai Jedson, tudo bem? Nesse caso você precisa implementar internacionalização no seu site, isso tem N maneiras de ser feito, vai depender muito de como está a arquitetura atual do seu site.

Esse processe de internacionalização é uma das formas que tornamos nossos sites multi idiomas.

Espero ter ajudado.

Olá Jedson, você precisa definir a língua que será usada na sua página quando inicia a criação dela. Deve-se indicar a língua através do meta tag "lang"=> html lang="pt". Exemplo: https://www.w3schools.com/tags/ref_language_codes.asp

Daí em diante você define o "alt" de acordo com a definição da língua escolhida para a página.

Matheus, pode dá mais informações de um processo de internacionalização simples. Por exemplo no caso uma landpage que necessite fica em três idiomas pt, es e en . Existe alguma ferramenta estilo Glup ou "algum javascript mágico" para internacionalização que lê alguns arquivos escritos em outra línguas e já troque o idioma dependendo da configuração do navegador do usuário ou localização.

Roger o problema é quando um idioma não é suficiente. Na Europa por exemplo onde vários países são próximos é bem comum sites simples funcionarem em dois a três idiomas. Apenas definir o atributo meta do html não garante que o texto de uma tag de paragrafo ou título esteja no idioma correto.

Fala Jedson, uma lib que eu curto bastante e uso em todos os meus projetos que precisam de tradução é a i18next: https://www.i18next.com/

Ela funciona com JavaScript puro e tem plugins para Gulp: https://www.npmjs.com/package/gulp-i18next-conv

Espero ter ajudado.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software