Desenvolva Conteúdo Acessível para uma Experiência Inclusiva

Conteúdo acessível refere-se a materiais digitais, como websites, documentos, vídeos, arquivos de áudio e apresentações multimídia projetados e criados de forma a garantir que indivíduos com deficiências possam acessá-los, compreendê-los e interagir com eles de forma eficaz. Isso envolve a implementação de princípios de design inclusivo e a incorporação de recursos que acomodam várias deficiências, limitações ou incapacidades. O conteúdo acessível visa remover barreiras e proporcionar igual acesso à informação, comunicação e entretenimento para pessoas com deficiências. Vai além da mera conformidade com requisitos legais e abraça os princípios de inclusão, diversidade e igualdade de oportunidades.

Sim, o Infogram está oficialmente em conformidade com as Diretrizes de Acessibilidade de Conteúdo da Web (WCAG 2.0). Isso garante que você pode criar conteúdo acessível a pessoas com várias deficiências, como deficiência visual, mobilidade limitada e limitações cognitivas.

Com o Infogram, você pode: 

• Tornar o conteúdo do Infogram facilmente interpretável por leitores de tela. 
• Navegar pelo conteúdo publicado usando controles de teclado. 
• Aplicar princípios de design simples para melhorar a legibilidade.

Os recursos de acessibilidade do Infogram beneficiam pessoas com deficiências, incluindo aquelas com deficiência visual, limitações de mobilidade, desafios cognitivos e outros. Esses recursos facilitam o envolvimento de um público mais amplo com o seu conteúdo.

Leitores de tela ajudam pessoas com deficiência visual a usar um computador, transformando o texto em fala audível. Habilitando a opção "Visível para leitores de tela" nas configurações do seu projeto, você poderá adicionar um rótulo e uma descrição a gráficos, mapas, imagens ou ícones, bem como a logotipos personalizados e objetos agrupados. Essa descrição será então transformada de texto em fala. 

1. Crie um novo projeto ou selecione um projeto existente. Clique para selecionar um objeto na tela. 
2. A partir do painel de configurações à direita, abra a guia Acessibilidade. Habilite a opção Visível para leitores de tela (a opção é habilitada por padrão).
3. Insira um rótulo para que as pessoas entendam o que o conteúdo específico representa, por exemplo, um gráfico de barras para um demonstrativo de renda, um mapa regional da Noruega, uma imagem de uma montanha, etc. 
4. Forneça uma alternativa significativa do texto na caixa de descrição. Seja breve, conciso e expresse o resumo de uma maneira que dê vida ao elemento visual.

Selecione o idioma do seu projeto nas configurações à direita. Isso indicará que tipo de voz o leitor de tela deve usar. Você também pode encontrar essa opção nas configurações de projeto da sua conta, onde pode definir o idioma padrão.

Atalhos de teclado fornecem uma maneira alternativa de navegar e interagir com gráficos, mapas, texto, vídeos e integrações. A navegação é possível com abas, legendas, barras de pesquisa de tabelas, texto/imagens/ícones hiperlinkados, ícones de mapa e botões de reprodução de vídeo. Quando um elemento de conteúdo é selecionado, ele será destacado com um quadrado azul. Ao abrir um projeto na Visualização na Web ou incorporá-lo online, use os seguintes atalhos de teclado para navegar e interagir: 

Este artigo de suporte do Infogram ajudará você a entender melhor os atalhos de teclado.

1. Use títulos e subtítulos para criar grupos de conteúdo relacionado. 

• Conteúdo agrupado reduz a desorganização, torna mais fácil escanear e fornece estrutura. Pense em frases claras e concisas. Títulos e subseções facilitam a transição dos leitores de tela entre as seções.

1.  Use o tema e combinações de cores amigáveis para daltônicos. 

• Crie contraste entre objetos e o fundo. Use o Verificador de Contraste para verificar se suas cores atendem aos critérios de acessibilidade do WCAG. Evite cores muito brilhantes ou muito desbotadas. Para garantir que seu conteúdo seja acessível para deficientes visuais, use o tema amigável para daltônicos que pode ser encontrado nas configurações à direita. 

1. Crie designs para todos os tamanhos de tela. 

• Se planeja incorporar seu conteúdo, pense em quais dispositivos o seu conteúdo será visualizado - laptops, tablets ou telefones celulares. Use o código URL ou os códigos de incorporação responsivos e assíncronos no editor HTML do seu site. Isso garante que seu conteúdo se adapte ao tamanho da tela, oferecendo uma experiência de visualização sem interrupções. Ao projetar para dispositivos móveis, evite objetos muito pequenos. Para aprender como incorporar e quais códigos oferecemos, acesse nosso artigo sobre Incorporação de um projeto. 

1. Certifique-se de que os elementos interativos sejam fáceis de encontrar. 

• Use a opção de dicas de interatividade nas configurações do seu projeto. As dicas aparecem quando o espectador navega pelo seu conteúdo para destacar a interatividade. Para obter mais informações sobre como ativar essa opção, consulte o artigo sobre Interatividade avançada de gráficos e mapas e narrativa de dados animados. 

1. Inclua alternativas de imagem e mídia em seu design. 

• Complemente seu texto com ícones, imagens, vídeos ou gravações de voz. Use o painel à esquerda do editor para adicionar imagens/ícones da galeria gráfica, bem como vídeos e sons incorporados usando as diversas integrações do Infogram. Se você estiver usando principalmente conteúdo de vídeo e imagem, adicione legendas ou transcrições para multimídia.

1. Crie uma estrutura significativa e adicione um resumo para facilitar a navegação. Para saber como vincular seu resumo a páginas do projeto, consulte o artigo do tutorial sobre vinculação de páginas.
2. Ao usar hiperlinks, torne o texto do link significativo.