<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Lucas Rafael</title>
    <description>The latest articles on Forem by Lucas Rafael (@lucasrafael).</description>
    <link>https://forem.com/lucasrafael</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F622141%2F5aaf8387-0d6b-4ca4-8721-e2b41c90c827.png</url>
      <title>Forem: Lucas Rafael</title>
      <link>https://forem.com/lucasrafael</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/lucasrafael"/>
    <language>en</language>
    <item>
      <title>Acessibilidade na Internet</title>
      <dc:creator>Lucas Rafael</dc:creator>
      <pubDate>Mon, 03 May 2021 07:31:10 +0000</pubDate>
      <link>https://forem.com/portugues/acessibilidade-na-internet-4oll</link>
      <guid>https://forem.com/portugues/acessibilidade-na-internet-4oll</guid>
      <description>&lt;p&gt;Acessibilidade na Internet significa que pessoas com deficiência, dificuldades motoras ou cognitivas, também possam, com autonomia e segurança, utilizar a &lt;em&gt;web&lt;/em&gt;, tendo acesso à informação e à interação, podendo entender, navegar, interagir e contribuir para a &lt;em&gt;web&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;Visa tornar acessível qualquer conteúdo disponível nos &lt;em&gt;sites&lt;/em&gt; para pessoas com variadas deficiências, tais como vídeo, áudio, formulário, imagem, dentre outros.&lt;/p&gt;

&lt;p&gt;Objetivando a universalidade, o acesso a todos, independentemente de deficiência, a &lt;em&gt;&lt;strong&gt;W&lt;/strong&gt;orld &lt;strong&gt;W&lt;/strong&gt;ide &lt;strong&gt;W&lt;/strong&gt;eb&lt;/em&gt;, ou simplesmente &lt;strong&gt;&lt;em&gt;Web&lt;/em&gt;&lt;/strong&gt;, desde 1991, quando foi criada por Tim Berners Lee, também criador do &lt;em&gt;W3C&lt;/em&gt;, vem sendo utilizada nas mais diversas áreas, como: educação, saúde, comércio, serviços públicos e privados, etc. (W3C BRASIL, 2015)&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;O poder da &lt;em&gt;web&lt;/em&gt; está em sua universalidade. Ser acessada por todos, independente de deficiência, é um aspecto essencial. — Tim Berners-Lee&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;A &lt;strong&gt;&lt;em&gt;W3C&lt;/em&gt;&lt;/strong&gt; (&lt;strong&gt;W&lt;/strong&gt;orld &lt;strong&gt;W&lt;/strong&gt;ide &lt;strong&gt;W&lt;/strong&gt;eb &lt;strong&gt;C&lt;/strong&gt;onsortium), consórcio internacional em que organizações filiadas, uma equipe (tempo integral) e o público trabalham em parceria para desenvolverem padrões para a &lt;em&gt;web&lt;/em&gt;, disponibilizando-os de forma aberta e gratuita, visa garantir a evolução da &lt;em&gt;web&lt;/em&gt; e o crescimento de &lt;em&gt;interfaces&lt;/em&gt; interoperáveis. (W3C BRASIL, 2015)&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;É essencial que a &lt;em&gt;web&lt;/em&gt; seja acessível, de modo a prover igualdade de acesso e de oportunidades para pessoas com diferentes capacidades. A acessibilidade sustenta a inclusão social de pessoas com deficiência, idosas, residentes em áreas rurais, em países em desenvolvimento, entre outras. (W3C BRASIL, 2015).&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Diante desta necessidade de acessibilidade na Internet, o presente artigo busca apresentar como a população brasileira está distribuída no tocante às deficiências; quais são as diretrizes da &lt;em&gt;W3C&lt;/em&gt;, órgão de prestígio internacional; o quanto essa temática é abordada de uma maneira geral em determinado nicho do meio acadêmico e em livros; e as práticas e diretrizes em evidências adotadas nos setores público e privado.    &lt;/p&gt;

&lt;h3&gt;
  
  
  &lt;a id="listaConteudo"&gt;&lt;/a&gt; Lista de conteúdo:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;Deficiências mais comuns&lt;/li&gt;
&lt;li&gt;Censo 2010: Pessoas com Deficiência&lt;/li&gt;
&lt;li&gt;Diretrizes de Acessibilidade para Conteúdo Web (WCAG)&lt;/li&gt;
&lt;li&gt;e­MAG (Modelo de Acessibilidade em Governo Eletrônico)&lt;/li&gt;
&lt;li&gt;GAIA: &lt;em&gt;Sites&lt;/em&gt; inclusivos a pessoas com autismo&lt;/li&gt;
&lt;li&gt;Projetando para acessibilidade&lt;/li&gt;
&lt;li&gt;Avaliadores automáticos de acessibilidade na &lt;em&gt;web&lt;/em&gt;
&lt;/li&gt;
&lt;li&gt;Crescimento da temática acessibilidade&lt;/li&gt;
&lt;li&gt;Considerações&lt;/li&gt;
&lt;li&gt;Referências&lt;/li&gt;
&lt;/ol&gt;

&lt;h3&gt;
  
  
  Lista de vídeos:
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=n0ISO5qe1Ao" rel="noopener noreferrer"&gt;Acessibilidade na Web para Deficientes Visuais&lt;/a&gt; (REIS, 2011)&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=igGOeem6y4w" rel="noopener noreferrer"&gt;Acessibilidade Web Cognitiva&lt;/a&gt; (PAGANI, 2016)&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=wjZEPeTwVL4" rel="noopener noreferrer"&gt;Entendendo o WCAG - Recomendação 1.1 - Alternativas Textuais&lt;/a&gt; (SALES, 2017a)&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=GBipzZwXxZg" rel="noopener noreferrer"&gt;Acessibilidade Toolkit: WCAG de forma simples&lt;/a&gt; (SALES, 2019)&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://www.youtube.com/watch?v=s2IKdGTbyIA" rel="noopener noreferrer"&gt;Palestra: Acessibilidade Toolkit - Entendendo de uma vez por todas a WCAG&lt;/a&gt; (SALES, 2018)&lt;/li&gt;
&lt;/ol&gt;

&lt;h2&gt;
  
  
  &lt;a id="deficienciasComuns"&gt;&lt;/a&gt; Deficiências mais comuns
&lt;/h2&gt;

&lt;p&gt;Abaixo são apresentadas as deficiências mais presentes e algumas formas de remover as barreiras encontradas pelos usuários que as possuem:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Visão&lt;/strong&gt; (cegueira de cores, baixa visão, etc.):&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Evitar usar texto em imagem, pois dificultará a visualização do conteúdo em ampliadores de tela; e caso utilize, o texto deve ser replicado dentro de &lt;em&gt;tag html&lt;/em&gt;, para que leitores de tela interpretem corretamente;&lt;/li&gt;
&lt;li&gt;Utilizar escala de cores corretas;&lt;/li&gt;
&lt;li&gt;Não sobrescrever fontes e cores de fundos, permitindo que o usuário possa alterá-las caso deseje;&lt;/li&gt;
&lt;li&gt;Evitar o uso de &lt;em&gt;tag style&lt;/em&gt; e utilizar o código &lt;em&gt;css&lt;/em&gt; em folhas de estilo, facilitando a captura de informações pelos leitores de tela.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Audição&lt;/strong&gt; (surdez ou audição debilitada):&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Adicionar legenda e transcrições para conteúdo multimídia;&lt;/li&gt;
&lt;li&gt;Linguagem de sinais (exemplo: &lt;a href="https://www.gov.br/governodigital/pt-br/vlibras" rel="noopener noreferrer"&gt;vlibras&lt;/a&gt;).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Deficiência Motora&lt;/strong&gt; (incapacidade de utilizar &lt;em&gt;mouse&lt;/em&gt;, tempo de reposta lento, etc.):&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Possibilitar navegação pelas funcionalidades por meio do teclado;&lt;/li&gt;
&lt;li&gt;Páginas toleráveis a erros, com solicitação de confirmação, para que não sejam executadas operações acionadas acidentalmente;&lt;/li&gt;
&lt;li&gt;Adição de atalhos;&lt;/li&gt;
&lt;li&gt;Permitir uso de &lt;a href="http://webaim.org/articles/motor/assistive" rel="noopener noreferrer"&gt;tecnologias assistivas&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Cognitivo&lt;/strong&gt; (dislexia, déficit de atenção, incapacidade de se concentrar em grandes quantidades de informações, etc.):&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Deixar as operações simples e breves, evitando operações longas;&lt;/li&gt;
&lt;li&gt;Informar onde o usuário está e para onde está indo na "navegação";&lt;/li&gt;
&lt;li&gt;Evitar elementos que causem distração.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Voltar para lista de conteúdo&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a id="censo"&gt;&lt;/a&gt; Censo 2010: Pessoas com Deficiência
&lt;/h2&gt;

