<?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>DEV Community: brunogaleski</title>
    <description>The latest articles on DEV Community by brunogaleski (@brunogaleski).</description>
    <link>https://dev.to/brunogaleski</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%2F618497%2F977d6c5b-a9cd-45dd-8d3b-a0800da6a5d7.png</url>
      <title>DEV Community: brunogaleski</title>
      <link>https://dev.to/brunogaleski</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/brunogaleski"/>
    <language>en</language>
    <item>
      <title>WCAG 2.0 Diretrizes e Ferramentas</title>
      <dc:creator>brunogaleski</dc:creator>
      <pubDate>Wed, 21 Apr 2021 19:02:54 +0000</pubDate>
      <link>https://dev.to/portugues/wcag-2-0-diretrizes-e-ferramentas-304i</link>
      <guid>https://dev.to/portugues/wcag-2-0-diretrizes-e-ferramentas-304i</guid>
      <description>&lt;p&gt;Web Content Accessibility Guidelines (WCAG), ou Diretrizes de Acessibilidade para Conteúdo Web é um conjunto de regras que tem como objetivo aumentar a acessibilidade de conteúdos da internet para pessoas que possuem algum tipo de deficiência. Em sua versão 2.0 conta com 12 diretrizes divididas em 4 princípios, cada uma das diretrizes pode ser classificada em 3 níveis de conformidade.&lt;/p&gt;

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

&lt;h2&gt;
  
  
  1 Perceptível
&lt;/h2&gt;

&lt;p&gt;Informações e componentes devem ser apresentados de forma que os utilizadores as possam percepcionar.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 1.1 Alternativas em Texto
&lt;/h3&gt;

&lt;p&gt;Conteúdos não textuais devem possuir uma alternativa textual.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 1.2 Mídias com base em tempo
&lt;/h3&gt;

&lt;p&gt;Conteúdos do tipo mídia, devem possuir uma versão alternativa em mídia com base em tempo, documento textual corretamente sequenciado que permite a navegação baseada em tempo.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 1.3 Adaptável
&lt;/h3&gt;

&lt;p&gt;O conteúdo deve poder ser mostrado em diferentes formas sem afetar a informação ou estrutura, por exemplo um layout simplificado.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 1.4 Discernível
&lt;/h3&gt;

&lt;p&gt;Facilitar a visualização e audição de conteúdos, incluindo uma separação entre primeiro e segundo plano.&lt;/p&gt;

&lt;h2&gt;
  
  
  2 Operável
&lt;/h2&gt;

&lt;p&gt;Os componentes da interface e navegação devem ser operáveis.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 2.1 Acessível por teclado
&lt;/h3&gt;

&lt;p&gt;Todas as funcionalidades devem ser disponíveis a partir de um teclado.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 2.2 Tempo Suficiente
&lt;/h3&gt;

&lt;p&gt;Usuários devem ter tempo suficiente para ler e utilizar o conteúdo.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 2.3 Convulsões
&lt;/h3&gt;

&lt;p&gt;Não desenvolver conteúdo conhecido por poder causar convulsões.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 2.4 Navegável
&lt;/h3&gt;

&lt;p&gt;Fornecer maneiras de ajudar o usuário a navegar, localizar conteúdos e determinar sua localização na aplicação.&lt;/p&gt;

&lt;h2&gt;
  
  
  Compreensível
&lt;/h2&gt;

&lt;p&gt;A informação e a operação da interface de usuário devem ser compreensíveis. Funções e palavras não usuais ou não esperadas devem ser evitadas. Linguagem comum e explicação de jargões devem ser utilizadas.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 3.1 Legível
&lt;/h3&gt;

&lt;p&gt;Conteúdo textual deve ser legível e compreensível.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 3.2 Previsível
&lt;/h3&gt;

&lt;p&gt;Páginas WEB devem funcionar e serem mostradas de forma previsível.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 3.3 Assistência de Entrada
&lt;/h3&gt;

&lt;p&gt;Ajudar o usuário a evitar erros e também ajuda-los a se recuperar quando esses acontecerem.&lt;/p&gt;

&lt;h2&gt;
  
  
  Robusto
&lt;/h2&gt;

&lt;p&gt;O conteúdo deve ser robusto o suficiente para ser mostrado de forma confiável independente do browser, sistema operacional ou dispositivo que o usuário esteja utilizando.&lt;/p&gt;

