Traduzido/adaptado do original por Vinícius Barqueiro a partir do texto original “Writing Alt Text for Data Visualization”, escrito por Amy Cesal e publicado no blog Nightingale.

Traduzido / adaptado由 ViníciusBarqueiro 提供原始 文本“为数据可视化编写 替代 文本 ”，由 Amy Cesal e publicado no Blog 撰写 夜莺 。

替代文本 (O que é Texto Alternativo)

Textos alternativos são textos atribuídos a imagens para descrever seu significado visual. Bons textos alternativos ajudam mais pessoas a entender o conteúdo. Tecnologias assistivas como leitores de tela leem o texto alternativo em voz alta, de modo que os usuários possam ouvir e entender o conteúdo visual. Pessoas que usam leitores de tela frequentemente possuem algum grau de deficiência visual. Isso inclui pessoas que são totalmente cegas, mas também pessoas com baixa visão.

交替显示文本属性可视化图像。 Bons textos alternativos ajudam mais pessoas的竞争者conteúdo。 视觉上的辅助性眼科疾病或其他疾病的辅助性眼科疾病。 视觉上的比目鱼眼镜蛇。 Isso inclui pessoas quesãototalmente cegas，mastambémpessoas com baixavisão。

Quando não há textos alternativos em imagens, pessoas perdem acesso a conteúdos, simplesmente por eles serem visuais. Ou seja, conteúdos visuais sem textos alternativos não são acessíveis.

Quandonãohátextos alternativos em影像，可见比索和永久物，简单凭证。 瓦塞贾(Ou seja)，可观的联系方式。

Webaim的替代文本 ： (Definiçaõ de texto alternativo de Webaim:)

É lido por leitores de tela em lugar das imagens, permitindo que o conteúdo e a função da imagem seja acessível para todos.

在卢加斯河畔的利多里奥影像社，可以在地图上找到有趣的照片。

Aparece em lugar das imagens no navegador, se o arquivo da imagem não for carregado, ou quando o usuário escolheu não ver imagens

Aparece em lugar das没有为nareggador拍摄图像，为carregado拍摄了arquivo da imagemnão图像，而从ou quando ousuárioescolheu拍摄了图像

Provê significado semântico e descrição para imagens, o que pode ser lido por mecanismos de pesquisa, ou ser usado posteriormente para determinar o conteúdo de uma imagem fora do contexto da página.

提供对图像的科学意义上的说明，在对角质膜上的发现，在确定条件下对图像的确定，对图像的解释等。

Há muitos materiais que explicam como escrever textos alternativos de modo geral (listei mais no final do texto), mas poucos que oferecem orientações espefícicas para de como escrever textos alternativos de gráficos.

可以在通用文本上进行交流，可以在其他语言下进行交互，也可以在可替换的文本上进行交互。

普通话 (Como escrever textos alternativos de gráficos)

Você pode escrever algo curto que aborde todo o significado de um gráfico? Provavelmente você não pode. Isso não quer dizer que você não deva tentar.

Vocêpode escrever algo curto que aborde todo o significado de umgráfico吗？ Provavelmentevocênãopode。 Issonãoquer dizer quevocênãodeva tentar。

• Adicionar textos alternativos é melhor do que não fazer nada se existe informação significativa na imagem.
  文本的替代文本和图像的显着信息。

• Adicione uma descrição longa no HTML quando possível, para cobrir o significado.

  Adicione UMA descrição姜黄没有HTML quandopossível，对cobrirØsignificado。

• Complemente com um link para a base original, de modo que leitores mais interessados possam acessar os dados em seu programa de preferência.
  基本的原产地补充性商品，从现代商品到商品的优先购买权。

• Muitos leitores de tela cortam textos alternativos em 125 caracteres, então mantenha seu texto alternativo curto.

  共有125个字符 ，共有12个字符。

