Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida H1 com imagem (inclusão)

Bom dia/tarde/noite, tudo certo?

Estou com uma dúvida referente ao título principal (H1) com imagem:

        <header>
            <h1><img src="logo.png"></h1>    
        </header>

Existe alguma de descrever o logo em texto, mas não aparecer no navegador? Visando isso para que leitor de tela aos deficientes visuais faça um trabalho correto. Tem algum curso que fala sobre isso? Tenho essa dúvida, pois imagino que leitor não consiga ler de forma clara um arquivo e passar a mensagem correta para a pessoa.

Abraços!!

2 respostas
solução!

Olá Rodrigo, bom dia!

Existe o elemento alt="" que é utilizado para descrever em texto a imagem a qual o alt está relacionado.

Exemplo:

 <header>
            <h1><img src="logo.png" alt="Este é o logo desta página"></h1>    
        </header>

        <main>
                <img src="background.png" alt="Esta é a imagem de fundo da página">
        </main>

Espero ter lhe ajudado, até mais e bons estudos!

Muito obrigado Arthur!

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