Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida H1 com imagem (inclusão)

Referente ao curso HTML5 e CSS3 parte 2: posicionamento, listas e navegação, no capítulo Criando uma nova página e atividade Novo cabeçalho

por RODRIGO VIEIRA RODRIGUES
| 168.5k xp | 46 posts

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!
por Arthur Gonçalo Barreto Dantas
| 115.6k xp | 23 posts
Middleware Support

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!

por RODRIGO VIEIRA RODRIGUES
| 168.5k xp | 46 posts

Muito obrigado Arthur!