Conteúdo textual

Neste episódio, exploramos o papel do conteúdo textual na acessibilidade. Textos publicados na Web também podem conter barreiras para pessoas com deficiência se não seguirem boas práticas de escrita e estruturação, além de discutir o que considerar para garantir textos claros, acessíveis e inclusivos.

A produção deste podcast não seria possível sem o apoio da Embaixada do Reino Unido, da Secretaria de Governo Digital do Ministério da Gestão e da Inovação em Serviços Públicos e com a parceria do W3C Chapter São Paulo, Movimento Web para Todos e Acesso para todos.

Participantes

Host: Jeniffer Deus
Convidados: Leonardo Gleison, Simone Freire
Produção: Espiral Interativa, Ceweb.br e Comunicação NIC.br
Estúdio de gravação: 3 Telas
Roteiros: Espiral Interativa, Acesso para Todos, Ceweb.br
Recursos de acessibilidade:
Tradução e Interpretação de Libras-Português
Tradutora: Jade Moia
Legendas: Espiral Interativa e Ceweb.br

Link para transcrição do episódio: https://nic.br/pagina/transcricao-todos-na-web-12/ 

Redes Sociais:

https://www.youtube.com/nicbrvideos/
https://x.com/comuNICbr/
https://www.telegram.me/nicbr/
https://www.linkedin.com/company/nic-br/
https://www.instagram.com/nicbr/
https://www.facebook.com/nic.br/
https://www.flickr.com/NICbr/

Veja também:

https://nic.br
https://ceweb.br

Termos e expressões utilizados ao longo do episódio:

Abreviação: forma reduzida de escrever uma palavra ou expressão. Exemplo: “pág.” é uma abreviação de “página”.

Alinhamento à esquerda: forma de organizar o texto em que todas as linhas começam no mesmo ponto do lado esquerdo, mas podem terminar em posições diferentes do lado direito. Esse alinhamento costuma facilitar a leitura e o acompanhamento das linhas.

Ampliação de tela: recurso que aumenta o tamanho dos textos, imagens e outros elementos exibidos na tela. Também pode ser chamada de zoom.

Audiodescrição: narração que descreve o que aparece na imagem de um vídeo, como ações, expressões, cenários e informações na tela. Ajuda principalmente pessoas cegas ou com baixa visão a compreender o conteúdo.

Avatar: personagem digital que representa uma pessoa ou realiza alguma ação em uma tela. Exemplo: um intérprete virtual de Libras pode ser apresentado como um avatar que traduz um texto para a língua de sinais.

Baixa visão: condição em que a pessoa possui uma redução importante da visão, mesmo utilizando óculos, lentes ou outros tratamentos. Baixa visão não significa ausência total de visão.

Baixo letramento: dificuldade para compreender, interpretar ou utilizar informações escritas no dia a dia. Exemplo: uma pessoa pode conseguir ler as palavras de um aviso, mas ter dificuldade para entender o que precisa fazer.

Barreira de acessibilidade: problema que dificulta ou impede uma pessoa de acessar uma informação, realizar uma tarefa ou utilizar um serviço.

Braille: sistema de leitura e escrita formado por pontos em relevo, utilizado por muitas pessoas cegas ou com baixa visão.

Caixa alta: texto escrito somente com letras maiúsculas. Exemplo: ESTE TEXTO ESTÁ EM CAIXA ALTA.

Caractere: cada letra, número, espaço ou sinal utilizado em um texto. Exemplo: a palavra “casa” possui quatro caracteres. A quantidade de caracteres pode ser usada para limitar o tamanho das linhas.

Conteúdo textual: informação apresentada por meio de palavras escritas. Exemplo: títulos, notícias, instruções, mensagens de erro, legendas, botões e descrições de imagens são conteúdos textuais.

CSS: tecnologia utilizada para definir a aparência visual de páginas na web. CSS é a sigla em inglês para Cascading Style Sheets, que pode ser traduzido como “folhas de estilo em cascata”. Exemplo: o CSS pode definir o tamanho da letra, as cores, o espaçamento e o alinhamento de um texto.

Descrição de imagem: texto que comunica as informações importantes apresentadas em uma imagem. Exemplo: em vez de escrever apenas “foto”, a descrição pode informar: “Três pessoas conversam sentadas ao redor de uma mesa”.

Dislexia: condição que pode afetar a leitura, a escrita, a identificação de palavras e o acompanhamento das linhas de um texto. Exemplo: uma pessoa com dislexia pode ter dificuldade para acompanhar um texto justificado, porque os espaços irregulares entre as palavras podem parecer caminhos ou manchas no meio do parágrafo.

Dispositivo braille: equipamento eletrônico que transforma o conteúdo da tela em caracteres braille. Também pode ser chamado de linha braille ou display braille.

Exemplo: enquanto a pessoa navega por um site, o dispositivo apresenta uma parte do texto em pontos que podem ser lidos com os dedos.

Espaçamento entre letras: distância existente entre uma letra e outra. Exemplo: quando as letras ficam muito próximas, uma palavra pode parecer difícil de identificar. Quando ficam excessivamente afastadas, também podem deixar de parecer uma única palavra.

Espaçamento entre linhas: distância vertical entre uma linha de texto e a linha seguinte. Exemplo: um texto com linhas muito próximas pode parecer apertado e dificultar o acompanhamento da leitura.

Espaçamento entre parágrafos: distância utilizada para separar um parágrafo do próximo.

Exemplo: deixar um espaço entre dois assuntos ajuda a pessoa a perceber que uma ideia terminou e outra começou.

