{"id":6027,"date":"2022-06-09T12:28:16","date_gmt":"2022-06-09T15:28:16","guid":{"rendered":"https:\/\/www.handtalk.me\/br\/?p=6027"},"modified":"2024-01-23T19:34:05","modified_gmt":"2024-01-23T22:34:05","slug":"wcag-2-2","status":"publish","type":"post","link":"https:\/\/www.handtalk.me\/br\/blog\/wcag-2-2\/","title":{"rendered":"WCAG 2.2: o que esperar da atualiza\u00e7\u00e3o de Diretrizes de Acessibilidade de Conte\u00fado da Web"},"content":{"rendered":"\n<p>Antes de falarmos sobre o <strong>WCAG 2.2<\/strong>, precisamos dar um passo para tr\u00e1s, e entender o que essa sigla significa. O WCAG remete \u00e0s <strong>Diretrizes de Acessibilidade de Conte\u00fado da Web<\/strong>, ou Web Content Accessibility Guidelines em ingl\u00eas. Elas foram propostas pelo <a href=\"https:\/\/www.w3.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">W3C, o Cons\u00f3rcio World Wide Web<\/a>.<\/p>\n\n\n\n<p>O W3C \u00e9 uma comunidade internacional, composta por organiza\u00e7\u00f5es membro, uma equipe de funcion\u00e1rios, e o p\u00fablico da Web que se interessa pelo assunto. Juntos, eles <strong>desenvolvem padr\u00f5es a serem seguidos dentro da internet<\/strong>. Sua miss\u00e3o \u00e9 fazer com que a Web atinja seu potencial m\u00e1ximo.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mas afinal, o que s\u00e3o as Diretrizes de Acessibilidade de Conte\u00fado da Web?<\/h3>\n\n\n\n<p>Basicamente, elas s\u00e3o um <strong>guia para que todos os sites na web cumpram com padr\u00f5es m\u00ednimos de acessibilidade digital<\/strong>. As diretrizes s\u00e3o muito \u00fateis, e merecem sua devida aten\u00e7\u00e3o. Com elas, conseguimos ter um direcionamento melhor e saber quais os caminhos ideais a serem seguidos para construir um site acess\u00edvel.<\/p>\n\n\n\n<p>A acessibilidade digital abrange um p\u00fablico enorme de pessoas. Por conta disso, <strong>v\u00e1rias medidas diferentes devem ser levadas em considera\u00e7\u00e3o<\/strong> para atender todas elas. Por exemplo, enquanto pessoas cegas necessitam de descri\u00e7\u00f5es alternativas em v\u00eddeos e imagens, pessoas surdas com defici\u00eancia auditiva podem precisar da tradu\u00e7\u00e3o do conte\u00fado para L\u00ednguas de Sinais. Ainda \u00e9 preciso pensar nas pessoas dalt\u00f4nicas, e garantir um bom <a href=\"https:\/\/www.handtalk.me\/br\/blog\/contraste-de-cores-e-acessibilidade\/\" target=\"_blank\" rel=\"noopener\" title=\"contraste\">contraste<\/a> no seu site. Al\u00e9m disso, temos as pessoas com mobilidade reduzida, que dependem de uma boa navega\u00e7\u00e3o por teclado para usar a web. Sendo assim, o WCAG \u00e9 um documento bastante extenso e t\u00e9cnico, mas vamos te ajudar a entend\u00ea-lo da melhor maneira poss\u00edvel!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Um pequeno hist\u00f3rico<\/h3>\n\n\n\n<p>Sua primeira vers\u00e3o, chamada de WCAG 1.0, foi lan\u00e7ada em 1999. J\u00e1 faz bastante tempo, n\u00e3o \u00e9 mesmo? Da mesma forma, faz tempo que existem pessoas lutando para a inclus\u00e3o e acessibilidade em todos os espa\u00e7os \ud83d\ude09<\/p>\n\n\n\n<p>Em 2008, as diretrizes foram reformuladas, dando espa\u00e7o para o WCAG 2.0, que j\u00e1 explicamos sobre <a href=\"https:\/\/www.handtalk.me\/br\/blog\/wcag-2-0\/\" target=\"_blank\" rel=\"noreferrer noopener\">aqui no blog<\/a>. Em seguida, em 2018, houve uma nova atualiza\u00e7\u00e3o chamada <a href=\"https:\/\/www.w3c.br\/traducoes\/wcag\/wcag21-pt-BR\/\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG 2.1.<\/a> <strong>A mais nova vers\u00e3o teve seu rascunho escrito em 2021, com o nome de WCAG 2.2<\/strong>, e \u00e9 nela que vamos nos aprofundar!<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mudan\u00e7as e comparativos entre o WCAG 2.0 e o WCAG 2.2<\/h3>\n\n\n\n<p>O objetivo da nova vers\u00e3o \u00e9 dar continuidade \u00e0s vers\u00f5es anteriores, melhorando as recomenda\u00e7\u00f5es de acessibilidade para tr\u00eas principais grupos: <strong>pessoas usu\u00e1rias com defici\u00eancias cognitivas ou dificuldade de aprendizagem, com baixa vis\u00e3o e com defici\u00eancias em dispositivos m\u00f3veis<\/strong>. Vale ressaltar que os sites que estavam seguindo o WCAG 2.0 e 2.1 v\u00e3o continuar estando de acordo com as novas diretrizes.<\/p>\n\n\n\n<p>Antes de falarmos sobre os novos crit\u00e9rios de sucesso sugeridos pelo WCAG 2.2, \u00e9 importante explicarmos que eles s\u00e3o divididos em <strong>n\u00edveis de conformidade: A, AA e AAA<\/strong>. No N\u00edvel A encontramos crit\u00e9rios mais simples, que representam as barreiras mais significativas de acessibilidade. J\u00e1 o n\u00edvel AA, garante acesso \u00e0 grande maioria dos conte\u00fados. Por fim, as recomenda\u00e7\u00f5es do n\u00edvel AAA, s\u00e3o um refinamento das anteriores, sendo especifica\u00e7\u00f5es mais detalhadas e que trazem um n\u00edvel mais sofisticado de acessibilidade.<\/p>\n\n\n\n<p>Sem mais delongas, aqui voc\u00ea pode conferir quais s\u00e3o os <strong>novos crit\u00e9rios de sucesso<\/strong> do WCAG 2.2:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Autentica\u00e7\u00e3o Acess\u00edvel (N\u00edvel A): <\/strong>Os sites devem passar a oferecer alternativas de autentica\u00e7\u00e3o mais acess\u00edveis, pensando principalmente nas pessoas com defici\u00eancias cognitivas. Isso se d\u00e1 porque a memoriza\u00e7\u00e3o de um nome de usu\u00e1rio ou de uma senha pode ser uma grande barreira para essas pessoas, por ser uma tarefa complexa de login.<\/li><li><strong>Arrastando (N\u00edvel AA): <\/strong>Intera\u00e7\u00f5es que envolvem arrastar o ponteiro na tela, agora devem ser substitu\u00eddas por a\u00e7\u00f5es de toque \u00fanico, ou cliques sem arrastar. A exce\u00e7\u00e3o \u00e9 apenas para quando o movimento de arrastar seja essencial. Isso facilita a usabilidade de pessoas com mobilidade reduzida, ou que estejam impossibilitadas de realizar essa tarefa.<\/li><li><strong>Ajuda Localiz\u00e1vel (N\u00edvel A): <\/strong>Devem ser disponibilizadas formas de ajuda para a pessoa usu\u00e1ria localizar informa\u00e7\u00f5es ou executar tarefas no site. O crit\u00e9rio oferece algumas recomenda\u00e7\u00f5es, como mecanismos de contato automatizado, formas de entrar em contato com ajuda humana, op\u00e7\u00f5es de autoajuda, entre outras.<\/li><li><strong>Pontos de Refer\u00eancia Fixos (N\u00edvel A): <\/strong>Os sites devem fazer com que encontrar refer\u00eancias de seu pr\u00f3prio conte\u00fado dentro de suas p\u00e1ginas seja uma tarefa f\u00e1cil, com base nos localizadores fixos. Por exemplo, quando uma publica\u00e7\u00e3o mencionar algo que esteja \u201cnessa mesma p\u00e1gina\u201d, a pessoa usu\u00e1ria tem que conseguir acessar a refer\u00eancia com esses localizadores. Isso \u00e9 importante para manter a informa\u00e7\u00e3o acess\u00edvel, independente do dispositivo que a pessoa esteja utilizando, ou de eventuais mudan\u00e7as de formata\u00e7\u00e3o do seu site.<\/li><li><strong>Foco Vis\u00edvel M\u00ednimo (N\u00edvel AA): <\/strong>As recomenda\u00e7\u00f5es do documento sugerem as melhores especifica\u00e7\u00f5es para quando a pessoa usu\u00e1ria estiver utilizando o modo de foco no seu site. Isso acontece normalmente quando algu\u00e9m est\u00e1 navegando na internet sem o mouse, seja pelo teclado ou outras tecnologias assistivas. As diretrizes indicam o tamanho ideal para o tamanho da \u00e1rea de foco, o contraste entre o elemento que recebe o foco e o resto da p\u00e1gina, suas cores e a espessura da borda.<\/li><li><strong>Foco Vis\u00edvel Aprimorado (N\u00edvel AAA): <\/strong>As diretrizes desse crit\u00e9rio de sucesso seguem as do crit\u00e9rio anterior, indicando as especifica\u00e7\u00f5es ideias para o modo de foco aprimorado. Esse modo \u00e9 ativado quando os elementos recebem um foco maior, ferramenta importante para pessoas com defici\u00eancias visuais e motoras. As recomenda\u00e7\u00f5es levam em conta o tamanho e contraste dos elementos com foco.<\/li><li><strong>Controles Escondidos (N\u00edvel AA): <\/strong>Os controles que a pessoa usu\u00e1ria precisa para navegar por alguma p\u00e1gina devem estar totalmente vis\u00edveis no site, ao inv\u00e9s de aparecerem apenas quando a fun\u00e7\u00e3o de foco no teclado \u00e9 ativada, ou passando o cursor por cima dele. Essa ferramenta serve para facilitar a conclus\u00e3o de processos online por pessoas com defici\u00eancias cognitivas.<\/li><li><strong>Espa\u00e7amento de Alvo do Ponteiro (N\u00edvel AA): <\/strong>Elementos interativos que realizam a\u00e7\u00f5es, como o ponteiro de um mouse, devem ter um tamanho m\u00ednimo de 44 pixels de altura e largura. Isso ajuda pessoas com defici\u00eancias motoras, que evitar\u00e3o clicar em outros elementos interativos da p\u00e1gina por acidente, como um bot\u00e3o de direcionamento para outra p\u00e1gina.<\/li><li><strong>Entrada Redundante (N\u00edvel A): <\/strong>O processo de preenchimento de formul\u00e1rios e inscri\u00e7\u00f5es deve ser mais f\u00e1cil, favorecendo pessoas com defici\u00eancias cognitivas. Dessa forma, os sites t\u00eam que reduzir a solicita\u00e7\u00e3o de dados que podem ser, ou j\u00e1 foram, preenchidos anteriormente. A exce\u00e7\u00e3o \u00e9 quando as informa\u00e7\u00f5es s\u00e3o necess\u00e1rias novamente por quest\u00f5es de seguran\u00e7a.<\/li><\/ul>\n\n\n\n<p>Al\u00e9m dos novos crit\u00e9rios, existem diversas outras recomenda\u00e7\u00f5es que voc\u00ea encontra nas novas <a href=\"https:\/\/www.w3.org\/TR\/2021\/WD-WCAG22-20210521\/\" target=\"_blank\" rel=\"noreferrer noopener\">Diretrizes de Acessibilidade de Conte\u00fado da Web 2.2<\/a>. O documento oficial est\u00e1 dispon\u00edvel apenas em ingl\u00eas no momento. Ele deve ser traduzido para portugu\u00eas quando se tornar uma recomenda\u00e7\u00e3o oficial do W3C. Isso significa que ser\u00e1 quando o documento j\u00e1 <strong>estar\u00e1 est\u00e1vel e n\u00e3o deve sofrer mais mudan\u00e7as<\/strong>.<\/p>\n\n\n\n<p>Bom, falamos bastante sobre como deixar seu site mais acess\u00edvel para as pessoas com defici\u00eancia, seguindo as \u00faltimas normas e recomenda\u00e7\u00f5es internacionais. Pode parecer muita coisa de uma s\u00f3 vez, mas n\u00e3o precisa se desesperar! Temos v\u00e1rios conte\u00fados no nosso blog com dicas de acessibilidade na web, ent\u00e3o n\u00e3o fique de fora e aprenda a ficar em conformidade com as novas diretrizes \ud83d\ude0e<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.handtalk.me\/br\/plugin\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"160\" src=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2017\/05\/banner-blog-plugin-750x160-1.png\" alt=\"Banner com fundo verde \u00e1gua\" class=\"wp-image-5682\" srcset=\"https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2017\/05\/banner-blog-plugin-750x160-1.png 750w, https:\/\/www.handtalk.me\/br\/wp-content\/uploads\/sites\/8\/2017\/05\/banner-blog-plugin-750x160-1-300x64.png 300w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Antes de falarmos sobre o WCAG 2.2, precisamos dar um passo para tr\u00e1s, e entender o que essa sigla significa. O WCAG remete \u00e0s Diretrizes de Acessibilidade de Conte\u00fado da Web, ou Web Content Accessibility Guidelines em ingl\u00eas. Elas foram propostas pelo W3C, o Cons\u00f3rcio World Wide Web. O W3C \u00e9 uma comunidade internacional, composta [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":6029,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[647,322,323,646],"class_list":["post-6027","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-acessibilidade-digital","tag-diretrizes-de-acessibilidade-de-conteudo-da-web","tag-w3c","tag-wcag","tag-wcag-2-2"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/6027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/comments?post=6027"}],"version-history":[{"count":0,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/posts\/6027\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media\/6029"}],"wp:attachment":[{"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/media?parent=6027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/categories?post=6027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.handtalk.me\/br\/wp-json\/wp\/v2\/tags?post=6027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}