&lt;p&gt;De acordo com último Censo realizado em 2010, pelo Instituto Brasileiro de Geografia e Estatística (IBGE), estima-se que 45.606.048 pessoas tenham algum tipo de deficiência, seja visual, auditiva, motora, mental ou intelectual, no qual corresponde a uma parcela de 23,9% da população brasileira à época da amostra. E dentre esse percentual, a deficiência visual apresentou a maior ocorrência, 18,6% da população; seguido por deficiência motora com 7% da população; terceiro a deficiência auditiva, com 5,10%; e com menor ocorrência, deficiência mental e intelectual, somando as duas 1,40%. (MEZZAROBA et al., 2018)(IBGE, 2012)&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Idade&lt;/th&gt;
&lt;th&gt;Visual&lt;/th&gt;
&lt;th&gt;Auditiva&lt;/th&gt;
&lt;th&gt;Motora&lt;/th&gt;
&lt;th&gt;Mental ou Intelectual&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;0 a 14 anos&lt;/td&gt;
&lt;td&gt;5,3%&lt;/td&gt;
&lt;td&gt;1,3%&lt;/td&gt;
&lt;td&gt;1,0%&lt;/td&gt;
&lt;td&gt;0,9%&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;15 a 64 anos&lt;/td&gt;
&lt;td&gt;20,1%&lt;/td&gt;
&lt;td&gt;4,2%&lt;/td&gt;
&lt;td&gt;5,7%&lt;/td&gt;
&lt;td&gt;1,4%&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Acima de 65 anos&lt;/td&gt;
&lt;td&gt;49,8%&lt;/td&gt;
&lt;td&gt;25,6%&lt;/td&gt;
&lt;td&gt;38,3%&lt;/td&gt;
&lt;td&gt;2,9%&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Voltar para lista de conteúdo&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a id="wcag"&gt;&lt;/a&gt; Diretrizes de Acessibilidade para Conteúdo Web (WCAG)
&lt;/h2&gt;

&lt;p&gt;Objetivando tornar a &lt;em&gt;Web&lt;/em&gt; acessível, o &lt;strong&gt;W3C&lt;/strong&gt; criou em 1999 o &lt;em&gt;&lt;strong&gt;W&lt;/strong&gt;eb &lt;strong&gt;A&lt;/strong&gt;ccessibility &lt;strong&gt;I&lt;/strong&gt;nitiative (&lt;strong&gt;WAI&lt;/strong&gt;)&lt;/em&gt;, Iniciativa para a Acessibilidade na &lt;em&gt;Web&lt;/em&gt;, formado por grupos de trabalho voltados para o desenvolvimento de diretrizes ligadas à garantia da acessibilidade do conteúdo &lt;em&gt;Web&lt;/em&gt; às pessoas com deficiência e às que acessam a rede em condições especiais. Assim surgiram as diretrizes de acessibilidade para conteúdo &lt;em&gt;Web&lt;/em&gt;, denominada &lt;em&gt;&lt;strong&gt;W&lt;/strong&gt;eb &lt;strong&gt;C&lt;/strong&gt;ontent &lt;strong&gt;A&lt;/strong&gt;ccessibility &lt;strong&gt;G&lt;/strong&gt;uidelines (WCAG)&lt;/em&gt;, sendo até hoje a principal referência em acessibilidade &lt;em&gt;Web&lt;/em&gt;. (SOUSA; LAZZARIN, 2014)&lt;/p&gt;

&lt;p&gt;A &lt;em&gt;WCAG&lt;/em&gt;, reconhecida pela &lt;em&gt;&lt;strong&gt;ISO&lt;/strong&gt; (&lt;strong&gt;I&lt;/strong&gt;nternational &lt;strong&gt;O&lt;/strong&gt;rganization for &lt;strong&gt;S&lt;/strong&gt;tandardization)&lt;/em&gt;, Organização Internacional para Padronização, como um padrão internacional para acessibilidade &lt;em&gt;Web&lt;/em&gt;, define um conjunto de orientações para: estrutura, conteúdo e apresentação das páginas &lt;em&gt;Web&lt;/em&gt;. (W3C BRASIL, 2020)&lt;/p&gt;

&lt;p&gt;A versão inicial do &lt;em&gt;WCAG&lt;/em&gt; (1.0) foi disponibilizada em 1999 e a segunda em 2008 (2.0); a terceira e apresentada nesse documento é a 2.1, de 2018, no qual teve melhorias e adequações incluindo acessibilidade para conteúdos em dispositivos móveis. Recentemente foi lançada a 2.2, mas ainda não foi traduzida para o Português.&lt;/p&gt;

&lt;p&gt;O &lt;em&gt;WCAG&lt;/em&gt; 2.1 está subdividido em 4 princípios, 13 recomendações (diretrizes) e 78 critérios de sucesso TOOLKIT 2020; e para esses critérios associados às diretrizes há uma coleção de técnicas de sucesso. &lt;/p&gt;

&lt;h3&gt;
  
  
  Camadas de Orientação
&lt;/h3&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fab66mkouo5nj231g9sm1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fab66mkouo5nj231g9sm1.png" alt="Estrutura do _WCAG_: Princípios seguido por recomendações e critérios de sucesso"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Fonte:&lt;/em&gt; (SAMPAIO, 2018)&lt;/p&gt;

&lt;h4&gt;
  
  
  Princípios com as respectivas Recomendações
&lt;/h4&gt;

&lt;p&gt;Os princípios constituem a base da acessibilidade na &lt;em&gt;Web&lt;/em&gt; e abaixo dos princípios estão as diretrizes (recomendações), no qual são objetivos básicos que devem ser alcançados para tornar o conteúdo mais acessível aos usuários.&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#perceivable" rel="noopener noreferrer"&gt;Percebível&lt;/a&gt;:&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;As informações e os componentes da &lt;em&gt;interface&lt;/em&gt; do usuário devem ser apresentados em formas que possam ser percebidas pelo usuário. (W3C BRASIL, 2018)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;1.1 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#text-alternatives" rel="noopener noreferrer"&gt;Alternativas em texto&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;1.2 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#time-based-media" rel="noopener noreferrer"&gt;Mídias com base em tempo&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;1.3 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#adaptable" rel="noopener noreferrer"&gt;Adaptável&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;1.4 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#distinguishable" rel="noopener noreferrer"&gt;Discernível&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#operable" rel="noopener noreferrer"&gt;Operável&lt;/a&gt;:&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Os componentes de &lt;em&gt;interface&lt;/em&gt; de usuário e a navegação devem ser operáveis. (W3C BRASIL, 2018)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;2.1 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#keyboard-accessible" rel="noopener noreferrer"&gt;Acessível por teclado&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;2.2 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#enough-time" rel="noopener noreferrer"&gt;Tempo suficiente&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;2.3 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#seizures-and-physical-reactions" rel="noopener noreferrer"&gt;Convulsões e reações físicas&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;2.4 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#navigable" rel="noopener noreferrer"&gt;Navegável&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;2.5 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#input-modalities" rel="noopener noreferrer"&gt;Modalidades de entrada&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#understandable" rel="noopener noreferrer"&gt;Compreensível&lt;/a&gt;:&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;A informação e a operação da &lt;em&gt;interface&lt;/em&gt; de usuário devem ser compreensíveis. (W3C BRASIL, 2018)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;3.1 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#readable" rel="noopener noreferrer"&gt;Legível&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;3.2 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#predictable" rel="noopener noreferrer"&gt;Previsível&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;3.3 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#input-assistance" rel="noopener noreferrer"&gt;Assistência de entrada&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;&lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#robust" rel="noopener noreferrer"&gt;Robusto&lt;/a&gt;:&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;O conteúdo deve ser robusto o suficiente para poder ser interpretado de forma confiável por uma ampla variedade de agentes de usuário, incluindo tecnologias assistivas. (W3C BRASIL, 2018)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;ul&gt;
&lt;li&gt;4.1 &lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/#compatible" rel="noopener noreferrer"&gt;Compatível&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;h4&gt;
  
  
  Critérios de sucesso