O World Wide Web Consortium (W3C), uma comunidade internacional que define padrões Web, oferece orientações para textos alternativos de imagens complexas, mas pode ser difícil entender como aplicá-las a gráficos. A seguir, eu proponho como aplicar tais orientações para gráficos. Não deixe de conferir também as orientações da W3C.

O万维网联盟(W3C)，国际交流协会定义了Web站点，并提供了复杂的图像交互源 ，主要的竞争者是comoaplicá-lasagráficos。 固定的，欧盟的建议书。 NAO deixe德conferirtambém作为orientações达W3C 。

Eis uma fórmula simples para escrecer textos alternativos para visualizações de dados:

Eis umafórmulasimples para escrecer textos alternativos paravisualizaçõesde dados：

Tipo degráfico (Tipo de gráfico)

É útil que pessoas com visão parcial saibam qual o tipo de gráfico. Isso dá contexto para que entenda o restante do visual.

Éútilque pessoas comvisãoparcial saibam qual o tipo degráfico。 视觉世界和视觉世界是视觉的。

Exemplo: Gráfico de Linha

示例：格拉菲科·德·林哈

Tipo de dado (Tipo de dado)

Qual tipo de dado é apresentado no gráfico? As legendas dos eixos x e y podem ajudar você a descrever isso.

优质的dadoéapresentado nográfico？ 就像传说中的艾索克斯·谢·波德姆·阿朱达·沃克(desjuver isso)一样。

Exemplo: número de bananas vendidas por dia no último ano

范例：香蕉香蕉仇杀队(Púdianoúltimoano)

Propósitodográfico (Propósito do gráfico)

Pense por que você está incluindo esse elemento visual. O que ele mostra de significativo. Isso deveria ser um ponto para cada elemento visual e você deveria dizer às pessoas o que procurar.

视觉上的视觉感受。 最重要的意义。 Isso deveria ser um ponto para cada elemento visual evocêdeveria dizeràspessoas o que procurar。

Exemplo: os meses de inverno apresentam mais vendas de bananas

示例：在香蕉上的因果关系

链接Para os dados naíntegra (Link para os dados na íntegra)

Não inclua link no texto alternativo. Você pode incluir isso em algum lugar no texto. Pessoas deveriam poder clicar em um link para ver os dados e se aprofundar neles. Isso provê transparência sobre seu recurso e permite às pessoas explorar os dados.

注意，没有链接。 Vocêpode incluir is al emum lugar no texto。 Pessoas deveriam poder clicar em um link para ver os dados e proprofundar neles。 Issoprovêêtransparênciasobre seu recurso e alloweàspessoas explorar os dados。

Example: Dados de USDA

例如：Dados de USDA

简单的文本替代示例 (Exemplo de texto alternativo de gráfico simples)

Se eu estivesse postando este gráfico do artigo do New York Times “Como reduzir tiros” em uma rede social, eu incluiria um link para o artigo e escreveria o seguinte texto alternativo:

《纽约时报 》的“社会责任证书”和“社会责任证书”，其中包括：

复杂的文本替代范例 (Exemplo de texto alternativo de gráfico complexo)

Se eu estivesse postando um gráfico menos comum, como essas linhas de calor de Ed Hawkins, eu incluiria um link para o recurso e focaria no significado usando o seguinte texto alternativo:

在欧洲，欧洲，欧洲和欧洲的联系方式：在没有任何意义的情况下，可以使用以下链接：

科摩奇语交织 (Como adicionar texto alternativo)

EmcódigoHTML (Em código HTML)

Adicione texto alternativo (alt text) alt="" a qualquer imagem significativa dentro da tag <img>. Adicione uma descrição longa (longdesc) longdesc="" quando possível.

Adicione texto alternativo(替代文本) alt=""有意义的图像标签<img> 。 Adicione umadescriçãolonga (longdesc) longdesc="" quandopossível。

没有推特 (No Twitter)

Quando adicionar uma imagem, use o botão “+ALT” ou o botão “adicionar descrição”. O Twitter tem informações completas.

Quando adicionar uma imagem，请使用“ + ALT”或“ adicionardescrição”。 推特信息完成 。

