# Atributo ALT

![](/files/9EiDNDW6yHudT3iZ6N2w)

### Situação

O atributo `alt` indica para o navegador e para os leitores de tela o possível conteúdo que as imagens contem. Isso permite que pessoas com problemas de acessibilidade consigam entender os elementos gráficos disponibilizados.

Elementos informativos precisam conter no atributo `alt` um texto alternativo curto e descritivo. Elementos decorativos podem ser ignorados com um atributo `alt` vazio.

### Recomendação

Forneça um atributo `alt` para cada elemento `<img>`. Se a imagem não carregar, o texto desse atributo será usado como um espaço reservado para que os usuários tenham uma ideia do que a imagem estava tentando transmitir.

{% code title="Exemplo" %}

```html
<img alt="iPhone 12" src="...">
```

{% endcode %}

Se a imagem atuar como decoração e não fornecer nenhum conteúdo útil, atribua a ela um `alt=""` vazio para removê-la da árvore de acessibilidade.

{% code title="Exemplo decorativo" %}

```markup
<img src="background.png" alt="">
```

{% endcode %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://partners.tray.com.br/themes/construindo-seu-template/core-web-vitals/acessibilidade/atributo-alt.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.