&lt;/h4&gt;

&lt;p&gt;Cada diretriz vai ter um ou mais critério de sucesso testável e cada critério terá um nível de conformidade associado, no qual pode ser: A (o mais baixo), AA (intermediário) ou AAA (o mais elevado).&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;A&lt;/strong&gt; - Solução mais simples, com pouco esforço;&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AA&lt;/strong&gt; - Solução intermediária;&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AAA&lt;/strong&gt; - Solução mais complexa, exigindo mais esforço.&lt;/li&gt;
&lt;/ul&gt;

&lt;blockquote&gt;
&lt;p&gt;Note-se que até mesmo o conteúdo que está em conformidade com o nível mais elevado (AAA) não estará acessível a pessoas com todos os tipos, graus ou combinações de deficiências, particularmente nas áreas da linguagem cognitiva e da aprendizagem. Os autores são encorajados a considerar a totalidade das técnicas, incluindo as técnicas de tipo sugerida, assim como a procurar orientação relevante sobre as atuais boas práticas, de forma a garantir que o conteúdo da &lt;em&gt;Web&lt;/em&gt; seja acessível, tanto quanto possível, a esta comunidade. (W3C BRASIL, 2018)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;h4&gt;
  
  
  Técnicas
&lt;/h4&gt;

&lt;p&gt;Para cada uma das diretrizes e critérios de sucesso existentes no &lt;em&gt;WCAG&lt;/em&gt;, há uma grande variedade de técnicas, constituídas de descrição, exemplos, código fonte e testes. Elas têm caráter informativo e enquadram-se em duas categorias (W3C BRASIL, 2018): &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Necessária:&lt;/strong&gt;&lt;br&gt;
 Satisfazem os critérios de sucesso; é fundamental.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Sugerida:&lt;/strong&gt;&lt;br&gt;
 Vão além do que é exigido pelos critérios de sucesso individuais e permitem aos autores um melhor cumprimento das diretrizes. &lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Acessibilidade &lt;em&gt;Toolkit&lt;/em&gt;
&lt;/h3&gt;

&lt;p&gt;O &lt;em&gt;WCAG&lt;/em&gt; é um guia completo, bem definido e documentado, repleto de exemplos e casos de sucesso de como aplicar as soluções, mas não é tão simples de entender e se aprofundar. Isto, pois apresenta textos rebuscados e maçantes. (SALES, 2020)&lt;/p&gt;

&lt;p&gt;Diante disso, Sales (2020), após vários anos trabalhando com acessibilidade, percebeu que as pessoas tinham dificuldades de entender tanto as explicações das diretrizes, como também entender a fundo os critérios de sucesso.&lt;/p&gt;

&lt;p&gt;O objetivo foi criar um material fácil de usar e simples de compreender para a maioria dos usuários, independente de suas habilidades. A ideia era que quaisquer pessoas "batessem o olho" no cartão e conseguissem identificar o que deveria ser feito. (SALES, 2020)&lt;/p&gt;

&lt;p&gt;Foi aí que surgiu &lt;strong&gt;Acessibilidade &lt;em&gt;Toolkit&lt;/em&gt;&lt;/strong&gt;, em formato de cartões, para facilitar o entendimento do &lt;em&gt;WCAG&lt;/em&gt;. &lt;/p&gt;

&lt;p&gt;O material pode ser usado de formas distintas. Inicialmente foi idealizado utilizá-lo em exercícios de &lt;em&gt;card sorting&lt;/em&gt;, onde as pessoas envolvidas no desenvolvimento de projetos digitais poderiam facilmente identificar &lt;em&gt;gaps&lt;/em&gt; e atividades que precisariam contemplar, mas na prática a ferramenta, que possui formato de cartões, pode ser utilizada como fonte rápida de consulta de diretrizes &lt;em&gt;WCAG&lt;/em&gt;, disseminação de conhecimento, facilitador de discussões, identificador de funcionalidades ou até mesmo como um &lt;em&gt;checklist&lt;/em&gt;. (SALES, 2020).&lt;/p&gt;

&lt;p&gt;E caso não queira imprimir os cartões, tem o &lt;a href="https://guia-wcag.com" rel="noopener noreferrer"&gt;Guia de Consulta Rápida WCAG&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Abaixo segue um comparativo entre um texto original dos critérios de sucesso do &lt;em&gt;WCAG&lt;/em&gt; e suas respectivas adaptações.&lt;/p&gt;

&lt;p&gt;Os critérios apresentados são: 3.1.5 (Nível de leitura) e 2.4.5 (Várias formas).&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0jzp7a3wx9w8i73oxdoo.jpeg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F0jzp7a3wx9w8i73oxdoo.jpeg" alt="Comparativo entre dois critérios de sucesso do _WCAG_ e suas respectivas adaptações no Toolkit"&gt;&lt;/a&gt;&lt;br&gt;
&lt;em&gt;Fonte:&lt;/em&gt; (SALES, 2020)&lt;/p&gt;

&lt;p&gt;Voltar para lista de conteúdo&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a id="emag"&gt;&lt;/a&gt; e­MAG (Modelo de Acessibilidade em Governo Eletrônico)
&lt;/h2&gt;

&lt;blockquote&gt;
&lt;p&gt;Cada vez mais, órgãos dos governos federais, estaduais e municipais têm utilizado a &lt;em&gt;web&lt;/em&gt; para prover diversas categorias de serviços para os cidadãos. (ARNAUT, 2017 apud REZENDE, 2007)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Diante disso:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;O governo brasileiro, comprometido com a inclusão, buscou, através da elaboração do Modelo de acessibilidade do governo eletrônico, facilitar o acesso para todas as pessoas às informações e serviços disponibilizados nos sítios e portais do governo. (BRASIL, 2014)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;O eMAG, ou &lt;a href="http://emag.governoeletronico.gov.br" rel="noopener noreferrer"&gt;e-MAG&lt;/a&gt;, foi inicialmente desenvolvido em 2004 e atualmente se encontra na versão 3.1, de 2014. O modelo atual está em conformidade com os padrões internacionais e é uma versão especializada do documento internacional &lt;em&gt;WCAG (Web Content Accessibility Guidelines: Recomendações de Acessibilidade para Conteúdo Web)&lt;/em&gt;, no qual não exclui quaisquer boas práticas de acessibilidade do &lt;em&gt;WCAG&lt;/em&gt;. (BRASIL, 2014)&lt;/p&gt;