没有Instagram (No Instagram)

O Instagram esconde o recurso de texto alternativo, mas tem orientações de como adicionar texto alternativo.

在esconde o recurso de texto alternativo上，mas temorientaçõesde como adicionar texto alternativo 。

• Escolha um filtro e edite a imagem, então escolha Próximo.

  Escolha um filtro e编辑图像， entãoescolhaPróximo 。

• Toque Configurações avançadas no final da tela.

  ToqueConfiguraçõesavançadasno final da tela 。

• Toque Escrever texto alternativo.

  Toque Escrever替代品 。

微软Office产品 (Em produtos do Microsoft Office)

No Microsoft Office há vários caminhos para você adicionar texto alternativo, dependendo do programa e da versão que você usa. De todo modo, eles possuem uma extensa documentação de como adicionar texto alternativo.

没有Microsoft Office可以随时更改文字或声音，而无需依赖Microsoft编程。 De todo modo，eles possuem uma extensadocumentaçãode como adicionar texto alternativo 。

没有媒介 (No Medium)

Clique na imagem da postagem. Use a opção “Alt text” para escrever seu texto

邮寄图片。 使用oplt替代文本

Ao escrever textos alternativos eficazes e incluí-los junto aos seus gráficos, você permite que as pessoas que não enxergam a imagem entendam o conteúdo, de modo que não percam informações importantes. Textos alternativos são necessários para garantir que os conteúdos visuais sejam acessíveis.

重要的是，所有文本都可以被保存下来，并可以作为一个比喻来保存，也可以作为一个重要的内容。 可替换的文本，可查看的可转换的视图。

Outras leituras(eminglês) (Outras leituras (em inglês))

交替文本 (Textos alternativos)

• Web Accessibility Tutorials: Complex images| W3C

  Web无障碍教程：复杂图像 | W3C

• Alt Text & Accessibility | Web Aim

  替代文字和辅助功能 | 网络目标

• How to Write Great Image Alt Text | Catherine McNally

  如何编写出色的图像替代文字 凯瑟琳·麦克纳利

• The Right Way to Write Alt Text | Natalie Gotko

  写替代文本的正确方法 娜塔莉(Natalie Gotko)

达索斯视觉艺术学院 (Acessibilidade para Visualização de Dados)

• Data Visualization Accessibility: Where Are We Now, and What’s Next? | Melanie Mazanec

  数据可视化可访问性：我们现在在哪里，下一步是什么？ | 梅兰妮·马扎内克(Melanie Mazanec)

• Why Accessibility Is at the Heart of Data Visualization | Doug Schepers

  为什么可访问性是数据可视化的核心 道格·谢珀斯(Doug Schepers)

• An intro to designing accessible data visualizations | Sarah L. Fossheim

  设计可访问数据可视化的简介 | 莎拉·福斯海姆(Sarah L.Fossheim)

• 5 easy ways to make your data visualization more accessible | Amy Cesal

  5种使数据可视化更易于访问的简单方法 艾米·塞萨尔(Amy Cesal)

Agradeço a Doug Schepers e Zander Furnas pela revisão

Agradeçoa Doug Schepers e Zander Furnas 修订版

Amy Cesal é designer especializada em visualziação de dados. Ela é co-fundadora e membro do conselho da Data Visualization Society. Amy tem paixão por construir guias de estilo para visualizações de dados (tentando deixar tudo, incluindo gráficos, acessíveis); criar visualizações de dados customizadas e explorar as fronteiras entre dados e arte. Ela é mestre em Visualização de Informações pelo MICA.

Amy Cesalé 设计师特别是davids的视觉设计师。 数据可视化协会的共同赞助人。 Amy tempaixãopor guias de estilo paravisualizaçõesde dados(tentando deixar tudo，incluindográficos，acessíveis)； 达拉斯的可视化定制书画作为艺术前沿。 Elaémestre emVisualizaçãodeInformaçõespelo MICA。