Fruição: palavra formal que pode significar uso, aproveitamento ou experiência com alguma coisa. Exemplo: “fruição do aparelho” pode ser substituído, dependendo do contexto, por “uso do aparelho” ou “interação com o celular”.

Genuflexório: pequeno apoio, muitas vezes acolchoado, usado para a pessoa se ajoelhar em igrejas.

Inteligível: algo que pode ser compreendido com clareza. Exemplo: um texto pode estar visível na tela, mas não estar inteligível se utilizar frases confusas e palavras desconhecidas.

Intérprete virtual de Libras: recurso digital que apresenta conteúdos em Língua Brasileira de Sinais por meio de um personagem ou avatar. Exemplo: a pessoa seleciona um texto e o avatar realiza a tradução para Libras.

Linguagem rebuscada: forma de escrever que utiliza palavras excessivamente formais, raras ou difíceis, mesmo quando existem opções mais simples. Exemplo: escrever “para a fruição do aparelho” em vez de “para usar o aparelho”.

Linguagem simples: forma de comunicar uma informação para que as pessoas consigam encontrar, entender e utilizar o conteúdo com facilidade. Isso envolve escolher palavras conhecidas, escrever frases diretas, organizar as informações e explicar termos técnicos quando forem necessários. Exemplo: em vez de “o usuário deverá efetuar a inserção de suas credenciais”, pode-se escrever “Digite seu nome de usuário e sua senha”.

Leitor de tela: tecnologia assistiva que identifica os elementos exibidos na tela, por exemplo, de um computador ou celular e apresenta essas informações por voz ou de forma tátil em um dispositivo braille. É utilizado principalmente por pessoas cegas ou com baixa visão.

Libras: Língua Brasileira de Sinais, utilizada por muitas pessoas surdas no Brasil.

Libras possui estrutura e regras próprias. Não é apenas uma tradução palavra por palavra do português.

Ordem inversa: construção de frase em que as palavras aparecem em uma ordem diferente daquela que normalmente usamos na comunicação cotidiana. Exemplo: “Ao preenchimento do formulário deverá proceder o usuário” está em uma ordem mais difícil. Uma forma mais direta seria: “O usuário deve preencher o formulário”.

Pontuação: conjunto de sinais utilizados para organizar as ideias e indicar pausas, perguntas, explicações e encerramentos. Exemplo: vírgula, ponto final, ponto de interrogação e dois-pontos são sinais de pontuação.

Responsividade: capacidade de uma página se reorganizar de acordo com o tamanho da tela ou com o nível de ampliação utilizado. Uma página responsiva pode funcionar em computadores, celulares, tablets e telas ampliadas.

Rolagem lateral: movimento necessário para visualizar conteúdos que ficaram escondidos à direita ou à esquerda da tela. Também pode ser chamada de “scroll” lateral.

Exemplo: quando uma linha é maior que a largura da tela, a pessoa precisa mover a página horizontalmente para terminar de lê-la.

Semântica: uso de elementos que informam corretamente o significado e a função de cada parte do conteúdo. Exemplo: identificar um título como título, um botão como botão e uma abreviação como abreviação ajuda as tecnologias assistivas a interpretar a página.

Sigla: conjunto formado pelas letras iniciais de um nome ou expressão. Exemplo: IBGE é a sigla de Instituto Brasileiro de Geografia e Estatística.

Simulador de dislexia: recurso que tenta demonstrar algumas dificuldades de leitura que podem ser vivenciadas por pessoas com dislexia. Exemplo: o simulador pode alterar a posição das letras, apresentar espaços irregulares ou dificultar o acompanhamento das linhas.

Sintetizador de voz: tecnologia que transforma texto escrito em fala. Exemplo: o sintetizador recebe a frase “Vire à esquerda” e a reproduz em voz alta. É a voz utilizada por muitos leitores de tela, sistemas de navegação e assistentes digitais.

Surdocegueira: deficiência que combina perdas auditivas e visuais em diferentes níveis.

A pessoa com surdocegueira pode utilizar diferentes formas de comunicação, como Libras tátil, braille, dispositivos eletrônicos, ampliação ou outros recursos.

Tag semântica: marcação utilizada no código de uma página para indicar o significado ou a função de um conteúdo. Exemplo: uma tag pode informar que determinado trecho é um título, um parágrafo, uma abreviação ou uma área de navegação.Isso ajuda navegadores e tecnologias assistivas a interpretar corretamente a página.

Tecnologia assistiva: ferramenta que ajuda pessoas com deficiência a usar tecnologias digitais. Exemplos: leitores de tela, ampliadores de tela, teclados adaptados e comandos por voz.

Texto centralizado: texto posicionado no centro da página ou de uma área. Exemplo: títulos curtos podem ser centralizados, mas textos extensos costumam ser mais fáceis de acompanhar quando alinhados à esquerda.

Texto justificado: texto alinhado simultaneamente às margens esquerda e direita.

Para produzir esse alinhamento, o sistema cria espaços de tamanhos diferentes entre as palavras. Exemplo: em uma linha, as palavras podem ficar muito afastadas; em outra, muito próximas.

Usabilidade: facilidade com que uma pessoa consegue utilizar um site, aplicativo, produto ou serviço. Exemplo: uma página possui boa usabilidade quando a pessoa encontra o que procura, entende as instruções e consegue concluir uma tarefa sem dificuldades desnecessárias.

Zoom: recurso utilizado para aumentar ou diminuir a visualização de uma página. Exemplo: aplicar zoom de 200% significa exibir o conteúdo com o dobro do tamanho original.

Além dos termos que comentamos aqui, a Norma ABNT 17225 traz uma seção de termos e definições que pode complementar seu entendimento e apoiar você nessa jornada.