&lt;p&gt;O modelo possui 45 (quarenta e cinco) recomendações de fácil entendimento, no qual mantém correlação com os &lt;em&gt;Critérios de Sucesso&lt;/em&gt; do &lt;em&gt;WCAG&lt;/em&gt; (ARNAUT, 2017), distribuídas em 6 (seis) seções:&lt;/p&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Marcação:&lt;/strong&gt; 9 recomendações específicas com foco na marcação, no conjunto de &lt;em&gt;tags&lt;/em&gt; aplicadas nos textos inseridos nas páginas &lt;em&gt;HTML&lt;/em&gt;;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Comportamento&lt;/strong&gt; - &lt;em&gt;Document Object Model (DOM)&lt;/em&gt;&lt;strong&gt;:&lt;/strong&gt; 7 recomendações relacionadas com o comportamento das páginas (atualização, redirecionamento automático, &lt;em&gt;scripts&lt;/em&gt;, conteúdos dinâmicos, dentre outros);&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Conteúdo / Informação:&lt;/strong&gt; 12 recomendações voltadas para o conteúdo das páginas &lt;em&gt;HTML&lt;/em&gt; e das informações contidas, como títulos e &lt;em&gt;links&lt;/em&gt; com textos claros, curtos e significativos;  dentre outros;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Apresentação / &lt;em&gt;Design&lt;/em&gt;:&lt;/strong&gt; 4 recomendações de &lt;em&gt;design&lt;/em&gt; de páginas, como &lt;em&gt;layout&lt;/em&gt;, redimensionamento de textos, contraste, entre outros;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Multimídia:&lt;/strong&gt; 5 recomendações para inserção de elementos multimídia (áudio e vídeo) nas páginas dos &lt;em&gt;sites&lt;/em&gt;, como controles de áudio e de animação, audiodescrição, legenda, dentre outros;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;strong&gt;Formulário:&lt;/strong&gt; 8 recomendações para formulários &lt;em&gt;HTML&lt;/em&gt;, tais como: instruções para a entrada de dados, &lt;em&gt;CAPTCHA&lt;/em&gt; acessível, alternativas textuais para botões em formato de imagens, ordem lógica de navegação/tabulação, dentre outros.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Voltar para lista de conteúdo&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a id="gaia"&gt;&lt;/a&gt; GAIA: Sites inclusivos a pessoas com autismo
&lt;/h2&gt;

&lt;p&gt;Em razão das recomendações gerais de acessibilidade nem sempre atender às necessidades específicas das pessoas com Transtorno do Espectro do Autismo, devido à diversidade de características entre eles, e também com o objetivo de equalizar aspectos psicopedagógicos sobre o autismo com requisitos tecnológicos para desenvolver soluções acessíveis, Talita Pagani &lt;strong&gt;*&lt;/strong&gt;, durante sua dissertação de Mestrado, desenvolveu um conjunto de 28 recomendações de acessibilidade &lt;em&gt;web&lt;/em&gt; embasadas em 10 princípios com foco nos aspectos do autismo, abordando desde a escrita de conteúdo até recursos de programação, denominando-o &lt;a href="https://gaia.wiki.br" rel="noopener noreferrer"&gt;GAIA&lt;/a&gt; (&lt;strong&gt;G&lt;/strong&gt;uia de &lt;strong&gt;A&lt;/strong&gt;cessibilidade de &lt;strong&gt;I&lt;/strong&gt;nterfaces Web com foco em aspectos do &lt;strong&gt;A&lt;/strong&gt;utismo) (PAGANI, 2019).&lt;/p&gt;

&lt;p&gt;Este conjunto de recomendações acerca de &lt;em&gt;design&lt;/em&gt; digital inclusivo, que está disponível de forma &lt;a href="https://github.com/talitapagani" rel="noopener noreferrer"&gt;aberta e colaborativa&lt;/a&gt;, traz uma abordagem multidisciplinar de como desenvolver &lt;em&gt;websites&lt;/em&gt; e aplicativos mais acessíveis.&lt;/p&gt;

&lt;h3&gt;
  
  
  Princípios
&lt;/h3&gt;

