Guia de Acessibilidade de Interfaces Web com foco em aspectos do Autismo http://talitapagani.com/gaia/ Mon, 18 Jul 2016 10:59:01 -0300 Mon, 18 Jul 2016 10:59:01 -0300 Jekyll v3.0.1 <h2 id="descrio">Descrição</h2> <p>Pessoas com TEA podem ter dificuldade para prestar atenção ao conteúdo primário apresentado na tela devido à distração de conteúdo secundário, portanto, é preciso evitar inserir elementos animados, que piscam ou brilham, bem como sons de fundo, pois eles podem ser incômodos e prejudicar o foco da pessoa, especialmente crianças.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Pessoas com TEA podem ter dificuldade para prestar atenção ao conteúdo primário apresentado na tela devido à distração de conteúdo secundário, como imagens de fundo, cenários com muitos detalhes, fundos texturizados ou elementos animados.</p>... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g3-recomendacao-9/ http://talitapagani.com/gaia/g3-recomendacao-9/ distração foco atenção leitura Engajamento <h2 id="descrio">Descrição</h2> <p>As interfaces devem permitir que a pessoa se sinta motivada a interagir com a aplicação ou colaborar com outras pessoas através da aplicação. Para isto, é necessário fornecer instruções claras que facilitem a visão geral do conteúdo e orientem na utilização dos recursos disponíveis.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Pessoas com TEA podem ficar confusas com instruções que não são bem definidas e podem se sentir desestimuladas a interagir com a aplicação ou com outras pessoas através da aplicação. Para cada funcionalidade, devem ser fornecidas instruções claras e que... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g3-recomendacao-12/ http://talitapagani.com/gaia/g3-recomendacao-12/ instruções resolução de problemas memorização atenção leitura compreensão verbal compreensão linguistica Engajamento <h2 id="descrio">Descrição</h2> <p>Os elementos apresentados na tela devem ser organizados de forma a minimizar o esforço cognitivo da pessoa, aproximando elementos que são similares e distanciando conteúdos que não são relacionados.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Mesmo em uma interface com poucos elementos, a leitura de conteúdo pode se tornar difícil caso as informações estejam muito próximas e não tenham uma separação clara entre grupos de informações. Portanto, é necessário utilizar “folgas” entre os elementos para distingui-los e, para conteúdos similares, aproximá-los de forma que possam mostrar que aquelas informações fazem... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g3-recomendacao-11/ http://talitapagani.com/gaia/g3-recomendacao-11/ layout foco memorização atenção leitura compreensão visual Engajamento <h2 id="descrio">Descrição</h2> <p>Interfaces com muitos elementos podem ser complexas e causar estresse e frustração desnecessário à pessoa com TEA. É importante projetar interfaces de aplicações e páginas web que apresentem os elementos e funcionalidades necessários em cada tela ou página, para que a pessoa possa focar na tarefa atual.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Pessoas com TEA podem ficar frustradas ou confusas com uma grande quantidade de informações apresentadas em uma mesma tela. Elas também podem não relembrar as instruções para realizar uma tarefa na aplicação ou página web quando estas... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g3-recomendacao-10/ http://talitapagani.com/gaia/g3-recomendacao-10/ layout minimalismo resolução de problemas memorização atenção leitura compreensão verbal compreensão linguistica compreensão visual Engajamento <h2 id="descrio">Descrição</h2> <p>Caso a leitura de um texto seja uma atividade importante no site ou aplicação, é recomendável fornecer um modo de leitura que omita os demais elementos da tela e exiba somente o texto. A função de modo de leitura pode ser similar ao modo de impressão, que geralmente esconde os demais elementos e exibe o texto com cores mais sóbrias.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Pessoas com TEA podem ter dificuldade em se concentrar por muito tempo em uma determinada atividade. A leitura de textos pode ser cansativa e... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g2-recomendacao-8/ http://talitapagani.com/gaia/g2-recomendacao-8/ texto modo de leitura modo de impressão atenção leitura compreensão verbal compreensão linguistica compreensão visual lidar com mudanças Customização <h2 id="descrio">Descrição</h2> <p>É importante que sites ou aplicação web utilizadas por pessoas com TEA sejam flexíveis em sua interação e funcionalidades, fornecendo escolhas para adaptar os recursos apresentados e o layout de acordo com as necessidades de cada usuário.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Prover escolhas nos métodos de utilização do site ou aplicação permite que pessoas com TEA estejam no controle e adequem as funcionalidades e a apresentação das informações do modo que seja mais confortável a elas.</p> <p>Pais, educadores e terapeutas de pessoas com TEA também podem fazer uso... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g2-recomendacao-7/ http://talitapagani.com/gaia/g2-recomendacao-7/ layout interface flexível atenção leitura compreensão verbal compreensão linguistica compreensão visual lidar com mudanças Customização <h2 id="descrio">Descrição</h2> <p>Para pessoas com TEA, é recomendável que as informações sejam apresentadas em múltiplos meios, como texto, áudio e imagens (ver categoria Representações Redundantes), mas a pessoa deve ter a possibilidade de escolher com quais representações ela deseja que a informação seja apresentada.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Algumas pessoas com TEA podem ser mais suscetíveis a sons, outras a imagens e há pessoas que podem precisar do texto ou de instruções narradas para compreender um determinado conteúdo. Dessa forma, prover representações redundantes para informações é necessário, mas deve-se permitir... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g2-recomendacao-6/ http://talitapagani.com/gaia/g2-recomendacao-6/ customização de interface modo de leitura multimídia atenção leitura compreensão verbal compreensão linguistica compreensão visual lidar com mudanças integração sensorial Customização <h2 id="descrio">Descrição</h2> <p>Apresente funções de customização do site ou aplicação para alteração de cores, tamanho de texto, fontes e sons do site. Isto permitirá que a pessoa possa ajustar a aparência da interface de forma mais adequada às preferências dela.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Muitas vezes não é possível identificar padrões entre estas preferências de pessoas com TEA, como cores, formas ou fontes, devido à miríade de características e habilidade que cada pessoa pode apresentar. Por exemplo, uma cor que pode ser altamente atrativa para uma pessoa, pode ser perturbadora... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g2-recomendacao-5/ http://talitapagani.com/gaia/g2-recomendacao-5/ customização de interface controle do usuário atenção leitura compreensão verbal compreensão linguistica compreensão visual lidar com mudanças Customização <h2 id="descrio">Descrição</h2> <p>Pessoas com TEA podem ter dificuldade de lidar com metáforas, portanto, ícones, ações e padrões de interação devem ser reconhecíveis e compatíveis com o mundo real sempre que possível. Para sites e aplicações voltados a crianças, esta abordagem permite conhecer a aprender ações ou vocabulários que elas poderão utilizar na vida real.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Pessoas com TEA podem ter dificuldade com representações metafóricas, de faz-de-conta ou que demandem imaginação para serem decifradas.</p> <p>É preciso que ações, ícones e elementos da página ou aplicação sejam relacionados com... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g1-recomendacao-4/ http://talitapagani.com/gaia/g1-recomendacao-4/ mundo real metáforas skeumorfismo memorização atenção leitura compreensão verbal compreensão linguistica compreensão visual Vocabulário Visual e Textual <h2 id="descrio">Descrição</h2> <p>Além de escrever textos com a linguagem adequada (ver recomendação 2), devem ter uma estrutura que permita a legibilidade. Uma boa forma de atender isso é utilizando elemento como subtítulos e listas, sendo necessário também se atentar à quantidade de caracteres por linha e espaçamento entre linhas.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Conforme mencionado na recomendação 2, parágrafos complexos podem ser distrativos e prejudicar a atenção ao conteúdo da página para pessoas com TEA.</p> <p>Textos divididos entre pequenos parágrafos, listas e textos com subtítulos maximizam a legibilidade e ajudam... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g1-recomendacao-3/ http://talitapagani.com/gaia/g1-recomendacao-3/ texto concisão brevidade atenção leitura compreensão verbal compreensão linguistica compreensão visual Vocabulário Visual e Textual <h2 id="descrio">Descrição</h2> <p>Pessoas com TEA podem ter dificuldade para compreender textos longos, complexos e com linguagem conotativa. A compreensão do conteúdo deve ser facilitada através de linguagem visual e texto com linguagem simples e apropriada ao conteúdo.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Um dos aspectos de comportamento afetados em pessoas com TEA é a comunicação. Por isso, elas podem ter dificuldade em compreender textos com metáforas, coloquialismo e expressões não literais.</p> <p>Parágrafos complexos podem também ser distrativos e prejudicar a atenção ao conteúdo da página.</p> <p>Para crianças, o uso de linguagem... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g1-recomendacao-2/ http://talitapagani.com/gaia/g1-recomendacao-2/ texto metáforas atenção leitura compreensão verbal compreensão linguistica Vocabulário Visual e Textual <h2 id="descrio">Descrição</h2> <p>O conteúdo também deve ser compreendido sem imagens ou estilos e as cores devem ser utilizadas de forma adequada como um complemento para distinguir ou relacionar objetos.</p> <h2 id="por-que-fazer-e-por-que--importante-para-a-pessoa-com-tea">Por que fazer e por que é importante para a pessoa com TEA?</h2> <p>Elementos que usam somente cores, sem imagens ou texto para representação da informação, podem atrair a atenção da pessoa, principalmente crianças, sem que ela compreenda o que aquele elemento significa.</p> <p>Além disso, o baixo contraste entre o fundo e o texto/objeto de primeiro plano dificulta a compreensão, a legibilidade e pode prejudicar a atenção da pessoa com... Thu, 19 May 2016 00:00:00 -0300 http://talitapagani.com/gaia/g1-recomendacao-1/ http://talitapagani.com/gaia/g1-recomendacao-1/ cores contraste atenção leitura compreensão verbal compreensão linguistica compreensão visual Vocabulário Visual e Textual