&lt;h3&gt;
  
  
  Diretriz 4.1 Compatível
&lt;/h3&gt;

&lt;p&gt;Maximizar a compatibilidade entre atuais e futuros agentes de usuário. Incluindo tecnologias assistivas.&lt;/p&gt;

&lt;h1&gt;
  
  
  Níveis de conformidade
&lt;/h1&gt;

&lt;p&gt;Cada diretriz possui uma lista de sub diretrizes que podem ser testadas para validar se determinado problema de acessibilidade foi valido. O níveis de conformidade são:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Nível A - Trata dos recursos mais básicos de acessibilidade WEB.&lt;/li&gt;
&lt;li&gt;Nível AA - Contém as maiores e mais comuns barreiras para usuários com deficiência.&lt;/li&gt;
&lt;li&gt;Nível AAA - Abordar os níveis mais complexos de acessibilidade WEB.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Para que uma aplicação tenha um nível de conformidade todas as diretriz daqueles nível devem ser cumpridas.&lt;/p&gt;

&lt;p&gt;Não é recomendável que o nível AAA seja obrigatório para sites inteiros, pois alguns conteúdos podem não conseguir satisfazer todos os requerimentos nível AAA.&lt;/p&gt;

&lt;h1&gt;
  
  
  Ferramentas
&lt;/h1&gt;

&lt;p&gt;Pode ser difícil entender todas as diretrizes ou mesmo saber como cumpri-las. Para isso existem algumas ferramentas que auxiliam a avaliação de sites quanto a acessibilidade.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://color.a11y.com/"&gt;A11Y Color Contrast Accessibility Validator&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;Valida o contraste de cores de um site. Mostra problemas de combinação de cores de texto com cores de fundo que podem prejudicar a visão. &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_0y933so--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/29s7kfrlm72174pfipls.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_0y933so--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/29s7kfrlm72174pfipls.png" alt="Resultado de teste de contraste do site google.com feito pelo site color.a11y.com"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;a href="https://www.webaccessibility.com/"&gt;Web Accessbility by Level Access&lt;/a&gt;
&lt;/h2&gt;

&lt;p&gt;Valida um site de acordo com as diretrizes WCAG até nível AA.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--GwDzxYCW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u2dd801c7g6iccdoyuam.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--GwDzxYCW--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u2dd801c7g6iccdoyuam.png" alt="Resultado do diretrizes WCAG do site google.com executado pelo site webaccessibility.com"&gt;&lt;/a&gt;&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--uWju2HsZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v2t1r31r2s5r39c2dihz.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--uWju2HsZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v2t1r31r2s5r39c2dihz.png" alt="Violações de diretrizes WCAG encontradas no site google.com pelo site webaccessibility.com"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Referências:
&lt;/h3&gt;

&lt;p&gt;CALDWELL, Ben et al. Web Content Accessibility Guidelines (WCAG) 2.0. W3C Recommendation 11 December 2008, [s. l.], 11 dez. 2008. Disponível em: &lt;a href="https://www.w3.org/TR/WCAG20/#guidelines"&gt;https://www.w3.org/TR/WCAG20/#guidelines&lt;/a&gt;. Acesso em: 21 abr. 2021.&lt;br&gt;
KANE, Lexie. Usability for Seniors. Challenges and Changes, [S. l.], p. 1, 8 set. 2019. Disponível em: &lt;a href="https://www.nngroup.com/articles/usability-for-senior-citizens/"&gt;https://www.nngroup.com/articles/usability-for-senior-citizens/&lt;/a&gt;. Acesso em: 21 abr. 2021.&lt;br&gt;
SALES, Marcelo. Acessibilidade Toolkit. Entendendo de uma vez por todas a WCAG, [S. l.], p. 1, 7 mar. 2018. Disponível em: &lt;a href="https://uxdesign.blog.br/acessibilidade-toolkit-entendendo-de-uma-vez-por-todas-a-wcag-e2714120d80"&gt;https://uxdesign.blog.br/acessibilidade-toolkit-entendendo-de-uma-vez-por-todas-a-wcag-e2714120d80&lt;/a&gt;. Acesso em: 21 abr. 2021.&lt;/p&gt;

</description>
      <category>acessibilidade</category>
      <category>wcag</category>
      <category>ihc</category>
    </item>
  </channel>
</rss>