&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Vocabulário Visual e Textual:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/vocabulario-visual-e-textual/cores" rel="noopener noreferrer"&gt;G01&lt;/a&gt; (Cores); &lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/vocabulario-visual-e-textual/textos" rel="noopener noreferrer"&gt;G02&lt;/a&gt; (Textos);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/vocabulario-visual-e-textual/legibilidade" rel="noopener noreferrer"&gt;G03&lt;/a&gt; (Legibilidade);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/vocabulario-visual-e-textual/compatibilidade-mundo-real" rel="noopener noreferrer"&gt;G04&lt;/a&gt; (Compatibilidade com mundo real).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Customização:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/customizacao/visual" rel="noopener noreferrer"&gt;G05&lt;/a&gt; (Customização visual);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/customizacao/informacional" rel="noopener noreferrer"&gt;G06&lt;/a&gt; (Customização informacional);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/customizacao/interfaces-flexiveis" rel="noopener noreferrer"&gt;G07&lt;/a&gt; (Interfaces flexíveis);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/customizacao/modo-leitura" rel="noopener noreferrer"&gt;G08&lt;/a&gt; (Modo de leitura).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Engajamento:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/engajamento/eliminar-distracoes" rel="noopener noreferrer"&gt;G09&lt;/a&gt; (Eliminar distrações);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/engajamento/interface-minimalista" rel="noopener noreferrer"&gt;G10&lt;/a&gt; (Interface minimalista);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/engajamento/organizacao-visual" rel="noopener noreferrer"&gt;G11&lt;/a&gt; (Organização visual);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/engajamento/forneca-instrucoes" rel="noopener noreferrer"&gt;G12&lt;/a&gt; (Forneça instruções).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Representações Redundantes:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/representacoes-redundantes/multiplos-formatos" rel="noopener noreferrer"&gt;G13&lt;/a&gt; (Múltiplos formatos);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/representacoes-redundantes/equivalentes-textuais" rel="noopener noreferrer"&gt;G14&lt;/a&gt; (Equivalentes textuais);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/representacoes-redundantes/legendas" rel="noopener noreferrer"&gt;G15&lt;/a&gt; (Legendas).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Multimídia:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/multimidia/mutiplas-midias" rel="noopener noreferrer"&gt;G16&lt;/a&gt; (Múltiplas mídias;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/multimidia/ampliacao-de-imagens" rel="noopener noreferrer"&gt;G17&lt;/a&gt; (Ampliação de imagens);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/multimidia/evite-sons-perturbadores" rel="noopener noreferrer"&gt;G18&lt;/a&gt; (Evite sons perturbadores).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Visibilidade do Estado do Sistema:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/visibilidade-do-estado-do-sistema/instrucoes-de-interacao" rel="noopener noreferrer"&gt;G19&lt;/a&gt; (Instruções de interação);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/visibilidade-do-estado-do-sistema/reverter-acoes" rel="noopener noreferrer"&gt;G20&lt;/a&gt; (Reverter ações);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/visibilidade-do-estado-do-sistema/numeros-de-tentativas" rel="noopener noreferrer"&gt;G21&lt;/a&gt; (Número de tentativas).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Reconhecimento e Previsibilidade:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/reconhecimento-e-previsibilidade" rel="noopener noreferrer"&gt;G22&lt;/a&gt; (Consistência);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/reconhecimento-e-previsibilidade/aparencia-clicavel" rel="noopener noreferrer"&gt;G23&lt;/a&gt; (Aparência clicável);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/reconhecimento-e-previsibilidade/feedback-de-interacao" rel="noopener noreferrer"&gt;G24&lt;/a&gt; (&lt;em&gt;Feedback&lt;/em&gt; de interação).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Navegabilidade:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/navegabilidade/navegacao-simples" rel="noopener noreferrer"&gt;G25&lt;/a&gt; (Navegação simples);&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/navegabilidade/evitar-redirecionamentos" rel="noopener noreferrer"&gt;G26&lt;/a&gt; (Evitar redirecionamentos).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Resposta às Ações:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/resposta-as-acoes/confirmacao-de-acoes" rel="noopener noreferrer"&gt;G27&lt;/a&gt; (Confirmação de ações).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;&lt;strong&gt;Interação com Tela Sensível ao Toque:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;a href="https://gaia.wiki.br/interacao-com-tela-sensivel-ao-toque" rel="noopener noreferrer"&gt;G28&lt;/a&gt; (Sensibilidade adequada).&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;&lt;strong&gt;*&lt;/strong&gt; &lt;em&gt;Talita também é membro do grupo de especialistas em Acessibilidade Web do W3C Brasil.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;Voltar para lista de conteúdo&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a id="projAcessibilidade"&gt;&lt;/a&gt; Projetando para acessibilidade
&lt;/h2&gt;

&lt;p&gt;Karwai Pun, &lt;em&gt;designer&lt;/em&gt; de interação, juntamente com sua equipe de acessibilidade do &lt;em&gt;Home Office Digital&lt;/em&gt;, empresa governal do Reino Unido, criou 6 cartazes do que fazer e não fazer com o propósito de abordar a acessibilidade digital do ponto de vista do &lt;em&gt;design&lt;/em&gt;.&lt;/p&gt;

&lt;p&gt;Os pôsteres, que estão disponibilizados de forma &lt;a href="https://github.com/UKHomeOffice/posters" rel="noopener noreferrer"&gt;aberta e colaborativa&lt;/a&gt;, por meio da licença &lt;em&gt;&lt;a href="https://creativecommons.org/licenses/by-nc-sa/3.0/br" rel="noopener noreferrer"&gt;Creative Commons BY-NC-SA&lt;/a&gt;&lt;/em&gt;, são boas práticas de &lt;em&gt;design&lt;/em&gt; para acessibilidade, uma orientação geral, diretrizes gerais, sem a presença de textos excessivamente prescritivos, abordando os usuários das áreas: baixa visão, surdez, com deficiência auditiva, dislexia, deficiência física ou motora, espectro do autismo e de leitores de tela.&lt;/p&gt;

&lt;p&gt;Em cada pôster são informadas 10 dicas divididas equalitariamente em &lt;em&gt;"o que fazer"&lt;/em&gt;  e &lt;em&gt;"o que não fazer"&lt;/em&gt;. (KARWAI, 2016) (SALES, 2017b) &lt;strong&gt;*&lt;/strong&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvmm1h4ut4kn32r115x83.png" title="Transtorno do espectro autista" alt="Imagem: Projetando para usuários com transtorno do espectro autista"&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj640z99yn3sxu7ldudym.png" title="Leitores de tela" alt="Imagem: Projetando para usuários de leitores de tela"&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5qjzza3v3ix8vhjjz82s.png" title="Baixa visão" alt="Imagem: Projetando para usuários com baixa visão"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fioxs9mp8p4fzl3lq2ktm.png" title="Deficiência física ou motora" alt="Imagem: Projetando para usuários com deficiência física ou motora"&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fduxh28v5tvkxtfi0pycq.png" title="Deficientes auditivos ou surdos" alt="Imagem: Projetando para usuários que são deficientes auditivos ou surdos"&gt;&lt;/td&gt;
&lt;td&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fk1cz9k4p24r4yeyun69m.png" title="Dislexia" alt="Imagem: Projetando para usuários com dislexia"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;h3&gt;
  
  
  Projetando para:
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;1. Usuário com transtorno do espectro autista:&lt;/strong&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Fazer&lt;/th&gt;
&lt;th&gt;Não fazer&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;use cores simples&lt;/td&gt;
&lt;td&gt;use cores contrastantes brilhantes&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;escreva de forma clara e simples&lt;/td&gt;
&lt;td&gt;usar figuras de linguagem ou expressões idiomáticas&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;usar frases e marcadores simples&lt;/td&gt;
&lt;td&gt;usar grandes blocos de textos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;criar botões descritivos — por exemplo, “anexar arquivos”&lt;/td&gt;
&lt;td&gt;criar botões vagos ou imprevisíveis — por exemplo, "clique aqui"&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;construir &lt;em&gt;layouts&lt;/em&gt; simples e consistentes&lt;/td&gt;
&lt;td&gt;construir &lt;em&gt;layouts&lt;/em&gt; complexos e desordenados&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vmm1h4ut4kn32r115x83.png" rel="noopener noreferrer"&gt;Visualizar pôster&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;2. Usuário de leitor de tela:&lt;/strong&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Fazer&lt;/th&gt;
&lt;th&gt;Não fazer&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;descrever imagens e fornecer transcrições para vídeo&lt;/td&gt;
&lt;td&gt;mostrar informações apenas em imagem ou vídeo&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;construir um &lt;em&gt;layout&lt;/em&gt; linear e lógico&lt;/td&gt;
&lt;td&gt;espalhar conteúdo por toda a página&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;estrutura de código baseado em &lt;em&gt;HTML5&lt;/em&gt;
&lt;/td&gt;
&lt;td&gt;estrutura dependente do tamanho do texto e do posicionamento&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;construir para uso apenas do teclado&lt;/td&gt;
&lt;td&gt;forçar uso do &lt;em&gt;mouse&lt;/em&gt; ou da tela&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;escrever &lt;em&gt;links&lt;/em&gt; e títulos autodescritivos&lt;/td&gt;
&lt;td&gt;escrever &lt;em&gt;links&lt;/em&gt; e títulos não informativos — por exemplo, "clique aqui"&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j640z99yn3sxu7ldudym.png" rel="noopener noreferrer"&gt;Visualizar pôster&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;3. Usuário com baixa visão:&lt;/strong&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Fazer&lt;/th&gt;
&lt;th&gt;Não fazer&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;usar bons contrastes e um tamanho de fonte legível&lt;/td&gt;
&lt;td&gt;use baixo contraste e tamanho de fonte pequeno&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;publicar todas as informações diretamente em páginas HTML&lt;/td&gt;
&lt;td&gt;"esconder" informações em arquivos para &lt;em&gt;download&lt;/em&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;usar combinação de cores, formas e texto&lt;/td&gt;
&lt;td&gt;usar apenas cor para transmitir significado&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;construir &lt;em&gt;layout&lt;/em&gt; linear e lógico garantindo boa leitura em ampliações&lt;/td&gt;
&lt;td&gt;espalhar conteúdo por toda a página e forçar usuário a rolar a tela em ampliações&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;construir botões e notificações dentro de um contexto&lt;/td&gt;
&lt;td&gt;separar ações do seu contexto&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5qjzza3v3ix8vhjjz82s.png" rel="noopener noreferrer"&gt;Visualizar pôster&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;4. Usuário com deficiência física:&lt;/strong&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Fazer&lt;/th&gt;
&lt;th&gt;Não fazer&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;criar grandes áreas clicáveis&lt;/td&gt;
&lt;td&gt;necessidade de precisão&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;espaçamento entre campos de formulários&lt;/td&gt;
&lt;td&gt;agrupamento de interações próximas&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;projetar para usar apenas teclado ou voz&lt;/td&gt;
&lt;td&gt;conteúdo dinâmico que requer muito movimento do mouse&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;projetar para telas móveis e tocáveis em mente&lt;/td&gt;
&lt;td&gt;exibir mensagens em um curto período de tempo&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;fornecer atalhos&lt;/td&gt;
&lt;td&gt;cansar usuários com muita digitação e rolagem&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ioxs9mp8p4fzl3lq2ktm.png" rel="noopener noreferrer"&gt;Visualizar pôster&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;5. Usuário com deficiência auditiva ou surdez:&lt;/strong&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Fazer&lt;/th&gt;
&lt;th&gt;Não fazer&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;escreva de forma clara e simples&lt;/td&gt;
&lt;td&gt;usar figuras de linguagem ou expressões idiomáticas&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;usar legendas e/ou fornecer transcrições para vídeos&lt;/td&gt;
&lt;td&gt;usar conteúdo apenas em áudio ou vídeo&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;construir &lt;em&gt;layouts&lt;/em&gt; simples e consistentes&lt;/td&gt;
&lt;td&gt;construir &lt;em&gt;layouts&lt;/em&gt; complexos e desordenados&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;dividir o conteúdo com subtítulos, imagens e vídeos&lt;/td&gt;
&lt;td&gt;construir longos blocos de conteúdo&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;permitir que o usuário escolha o seu melhor meio e comunicação&lt;/td&gt;
&lt;td&gt;não permita que o telefone seja o único meio de comunicação para usuários&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/duxh28v5tvkxtfi0pycq.png" rel="noopener noreferrer"&gt;Visualizar pôster&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;6. Usuário com dislexia:&lt;/strong&gt;&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Fazer&lt;/th&gt;
&lt;th&gt;Não fazer&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Usar imagens e diagramas para acompanhar texto&lt;/td&gt;
&lt;td&gt;use grandes blocos de texto&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;alinhe textos a esquerda e manter a consistência do &lt;em&gt;layout&lt;/em&gt;
&lt;/td&gt;
&lt;td&gt;sublinhar palavras, usar itálico e escrever em maiúsculas&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;considere produzir materiais em outros formatos — por exemplo: áudio e vídeo&lt;/td&gt;
&lt;td&gt;forçar usuários a lembrar coisas de páginas anteriores — forneça lembretes e avisos&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;mantenha o conteúdo curto, claro e simples&lt;/td&gt;
&lt;td&gt;depender de ortografia correta e precisa — forneça autocorreção ou sugestões&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;permitir que os usuários alterem o contraste entre plano de fundo e texto&lt;/td&gt;
&lt;td&gt;colocar muita informação em um só lugar&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;&lt;a href="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k1cz9k4p24r4yeyun69m.png" rel="noopener noreferrer"&gt;Visualizar pôster&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;*&lt;/strong&gt; &lt;em&gt;Tradução dos cartazes para o Português realizada por Marcelo Sales&lt;/em&gt; &lt;/p&gt;

&lt;p&gt;Voltar para lista de conteúdo&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a id="avaliadores"&gt;&lt;/a&gt; Avaliadores automáticos de acessibilidade na &lt;em&gt;web&lt;/em&gt;
&lt;/h2&gt;

&lt;p&gt;Avaliar manualmente todas as páginas de um &lt;em&gt;site&lt;/em&gt; ou portal é uma tarefa cansativa, demorada, dependendo dos casos chegando a ser inviável. Por isso a existência dos avaliadores automáticos. São inúmeros os existentes; em &lt;a href="https://www.w3.org/WAI/ER/tools" rel="noopener noreferrer"&gt;Web Accessibility Evaluation Tools List&lt;/a&gt; a &lt;em&gt;w3.org&lt;/em&gt; apresenta uma lista com inúmeras ferramentas de avaliação de acessibilidade.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;A avaliação de acessibilidade na &lt;em&gt;web&lt;/em&gt; é um processo que verifica o quão bem as aplicações podem ser acessadas, de forma satisfatória, por pessoas com diferentes deficiências. Essa avaliação busca indicar o quanto acessível é uma aplicação &lt;em&gt;web&lt;/em&gt;, além de apontar os problemas para a aplicação de correções. (ARNAUT, 2017)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Abaixo são apresentadas algumas ferramentas automáticas gratuitas para avaliação de acessibilidade na &lt;em&gt;WEB&lt;/em&gt;:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Ferramenta&lt;/th&gt;
&lt;th&gt;Critério&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://asesweb.governoeletronico.gov.br" rel="noopener noreferrer"&gt;ASES&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;eMAG&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="http://www.tawdis.net" rel="noopener noreferrer"&gt;TAW&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;WCAG&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;a href="https://www.webaccessibility.com" rel="noopener noreferrer"&gt;WEB accessibility&lt;/a&gt;&lt;/td&gt;
&lt;td&gt;WCAG&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Dentre estas ferramentas, o ASES (Avaliador e Simulador de Acessibilidade em Sítios), disponibilizada para &lt;em&gt;WEB&lt;/em&gt; e também &lt;em&gt;Desktop&lt;/em&gt;, permite avaliar, simular e corrigir a acessibilidade de páginas, sítios e portais, seguindo as recomendações do Modelo de Acessibilidade em Governo Eletrônico (eMAG); foi desenvolvido em parceria entre o Departamento de Governo Eletrônico (DGE) e o Instituto Federal de Educação, Ciência e Tecnologia do Rio Grande do Sul (IFRS).&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Os resultados das avaliações realizadas pelas ferramentas automáticas são apresentados na forma de um relatório que detalha as áreas problemáticas no sítio &lt;em&gt;web&lt;/em&gt;. (ARNAUT, 2017)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Voltar para lista de conteúdo&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a id="crescimentoTematica"&gt;&lt;/a&gt; Crescimento da temática acessibilidade
&lt;/h2&gt;

&lt;p&gt;Sousa e Lazzarin (2014), em &lt;em&gt;A questão da acessibilidade digital na literatura dos anais do ENANCIB&lt;/em&gt;, investigaram a expansão de temáticas emergentes dentro do cenário da Ciência da Informação (CI), como a Acessibilidade Digital, focando nos trabalhos publicados nos Encontros Nacionais de Pesquisa e Pós-Graduação em CI (ENANCIB), período de 1994 à 2012, utilizando uma abordagem qualiquantitativa, e os resultados revelaram que nos últimos anos da pesquisa houve um crescimento exponencial na publicação de trabalhos com a temática acessibilidade.&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Trabalhos publicados&lt;/th&gt;
&lt;th&gt;1994 à 1997&lt;/th&gt;
&lt;th&gt;1998 à 2001&lt;/th&gt;
&lt;th&gt;2002 à 2005&lt;/th&gt;
&lt;th&gt;2006 à 2009&lt;/th&gt;
&lt;th&gt;2010 à 2012&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Quantidade&lt;/td&gt;
&lt;td&gt;0&lt;/td&gt;
&lt;td&gt;2&lt;/td&gt;
&lt;td&gt;3&lt;/td&gt;
&lt;td&gt;15&lt;/td&gt;
&lt;td&gt;21&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Por meio da ferramenta &lt;a href="https://books.google.com/ngrams" rel="noopener noreferrer"&gt;&lt;em&gt;Books Ngram Viewer&lt;/em&gt;&lt;/a&gt; da &lt;em&gt;Google&lt;/em&gt;, utilizando um alcance maior, de 1990 à 2019, é possível visualizar uma crescente nas ocorrências do termo &lt;em&gt;"web accessibility"&lt;/em&gt; encontrados em livros no idioma Inglês (EUA) *.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fm6rp8w56v689bs6bi9mx.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fm6rp8w56v689bs6bi9mx.png" alt="Ocorrências do termo "&gt;&lt;/a&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;em&gt;No momento da pesquisa não tinha disponível o idioma Português&lt;/em&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Agora utilizando as palavras em Português ("acessibilidade + web") e em outra ferramenta do &lt;em&gt;Google&lt;/em&gt;, seu &lt;a href="//www.google.com.br"&gt;buscador&lt;/a&gt;, foi possível observar a ocorrência em torno de 46 milhões de sítios.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmxfl1trly4zekyzffkm7.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmxfl1trly4zekyzffkm7.png" alt="Ocorrências das palavras acessibilidade + web no buscador do Google: mais de 46 milhões"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Observado os dados acima seria de se esperar um crescimento na implantação da acessibilidade nos sítios, já que temos muitos materiais abordado o assunto; mas na prática não é o que ocorre.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;BigData Corp&lt;/em&gt; e &lt;em&gt;Movimento Web para Todos&lt;/em&gt; visitaram em abril de 2020 os 14,65 milhões de endereços ativos da &lt;em&gt;web&lt;/em&gt; brasileira na época, com foco na experiência do usuário com algum tipo de deficiência, para avaliar os níveis de acessibilidade, comparado-os com os resultados da análise anterior realizada em agosto de 2019, e obtiveram resultados nada satisfatórios. (WEB PARA TODOS, 2020)&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Para este estudo foram escolhidos três recursos de páginas &lt;em&gt;Web&lt;/em&gt;: imagens, &lt;em&gt;links&lt;/em&gt; e formulários, que se tornam barreiras ao acesso se não aplicados corretamente. Imagens sem descrição são barreiras para pessoas cegas conseguirem compreender o conteúdo da foto ou figura publicada. Formulários com problemas de acessibilidade dificultam o acesso de pessoas cegas e também de pessoas com mobilidade reduzida que não conseguem usar &lt;em&gt;mouse&lt;/em&gt;. A verificação de &lt;em&gt;markup&lt;/em&gt; do padrão do &lt;em&gt;W3C&lt;/em&gt; possibilita encontrar erros na estrutura da página que eventualmente trazem barreiras para pessoas com deficiência. Vale lembrar que outras barreiras não foram verificadas nesta pesquisa e podem estar presentes nas páginas. (WEB PARA TODOS, 2020)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Abaixo seguem as estatísticas de alguns dos resultados apurados:&lt;/p&gt;

&lt;div class="table-wrapper-paragraph"&gt;&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Categoria analisada&lt;/th&gt;
&lt;th&gt;ago/2019&lt;/th&gt;
&lt;th&gt;ago/2019&lt;/th&gt;
&lt;th&gt;abr/2020&lt;/th&gt;
&lt;th&gt;abr/2020&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;&lt;/td&gt;
&lt;td&gt;&lt;em&gt;Com problema&lt;/em&gt;&lt;/td&gt;
&lt;td&gt;&lt;em&gt;Sem problema&lt;/em&gt;&lt;/td&gt;
&lt;td&gt;&lt;em&gt;Com problema&lt;/em&gt;&lt;/td&gt;
&lt;td&gt;&lt;em&gt;Sem problema&lt;/em&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Formulário &lt;em&gt;(forms)&lt;/em&gt;
&lt;/td&gt;
&lt;td&gt;52,38%&lt;/td&gt;
&lt;td&gt;47,62%&lt;/td&gt;
&lt;td&gt;55,19%&lt;/td&gt;
&lt;td&gt;44,81%&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;em&gt;Links&lt;/em&gt;&lt;/td&gt;
&lt;td&gt;83,56%&lt;/td&gt;
&lt;td&gt;16,44%&lt;/td&gt;
&lt;td&gt;93,65%&lt;/td&gt;
&lt;td&gt;6,35%&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Imagens&lt;/td&gt;
&lt;td&gt;83,25%&lt;/td&gt;
&lt;td&gt;16,75%&lt;/td&gt;
&lt;td&gt;83,36%&lt;/td&gt;
&lt;td&gt;16,64%&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Verificação de &lt;em&gt;markup&lt;/em&gt; do &lt;em&gt;W3C&lt;/em&gt;
&lt;/td&gt;
&lt;td&gt;95,18%&lt;/td&gt;
&lt;td&gt;4,82%&lt;/td&gt;
&lt;td&gt;97,22%&lt;/td&gt;
&lt;td&gt;2,78%&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;&lt;/div&gt;

&lt;p&gt;Mais detalhes podem ser obtidos em: &lt;a href="https://mwpt.com.br/numero-de-sites-que-falham-nos-testes-do-web-para-todos-cai-mas-ainda-preocupa" rel="noopener noreferrer"&gt;web para todos&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Voltar para lista de conteúdo&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a id="consideracoes"&gt;&lt;/a&gt; Considerações
&lt;/h2&gt;

&lt;p&gt;Aumentando a acessibilidade dos &lt;em&gt;sites&lt;/em&gt; melhora a navegação, as experiências para todos os usuários, não apenas para as pessoas que têm alguma deficiência, pois o &lt;em&gt;site&lt;/em&gt; estará mais bem feito; acessibilidade em &lt;em&gt;sites&lt;/em&gt; tem mais correlação com organização e boas práticas do que com elementos técnicos propriamente ditos.&lt;/p&gt;

&lt;p&gt;Mesmo havendo diretrizes de acessibilidade, como o &lt;em&gt;WCAG&lt;/em&gt; da &lt;em&gt;W3C&lt;/em&gt; e leis federais relacionadas à acessibilidade &lt;em&gt;web&lt;/em&gt;, ainda existem inúmeros &lt;em&gt;sites&lt;/em&gt; com problemas de acessibilidade. &lt;/p&gt;

&lt;p&gt;Conforme Sousa e Lazzarin (2014), "embora o poder da &lt;em&gt;Web&lt;/em&gt; esteja em sua universalidade, e sua idealização tenha tido como primeira concepção o objetivo de fornecer conteúdo a todas as pessoas, desenvolvedores de &lt;em&gt;websites&lt;/em&gt;, por inúmeros motivos – entre eles falta de formação na área e escassez de tempo – passaram a não seguir recomendações que facilitassem o acesso ao conteúdo com a utilização de produtos de &lt;em&gt;software&lt;/em&gt; não convencionais, como, por exemplo, os leitores de tela."&lt;/p&gt;

&lt;p&gt;No tocante aos usuários com autismo, que abrange um conjunto mais específico de acessibilidade, segundo Pagani (2016), "a principal dificuldade é que profissionais de tecnologia tendem a não ter conhecimento sobre o assunto, e muitas empresas do setor não consideram estes usuários como parte do público-alvo dos projetos, o que é uma informação alarmante." E acrescenta, com base em pesquisa realizada com profissionais de tecnologia durante seu mestrado, que "84% não consideram ou consideram parcialmente pessoas com deficiências cognitivas em seus projetos. 75% dos que não consideram o fazem porque não têm conhecimento suficiente sobre essas deficiências para aplicar em seus projetos, e 54% dizem que a empresa em que atuam não considera que estes usuários seriam parte do público-alvo dos projetos."&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;A mudança da &lt;em&gt;web&lt;/em&gt; brasileira em prol das pessoas com deficiências depende, basicamente, da adesão das empresas e instituições à causa. A transformação seria muito mais rápida se a legislação especificasse quais critérios de acessibilidade um &lt;em&gt;site&lt;/em&gt; deve atender. Por enquanto, a legislação nacional não passa de uma declaração de boa vontade do legislador, mas sem nenhuma aplicação prática, ressalta. (WEB PARA TODOS, 2020)&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Neste artigo foram mostradas iniciativas, diretrizes internacionais e nacionais, visando uma Internet mais universal; cada um abordando o assunto de uma maneira particular, mas todos chegando no mesmo objetivo, no mesmo resultado.&lt;/p&gt;

&lt;p&gt;O material apresentando não se aprofunda nas diretrizes, em como fazer, no passo a passo, o objetivo foi dar uma direção, um rumo, mostrar os conceitos principais para quem ainda não tinha pensado em uma &lt;em&gt;WEB&lt;/em&gt; inclusiva, instigar uma reflexão no leitor.&lt;/p&gt;

&lt;p&gt;Voltar para lista de conteúdo&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a id="referencias"&gt;&lt;/a&gt; Referências
&lt;/h2&gt;

&lt;ol&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="arnaut2017"&gt;&lt;/a&gt; ARNAUT, F. F. S. 2017. &lt;strong&gt;Acessibilidade web em sítios da rede federal de educação: uma avaliação dos Institutos Federais.&lt;/strong&gt; 87 f. Dissertação (Mestrado em Gestão e Tecnologia Aplicadas à Educação) – Setor de Educação, Universidade do Estado da Bahia, Salvador (BA), 2017. Disponível em: &amp;lt;&lt;a href="http://www.cdi.uneb.br/site/wp-content/uploads/2018/03/Dissertacao_Mestrado_Gestec_France.pdf" rel="noopener noreferrer"&gt;http://www.cdi.uneb.br/site/wp-content/uploads/2018/03/Dissertacao_Mestrado_Gestec_France.pdf&lt;/a&gt;&amp;gt;. Acesso em: 29 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;BRASIL. &lt;strong&gt;ASES (Avaliador e Simulador de Acessibilidade em Sítios).&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://softwarepublico.gov.br/social/ases" rel="noopener noreferrer"&gt;https://softwarepublico.gov.br/social/ases&lt;/a&gt;&amp;gt;. Acesso em: 1 mai. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="brasil2014"&gt;&lt;/a&gt; BRASIL. 2014. &lt;strong&gt;eMAG - Modelo de Acessibilidade em Governo Eletrônico.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="http://emag.governoeletronico.gov.br" rel="noopener noreferrer"&gt;http://emag.governoeletronico.gov.br&lt;/a&gt;&amp;gt;. Acesso em: 28 abr 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="ibge2012"&gt;&lt;/a&gt; IBGE (Instituto Brasileiro de Geografia e Estatística). 2012. &lt;strong&gt;Cartilha do Censo 2010: Pessoas com Deficiência.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://inclusao.enap.gov.br/wp-content/uploads/2018/05/cartilha-censo-2010-pessoas-com-deficienciareduzido-original-eleitoral.pdf" rel="noopener noreferrer"&gt;https://inclusao.enap.gov.br/wp-content/uploads/2018/05/cartilha-censo-2010-pessoas-com-deficienciareduzido-original-eleitoral.pdf&lt;/a&gt;. Acesso em: 28 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="karwai2016"&gt;&lt;/a&gt; KARWAI, P. 2016. &lt;strong&gt;Dos and don'ts on designing for accessibility.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility" rel="noopener noreferrer"&gt;https://accessibility.blog.gov.uk/2016/09/02/dos-and-donts-on-designing-for-accessibility&lt;/a&gt;&amp;gt;. Acesso em: 27 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="mezzaroba2018"&gt;&lt;/a&gt; MEZZAROBA M. P.; ALMEIDA, T. C.; ULBRICHT, V. R.; VANZIN, T.; FADE, L. M. 2018. &lt;strong&gt;Acessibilidade em portais de Governo Eletrônico do Poder Judiciário.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://www.infodesign.org.br/infodesign/article/view/369/280" rel="noopener noreferrer"&gt;https://www.infodesign.org.br/infodesign/article/view/369/280&lt;/a&gt;&amp;gt;. Acesso em: 28 abr. 2021. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="pagani2016"&gt;&lt;/a&gt; PAGANI, T. C. 2016. &lt;strong&gt;Acessibilidade Web Cognitiva - BrazilJS Conf 2016.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://www.youtube.com/watch?v=igGOeem6y4w" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=igGOeem6y4w&lt;/a&gt;&amp;gt;. Acesso em: 27 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="pagani2019"&gt;&lt;/a&gt; PAGANI, T. C. 2019. &lt;strong&gt;GAIA: um Guia de Recomendações Sobre Design Digital Inclusivo Para Pessoas com Autismo.&lt;/strong&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="reis2011"&gt;&lt;/a&gt; REIS, A. 2011. &lt;strong&gt;Acessibilidade na Web para Deficientes Visuais - Parte 1/2.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://www.youtube.com/watch?v=n0ISO5qe1Ao" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=n0ISO5qe1Ao&lt;/a&gt;&amp;gt;. Acesso em: 27 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="sales2017a"&gt;&lt;/a&gt; SALES, M. 2017a. &lt;strong&gt;Entendendo o WCAG - Recomendação 1.1 - Alternativas Textuais.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://www.youtube.com/watch?v=wjZEPeTwVL4" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=wjZEPeTwVL4&lt;/a&gt;&amp;gt;. Acesso em: 27 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="sales2017b"&gt;&lt;/a&gt; SALES, M. 2017b. &lt;strong&gt;"O que fazer" e "o que não fazer" ao projetar para Acessibilidade.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://uxdesign.blog.br/o-que-fazer-e-o-que-n%C3%A3o-fazer-ao-projetar-para-acessibilidade-7da75261fa7b" rel="noopener noreferrer"&gt;https://uxdesign.blog.br/o-que-fazer-e-o-que-n%C3%A3o-fazer-ao-projetar-para-acessibilidade-7da75261fa7b&lt;/a&gt;&amp;gt;. Acesso em: 27 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="videoPalToolkit"&gt;&lt;/a&gt; SALES, M. 2018. &lt;strong&gt;Palestra: Acessibilidade Toolkit - Entendendo de uma vez por todas a WCAG.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://www.youtube.com/watch?v=s2IKdGTbyIA" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=s2IKdGTbyIA&lt;/a&gt;&amp;gt;. Acesso em: 27 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="videoToolkit"&gt;&lt;/a&gt; SALES, M. 2019. &lt;strong&gt;Acessibilidade Toolkit: WCAG de forma simples.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://www.youtube.com/watch?v=GBipzZwXxZg" rel="noopener noreferrer"&gt;https://www.youtube.com/watch?v=GBipzZwXxZg&lt;/a&gt;&amp;gt;. Acesso em: 27 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="sales2020"&gt;&lt;/a&gt; SALES, M. 2020. &lt;strong&gt;Acessibilidade Toolkit: Entendendo de uma vez por todas a WCAG.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://uxdesign.blog.br/acessibilidade-toolkit-entendendo-de-uma-vez-por-todas-a-wcag-e2714120d80" rel="noopener noreferrer"&gt;https://uxdesign.blog.br/acessibilidade-toolkit-entendendo-de-uma-vez-por-todas-a-wcag-e2714120d80&lt;/a&gt;&amp;gt;. Acesso em: 2 mai. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="sampaio2018"&gt;&lt;/a&gt; SAMPAIO, M. 2018. &lt;strong&gt;Entenda o WCAG 2.0 de forma simples e rápida.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://blog.handtalk.me/wcag-2-0" rel="noopener noreferrer"&gt;https://blog.handtalk.me/wcag-2-0&lt;/a&gt;&amp;gt;. Acesso em: 29 de abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="sousaLazzarin2014"&gt;&lt;/a&gt; SOUSA, M. R. F.; F. A. LAZZARIN. 2014. &lt;strong&gt;A questão da acessibilidade digital na literatura dos anais do ENANCIB (1994-2012).&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://doaj.org/article/8de32ce920be4a1b831d1d8865f39b00" rel="noopener noreferrer"&gt;https://doaj.org/article/8de32ce920be4a1b831d1d8865f39b00&lt;/a&gt;&amp;gt;. Acesso em: 28 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="toolkit2020"&gt;&lt;/a&gt; TOOLKIT. 2020. &lt;strong&gt;Acessibilida.de Toolkit.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://github.com/acessibilidade/toolkit" rel="noopener noreferrer"&gt;https://github.com/acessibilidade/toolkit&lt;/a&gt;&amp;gt;. Acesso em: 1 mai. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="w3c_brasil2015"&gt;&lt;/a&gt; W3C BRASIL. 2015. &lt;strong&gt;Cartilha de acessibilidade na &lt;em&gt;web&lt;/em&gt;: &lt;em&gt;w3c&lt;/em&gt; brasil.&lt;/strong&gt; Fascículo I. Disponível em: &amp;lt;&lt;a href="http://www.w3c.br/pub/Materiais/PublicacoesW3C/cartilha-w3cbr-acessibilidade-web-fasciculo-I.html" rel="noopener noreferrer"&gt;http://www.w3c.br/pub/Materiais/PublicacoesW3C/cartilha-w3cbr-acessibilidade-web-fasciculo-I.html&lt;/a&gt;&amp;gt;. Acesso em: 28 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="w3c_brasil2018"&gt;&lt;/a&gt; W3C BRASIL. 2018. &lt;strong&gt;Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.1.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://www.w3c.br/traducoes/wcag/wcag21-pt-BR" rel="noopener noreferrer"&gt;https://www.w3c.br/traducoes/wcag/wcag21-pt-BR&lt;/a&gt;&amp;gt;. Acesso em: 2 mai. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="w3c_brasil2020"&gt;&lt;/a&gt; W3C BRASIL. 2020. &lt;strong&gt;Cartilha de acessibilidade na &lt;em&gt;web&lt;/em&gt;: &lt;em&gt;w3c&lt;/em&gt; brasil.&lt;/strong&gt; Fascículo IV. Disponível em: &amp;lt;&lt;a href="https://www.w3c.br//pub/Materiais/PublicacoesW3C/cartilha-w3cbr-acessibilidade-web-fasciculo-IV.html" rel="noopener noreferrer"&gt;https://www.w3c.br//pub/Materiais/PublicacoesW3C/cartilha-w3cbr-acessibilidade-web-fasciculo-IV.html&lt;/a&gt;&amp;gt;. Acesso em: 28 abr. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;a id="webParaTodos2020"&gt;&lt;/a&gt; WEB PARA TODOS. 2020. &lt;strong&gt;Número de sites que falham nos testes do Web para Todos cai, mas ainda preocupa.&lt;/strong&gt; Disponível em: &amp;lt;&lt;a href="https://mwpt.com.br/numero-de-sites-que-falham-nos-testes-do-web-para-todos-cai-mas-ainda-preocupa" rel="noopener noreferrer"&gt;https://mwpt.com.br/numero-de-sites-que-falham-nos-testes-do-web-para-todos-cai-mas-ainda-preocupa&lt;/a&gt;&amp;gt;. Acesso em: 1 mai. 2021.&lt;/p&gt;&lt;/li&gt;
&lt;/ol&gt;

&lt;p&gt;Voltar para lista de conteúdo&lt;/p&gt;

</description>
      <category>acessibilidade</category>
      <category>web</category>
      <category>site</category>
      <category>internet</category>
    </item>
  </channel>
</rss>
