Acessibilizando conteúdo e materiais
Acessibilizando conteúdo e materiais
para alunos Deficientes Visuais
Ministério da Educação – Secretaria de Educação Profissional e Tecnológica Rede Nacional de Pesquisa e Inovação em Tecnologias Digitais - RENAPI Projeto de Acessibilidade Virtual
• Este material tem por objetivo orientar os professores quanto às diversas formas que podem ser utilizadas para acessibilizar materiais impressos e digitais, fazendo com que os alunos
Acessibilizando conteúdo e
materiais para alunos DVs
impressos e digitais, fazendo com que os alunos DVs (deficientes visuais) tenham autonomia para realizar atividades rotineiras de estudante;
• Cada material a ser acessibilizado, digital ou impresso merece especial atenção. Estes slides trarão dicas básicas sobre como preparar os materiais para alunos DVs em editores de texto,
Acessibilizando conteúdo e
materiais para alunos DVs
materiais para alunos DVs em editores de texto, planilhas eletrônicas e editores de apresentação;
• Tornar acessível um conteúdo para DVs pressupõe atenção às especificidades de cada um;
• Lembramos que o material a ser elaborado para um DV deve ser o mais simples possível facilitando, assim, sua leitura pelo Leitor de Telas;
Acessibilizando conteúdo e
materiais para alunos DVs
• O professor deverá perceber as restrições de seu aluno para poder transmitir o conteúdo da melhor maneira possível, com criatividade e muito diálogo.
Acessibilizando imagens e figuras
• Toda e qualquer figura em um material didático digital deve ser descrita, isto é, possuir equivalência textual, facilitando assim sua compreensão por parte do aluno deficiente visual. Abaixo temos
alguns exemplos de imagem sem e com
alguns exemplos de imagem sem e com
equivalência textual:
Casal feliz dividindo um guarda-chuva, em dia chuvoso
Fonte: http://3.bp.blogspot.com/_QWtGuz39pYQ/SWNgysabmfI/AAAAAAAAEpU/hlfii8MWmLc/s400/CASAL-NA-CHUVA.jpg
Imagem com Equivalência textual Imagem sem Equivalência textual
• No caso de slides que serão apenas apresentados pelo professor durante uma aula e não disponibilizados a posteriori para o aluno, o próprio professor poderá fazer oralmente a descrição das imagens;
Acessibilizando imagens e figuras
imagens;
• Tratam-se de pequenos detalhes que fazem a diferença na elaboração de materiais para DVs;
• A imagem abaixo nos mostra uma figura devidamente descrita. Para nós normo-visuais, sua descrição está clara e objetiva;
• Mas para os DVs, que necessitam do auxílio de um software Leitor de Telas para realizar a leitura, a descrição da imagem no slide anterior não ajudaria muito, pois a mesma faz parte da figura, tudo faz parte de uma mesma imagem. Na imagem abaixo
Acessibilizando imagens e figuras
parte de uma mesma imagem. Na imagem abaixo temos uma caixa de texto com borda e a descrição da mesma, dentro da caixa, é lida pelo Leitor de Telas.
Casal feliz dividindo um guarda-chuva, em dia chuvoso.
• Abaixo, visualizamos o logotipo que representa o programa Símbolo de Acessibilidade na WEB, e um exemplo de como seria sua descrição;
Acessibilizando imagens e figuras
• A descrição da figura “Símbolo de Acessibilidade na Web” ficaria assim: a figura nos mostra um globo inclinado, com uma grelha sobreposta. Na sua superfície está recortado um buraco de fechadura, esta imagem é o símbolo da acessibilidade na web.
Acessibilizando imagens e figuras
Acessibilizando vídeos
• Quando for necessário utilizar um link de vídeo na internet, por exemplo, o melhor seria fazer o download do vídeo e disponibilizar o arquivo.
Tela inicial de um vídeo do site Youtube.com , nela vemos árvores na beira de um rio, em um dia nublado
Acessibilizando Cabeçalhos e Rodapés
• Como citado no slide de apresentação, o material a ser elaborado deve ser o mais simples possível, então o recomendável é não utilizar Notas de Cabeçalho, nem de Rodapé. Estes, como estarão
Dicas Gerais
Cabeçalho, nem de Rodapé. Estes, como estarão presentes em todas as páginas do arquivo, confundirão o Leitor de Telas, fazendo com que sua leitura interprete os mesmos como parte integrante do conteúdo;
Acessibilizando Tabelas
Dicas Gerais
• Os Leitores de Telas realizam a leitura de tabelas, desde que elas estejam linearizadas, ou seja, sem linhas ou colunas mescladas. Dessa forma os DVs linhas ou colunas mescladas. Dessa forma os DVs que fazem uso do Leitor de Telas sabem que a leitura é realizada de forma linear, mas podem interpretar algumas informações de maneira errada. Para tentar evitar que isto aconteça algumas medidas são recomendadas:
• Não utilizar linhas ou colunas mescladas, ou seja, linhas ou colunas que quando agrupadas formam uma só;
• Se a tabela estiver em formato de imagem, como
Dicas Gerais
• Se a tabela estiver em formato de imagem, como aquelas escaneadas ou copiadas da internet, é preciso que haja a descrição da mesma;
• Em documentos de texto, o Leitor de Telas não realiza a leitura do conteúdo inserido em Cabeçalhos e Rodapés.
Numero do Funcionário
Nome Data de Admissão Função
063 Ana Paula Vargas 24/02/2007 Assistente de RH
035 Daniel de Abreu 10/03/2009 Eletricista
Exemplo: Tabela de cadastro de funcionários
Dicas Gerais
045 Marcelo Silva 06/10/2007 Soldador
069 Pedro Ramos 25/09/2009 Auxiliar de compras
• Agora vamos exemplificar os dados da tabela de forma linear, esta é a maneira que o Leitor de Telas realiza a leitura, sequencialmente, uma célula depois da outra.
• Descrição da tabela “Cadastro de funcionários”:
A tabela segue a ordem:
- Nº do Funcionário – Nome – Data de Admissão – Função. - 063 – Ana Paula Vargas – 24/02/2007 – Assistente de RH.
Dicas Gerais
- 063 – Ana Paula Vargas – 24/02/2007 – Assistente de RH. - 035 – Daniel de Abreu – 10/03/2009 - Eletricista.
- 045 – Marcelo Silva – 06/10/2007 - Soldador.
• Quando escanear um material, páginas de um livro por exemplo, sempre selecione a opção “Salvar em formato texto”, para que o Leitor de Telas consiga efetuar a leitura. Caso contrário, ele interpretará o material escaneado como uma imagem, que
Acessibilizando arquivos de texto
material escaneado como uma imagem, que consequentemente não estará acessível.
• Depois de escanear o material desejado, salve seu arquivo com extensão .txt ou .doc no editor de textos. No próximo slide temos como exemplo a imagem da página de um livro escaneada.
Acessibilizando arquivos de texto
Acessibilizando materiais em
Editores de textos
Editores de texto
Sobre a utilização de Caixas de texto
• Caixas de texto são comumente utilizadas na elaboração de materiais didáticos. Muitas vezes auxiliam na melhor compreensão de um texto, chamando a atenção para um determinado assunto chamando a atenção para um determinado assunto no decorrer do mesmo;
• Para inserir uma Caixa de texto em seu arquivo .doc, ou seja, arquivo gerado pelo aplicativo Word, basta acessar o menu “Inserir “e clicar em “Caixa de texto”;
• Já no aplicativo BrOffice Writer, as Caixas de texto são chamadas de “Quadros”, sendo assim, para inserir um “Quadro” no BrOffice Writer é preciso acessar o menu “Inserir” e clicar em “Quadro”;
Editores de texto
• No entanto alguns cuidados devem ser tomados na utilização de Caixas de texto, pois estas podem prejudicar o desempenho dos Leitores de Tela, fazendo com que não leiam o conteúdo inserido dentro delas.
• Vamos analisar dois exemplos elaborados em um Editor de textos. Visualmente eles são iguais, mas para um DV que faz uso de um Leitor de Telas, não é tão simples assim. No Exemplo 1 foi inserida uma Caixa de texto, que não é reconhecida pelo Leitor
Editores de texto
A expressão “acessibilidade”, presente em diversas áreas de atividade, tem também na informática um importante significado. Representa para o nosso usuário não só o direito de acessar a rede de informações, mas também o direito de eliminação de barreiras arquitetônicas, de disponibilidade de comunicação, de acesso físico, de equipamentos e programas adequados, de conteúdo e apresentação da informação em formatos alternativos.
Caixa de texto, que não é reconhecida pelo Leitor de Telas, isto é, ele não realiza a leitura do conteúdo.
• No Exemplo 2, foi inserida uma borda no texto, no visual o efeito de marcação é o mesmo, e para o Leitor de Telas a borda não influencia em sua leitura. Para inserir uma borda em um texto no
Word Office 2007, siga os passos descritos no
Editores de texto
Word Office 2007, siga os passos descritos no
próximo slide.
Exemplo 2 – Borda
A expressão “acessibilidade”, presente em diversas áreas de atividade, tem também na informática um importante significado. Representa para o nosso usuário não só o direito de acessar a rede de informações, mas também o direito de eliminação de barreiras arquitetônicas, de disponibilidade de comunicação, de acesso físico, de equipamentos e programas adequados, de conteúdo e apresentação da informação em formatos alternativos.
• Primeiro você precisa selecionar o parágrafo, palavra ou frase desejados; depois localize e clique no menu “Layout de Página”. Nesse Menu, no grupo “Plano de Fundo da Página”, clique em
“Bordas de Página” e na aba “Bordas”, selecione a
Editores de texto
“Bordas de Página” e na aba “Bordas”, selecione a
borda desejada;
• No BrOffice Writer 2.2 você também pode inserir
uma borda. Para isso selecione o parágrafo, palavra ou frase desejados; no menu “Inserir” clique
em “Quadro” e na aba “Bordas”, selecione a borda
Acessibilizando Apresentações de
slides
• Opte por utilizar layouts de slides do Editor de apresentações para a digitação de todo o texto ou então utilize caixas de texto em todo o slide, ou seja: não misture layouts de slides e Caixas de texto em um mesmo slide;
Acessibilizando apresentações de slides
texto em um mesmo slide;
• Trabalhe com o texto em tópicos. Isto facilita a compreensão por parte do deficiente visual, além de manter uma ordem linear, uma sequência;
• Garanta um bom contraste entre fundo e fonte;
• Mantenha um padrão do início ao fim da apresentação;
Acessibilizando apresentações de slides
• Quanto à formatação, para o Leitor de Telas não tem diferença, mas para quem possui Baixa Visão, algumas dicas são importantes, como utilizar fontes
• As serifas são os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras. As famílias tipográficas sem serifas são conhecidas como sans-serif (do francês, sem
serifa). Os textos serifados são usados em blocos
Acessibilizando apresentações de slides
serifa). Os textos serifados são usados em blocos
de texto, como em um romance, pois as serifas tendem a guiar o olhar através do texto (WIKIPÉDIA, 2007);
Acessibilizando apresentações de slides
• O ser humano lê palavras ao invés de letras individuais, assim as letras serifadas parecem juntar-se devido aos seus prolongamentos, unindo as palavras. Já as fontes sem-serifa costumam ser usadas em títulos e chamadas, pois valorizam cada usadas em títulos e chamadas, pois valorizam cada palavra individualmente e tendem a ter maior peso e presença para os olhos, chamando a atenção, já que parecem mais limpas (WIKIPÉDIA, 2007);
Acessibilizando mapas, gráficos e
fórmulas
• No exemplo abaixo observamos a imagem de um mapa. Como o Leitor de Telas não realizará a leitura, pois se trata de uma imagem, sugerimos, neste caso, a seguinte descrição como exemplo:
Acessibilizando Mapas
Descrição do mapa anterior:
O mapa refere-se às 5 regiões brasileiras, no qual a região Norte encontra-se na parte superior do mapa (Acre, Amazonas, Rondônia, Roraima, Amapá, Pará e Tocantins); ao
Acessibilizando Mapas
Amazonas, Rondônia, Roraima, Amapá, Pará e Tocantins); ao lado está a região Nordeste (Maranhão, Piauí, Bahia, Ceará, Rio Grande do Norte, Paraíba, Pernambuco, Alagoas e Sergipe), na parte central está a região Centro-Oeste (Mato Grosso, Mato Grosso o Sul, Goiás e Distrito Federal), ao lado desta está a região Sudeste (Minas Gerais, Espírito Santo, Rio de Janeiro e São Paulo) e por fim a região Sul (Paraná, Santa Catarina e Rio Grande do Sul).
• Abaixo visualizamos a imagem do Mapa do Brasil. Trata-se de um mapa que foi transferido para o papel. Nele foram utilizados materiais com diferentes texturas e codificação braile.
Acessibilizando Mapas
Mapa do Brasil - feito em papel com demarcações em alto relevo e braile
Acessibilizando Gráficos
• Da mesma forma que as Tabelas e os Mapas, os Gráficos também devem ser descritos, vamos observar o exemplo abaixo.
Fonte: http://www.cgi.br/images/graf-cert-tic-2007-01.gif
Descrição do gráfico anterior:
O gráfico do slide anterior representa o percentual relacionado ao local onde usuários de Internet tiveram problemas de segurança, sendo que 36%
Acessibilizando Gráficos
tiveram problemas de segurança, sendo que 36% relataram ter tido problemas no seu domicílio e 66% fora de seu domicílio.
• Da mesma forma que na descrição de imagens e tabelas, é necessário também descrever as informações que estão no organograma;
• Também podem ser utilizados recursos táteis, onde cada linha poderá ser representada por uma textura
Acessibilizando Organogramas
cada linha poderá ser representada por uma textura diferente e os textos poderão estar em Braille;
• No próximo slide observaremos a imagem de um organograma com sua descrição:
Acessibilizando Organogramas
Organograma representando as relações hierárquicas de uma escola
A descrição ficaria assim: “o organograma mostra as
relações hierárquicas de uma escola onde, na parte superior, encontra-se o departamento de ensino, logo abaixo deste estão, de forma linear: a secretaria escolar, a coordenação pedagógica, a orientação educacional e a psicóloga”.
Acessibilizando Fórmulas
• O exemplo a seguir refere-se à descrição de uma fórmula para que o Leitor de Telas possa realizar a leitura.
• Exemplo: • Exemplo:
b(x,y) = 6 x²y - 7y
• Descrição: b abre parênteses x vírgula y fecha parênteses = 6 X ao quadrado vezes y menos 7y
• Observação: Sinais e símbolos matemáticos devem ser descritos (>:maior; <:menor; -:menos; : pi; alfa; infinito; dentre outros). Os números que possuem expoente também devem ser descritos (2²: 2 ao quadrado; 45³: 45 ao cubo; 34¹²: 34 elevado a
Acessibilizando Fórmulas
quadrado; 45³: 45 ao cubo; 34¹²: 34 elevado a potência 12 ou 34 com expoente 12; e assim por diante). Evitar também o uso de muitas abreviaturas (etc, cm, m). Se possível escrevê-las por extenso.
Veja mais:
Site do IF RS - Campus BG (site acessível): http://www.bento.ifrs.edu.br/ Site modelo de Acessibilidade Virtual: http://www.bento.ifrs.edu.br/ept/ Download de manuais de Tecnologia Assistiva e Software Educativo: http://bento.ifrs.edu.br/ept/manual.php
Referências:
WIKIPÉDIA. A Enciclopédia Livre. Tipografia – Design Gráfico. 2007. Disponível em <http://pt.wikipedia.org/wiki/Tipografia> Acesso em jun 2007.
