{"id":11384,"date":"2023-10-06T14:14:00","date_gmt":"2023-10-06T12:14:00","guid":{"rendered":"https:\/\/www.insuit.net\/?p=11384"},"modified":"2024-07-04T10:05:59","modified_gmt":"2024-07-04T08:05:59","slug":"wcag-2-2","status":"publish","type":"post","link":"https:\/\/www.insuit.net\/pt-pt\/wcag-2-2\/","title":{"rendered":"Publica\u00e7\u00e3o das WCAG 2.2 e seu impacto na acessibilidade web"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Em 5 de outubro de 2023<\/strong>, um marco significativo foi alcan\u00e7ado no campo da acessibilidade web com a <strong>publica\u00e7\u00e3o da t\u00e3o esperada recomenda\u00e7\u00e3o das<\/strong> <a href=\"https:\/\/www.w3.org\/Translations\/WCAG20-pt-PT\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Content Accessibility Guidelines (WCAG)<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Este conjunto de diretrizes t\u00eam sido, <strong>h\u00e1 muito tempo, o guia global para garantir a acessibilidade online<\/strong>, e sua \u00faltima atualiza\u00e7\u00e3o promete elevar ainda mais os padr\u00f5es na cria\u00e7\u00e3o de conte\u00fado digital inclusivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>As <\/strong><a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/\" target=\"_blank\" rel=\"noreferrer noopener\">WCAG 2.2<\/a><strong> visam expandir a acessibilidade para usu\u00e1rios com defici\u00eancia cognitiva ou de aprendizagem<\/strong>, melhorar a experi\u00eancia daqueles <strong>com baixa vis\u00e3o<\/strong> e otimizar a navega\u00e7\u00e3o em dispositivos m\u00f3veis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A \u00faltima vers\u00e3o incorpora nove novos crit\u00e9rios, enquanto se despede do<\/strong> <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#parsing\" target=\"_blank\" rel=\"noreferrer noopener\">crit\u00e9rio 4.1.1: Parsing de n\u00edvel A<\/a>. Esta mudan\u00e7a \u00e9 aplicada porque os produtos de assist\u00eancia j\u00e1 n\u00e3o dependem da an\u00e1lise direta do c\u00f3digo HTML, eliminando assim os problemas que originalmente motivaram a cria\u00e7\u00e3o deste crit\u00e9rio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00c9 hora de implementar as WCAG 2.2?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Esta \u00e9 a pergunta do dia, <strong>a obriga\u00e7\u00e3o legal aguarda a revis\u00e3o da <\/strong><a href=\"https:\/\/www.etsi.org\/deliver\/etsi_en\/301500_301599\/301549\/03.02.01_60\/en_301549v030201p.pdf\" target=\"_blank\" rel=\"noreferrer noopener\">EN 301 549<\/a>, que se aplica \u00e0 Uni\u00e3o Europeia e Espanha, e est\u00e1 atualmente em processo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mas, para esclarecer qualquer tipo de d\u00favida, o W3C indicou que <strong>cumprir com os requisitos da nova WCAG 2.2 <\/strong>te coloca em uma situa\u00e7\u00e3o de cumprimento total em rela\u00e7\u00e3o \u00e0 anterior WCAG 2.1.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Considerando tudo isso, <strong>a recomenda\u00e7\u00e3o \u00e9 se familiarizar e come\u00e7ar a integrar os novos crit\u00e9rios<\/strong>. Para isso, preparamos este artigo, um texto que<strong> explora as implica\u00e7\u00f5es da atualiza\u00e7\u00e3o, fornecendo insights sobre sua aplica\u00e7\u00e3o pr\u00e1tica<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ent\u00e3o, tome nota e mergulhe nas chaves desta atualiza\u00e7\u00e3o, <strong>descubra como afetar\u00e1 as pol\u00edticas de acessibilidade e mantenha-se sempre informado<\/strong> sobre o futuro das diretrizes de acessibilidade web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Novos crit\u00e9rios de sucesso atualizados na WCAG 2.2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Como mencionamos, <strong>a nova atualiza\u00e7\u00e3o envolve 9 pontos a considerar, que foram abertos para revis\u00e3o, coment\u00e1rios e mudan\u00e7as<\/strong>; para finalmente serem aprovados como parte da Recomenda\u00e7\u00e3o Final. <strong>A lista dos novos crit\u00e9rios de sucesso s\u00e3o<\/strong>:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.4.11 Foco N\u00e3o Obscurecido (M\u00ednimo) (N\u00edvel AA)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">O objetivo deste crit\u00e9rio \u00e9 <strong>garantir que o elemento que adquire o foco do teclado esteja sempre parcialmente vis\u00edvel<\/strong> na janela de visualiza\u00e7\u00e3o do usu\u00e1rio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para usu\u00e1rios com vis\u00e3o que navegam atrav\u00e9s do teclado e <strong>para aqueles que dependem de dispositivos que operam por meio da interface do teclado<\/strong>, como interruptores ou entrada de voz, <strong>conhecer a localiza\u00e7\u00e3o do foco atual \u00e9 fundamental<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Dessa forma, atua como um indicador chave do ponto de intera\u00e7\u00e3o na p\u00e1gina<\/strong>. Se os usu\u00e1rios n\u00e3o conseguirem visualizar o elemento focado, poder\u00e3o enfrentar dificuldades para entender como proceder ou mesmo interpretar que o sistema n\u00e3o est\u00e1 respondendo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.4.12 Foco N\u00e3o Obscurecido (Aprimorado) (N\u00edvel AA)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Este crit\u00e9rio <strong>compartilha semelhan\u00e7as com o anterior, mas adota uma abordagem mais rigorosa<\/strong>. Neste caso, ao receber o foco do teclado, <strong>nenhum conte\u00fado pode ocultar partes do indicador de foco do componente na interface do usu\u00e1rio<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Em outras palavras, <strong>a distin\u00e7\u00e3o reside na exig\u00eancia de que a totalidade do componente focado seja vis\u00edvel<\/strong>, sem nenhuma parte obstru\u00edda.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.4.13 Apar\u00eancia de Foco (N\u00edvel AAA)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Inicialmente, este crit\u00e9rio <strong>foi concebido como um crit\u00e9rio de n\u00edvel AA, mas devido \u00e0 sua complexidade, foi decidido deix\u00e1-lo como n\u00edvel AAA<\/strong>, atuando em sinergia com os crit\u00e9rios 2.4.7 e 1.4.11.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O crit\u00e9rio 2.4.7 \u201cFoco Vis\u00edvel\u201d estabelece a exig\u00eancia de que o foco do teclado seja percept\u00edvel. <strong>O objetivo deste novo crit\u00e9rio \u00e9 complementar essa norma, garantindo que o foco do teclado n\u00e3o s\u00f3 seja vis\u00edvel, mas tamb\u00e9m claramente discern\u00edvel<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Al\u00e9m disso, o crit\u00e9rio 1.4.11 \u201cContraste N\u00e3o Textual AA,\u201d <strong>exige que o foco do teclado tenha pelo menos um contraste de 3:1, e que o componente de intera\u00e7\u00e3o mantenha um contraste adequado com o fundo<\/strong> tanto em seu estado padr\u00e3o como em seu estado focado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Portanto, <strong>o novo crit\u00e9rio 2.4.13 \u00e9 apresentado de forma simplificada, definindo claramente que<\/strong>, quando o indicador do foco do teclado \u00e9 vis\u00edvel, deve cumprir com os seguintes requisitos:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ter pelo menos o mesmo tamanho que a \u00e1rea de um per\u00edmetro de 2 pixels de espessura do componente ou subcomponente sem o foco.<\/li>\n\n\n\n<li>Manter uma raz\u00e3o de contraste de pelo menos 3:1 entre os pixels no estado com o foco e sem o foco.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">2.5.7 Movimentos de Arrasto (N\u00edvel AA)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sabemos que <strong>aplicar a a\u00e7\u00e3o de arrastar e soltar exige um movimento bastante preciso<\/strong>, que consiste em manter o dedo no bot\u00e3o sobre a tela sem solt\u00e1-lo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Essa a\u00e7\u00e3o <strong>pode ser bastante dif\u00edcil para pessoas com alguma defici\u00eancia motora<\/strong>, por isso, este crit\u00e9rio <strong>busca que a a\u00e7\u00e3o de arrastar e soltar possa ser realizada de uma forma diferente<\/strong> da que j\u00e1 conhecemos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2.5.8 Tamanho do Alvo (M\u00ednimo) (N\u00edvel AA)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Esta diretriz <strong>prop\u00f5e uma dist\u00e2ncia m\u00ednima entre os elementos de intera\u00e7\u00e3o<\/strong> para que as pessoas que n\u00e3o t\u00eam movimentos finos nas m\u00e3os possam <strong>ativar bot\u00f5es pequenos de uma maneira mais f\u00e1cil <\/strong>e sem risco de se enganarem.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.2.6 Ajuda Consistente (N\u00edvel A)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Com a finalidade de que os usu\u00e1rios possam <strong>encontrar facilmente a ajuda que necessitam<\/strong>, este crit\u00e9rio <strong>estabelece que as fun\u00e7\u00f5es de ajuda <\/strong>que se encontram em v\u00e1rias p\u00e1ginas do site <strong>apare\u00e7am no mesmo lugar<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Isso, <strong>com o objetivo de poder ajudar pessoas com defici\u00eancia cognitiva<\/strong>, que muitas vezes precisam seguir um padr\u00e3o para completar suas tarefas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.3.7 Entrada Redundante (A)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A finalidade deste crit\u00e9rio \u00e9 <strong>garantir que os usu\u00e1rios possam realizar com sucesso processos de m\u00faltiplos passos<\/strong>. Orienta-se a <strong>diminuir a carga cognitiva ao solicitar informa\u00e7\u00f5es em mais de uma ocasi\u00e3o durante um processo<\/strong>, reduzindo assim a necessidade de lembrar dados fornecidos em etapas anteriores.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A informa\u00e7\u00e3o que \u00e9 crucial lembrar pode representar um obst\u00e1culo significativo<\/strong> para usu\u00e1rios que enfrentam dificuldades cognitivas ou de mem\u00f3ria. <strong>Este crit\u00e9rio busca aliviar essa carga<\/strong>, tornando os processos mais acess\u00edveis e menos exigentes para este grupo de usu\u00e1rios.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3.3.8 Autentica\u00e7\u00e3o Acess\u00edvel (M\u00ednimo) (N\u00edvel AA)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Este crit\u00e9rio <strong>tem como objetivo tornar a autentica\u00e7\u00e3o mais acess\u00edvel, eliminando a necessidade de realizar testes de fun\u00e7\u00e3o cognitiva<\/strong> (como lembrar senhas ou resolver enigmas) a cada etapa do processo de autentica\u00e7\u00e3o.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A menos que a etapa em quest\u00e3o cumpra com o seguinte:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Exist\u00eancia de outro m\u00e9todo de autentica\u00e7\u00e3o que n\u00e3o dependa de um teste de fun\u00e7\u00e3o cognitiva.<\/li>\n\n\n\n<li>Que conte com um mecanismo dispon\u00edvel para ajudar o usu\u00e1rio a completar o teste de fun\u00e7\u00e3o cognitiva.<\/li>\n\n\n\n<li>Que o teste de fun\u00e7\u00e3o cognitiva envolva o reconhecimento de objetos.<\/li>\n\n\n\n<li>Que o teste de fun\u00e7\u00e3o cognitiva tenha como objetivo identificar o conte\u00fado n\u00e3o textual fornecido pelo usu\u00e1rio ao site.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3.3.9 Autentica\u00e7\u00e3o Acess\u00edvel (Aprimorada) (AAA)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Este crit\u00e9rio, <strong>apesar de ser semelhante ao anterior, adota uma postura mais rigorosa<\/strong>. Aqui, permite-se apenas como alternativa ao teste de fun\u00e7\u00e3o cognitiva a presen\u00e7a de outro m\u00e9todo de autentica\u00e7\u00e3o alternativo ou um mecanismo de ajuda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>N\u00e3o se aceita a op\u00e7\u00e3o de que o teste se baseie no reconhecimento de objetos ou na identifica\u00e7\u00e3o de conte\u00fado n\u00e3o textual <\/strong>por parte do usu\u00e1rio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">inSuit leva em conta a nova WCAG 2.2 de olho em suas atualiza\u00e7\u00f5es em sua plataforma de acessibilidade e servi\u00e7os 360<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Dessa forma, <strong>as WCAG 2.2 buscam cobrir, cada vez mais, as necessidades que possam apresentar as pessoas com defici\u00eancia<\/strong>, oferecendo-lhes uma solu\u00e7\u00e3o de acessibilidade web que lhes permita navegar de maneira livre e aut\u00f4noma pela rede.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Na inSuit, <strong>continuamos com o nosso compromisso de realizar constantes atualiza\u00e7\u00f5es<\/strong> em nossos produtos e servi\u00e7os com base nas novidades que surgem nas <strong>Diretrizes de Acessibilidade para Conte\u00fado Web (WCAG)<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nossa equipe de especialistas em acessibilidade digital j\u00e1 est\u00e1 trabalhando ao m\u00e1ximo para garantir que <strong>nossas solu\u00e7\u00f5es estejam alinhadas com a nova WCAG 2.2<\/strong>. Estamos sempre buscando oferecer um <strong>servi\u00e7o de acessibilidade web que se adapte \u00e0s normas nacionais e internacionais<\/strong>, tentando sempre estar um passo \u00e0 frente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Assim, se voc\u00ea est\u00e1 procurando uma solu\u00e7\u00e3o para que <strong>sua p\u00e1gina seja acess\u00edvel de maneira que esteja alinhada com os requisitos especificados na nova WCAG 2.2<\/strong>, entre em contato conosco sem compromisso.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-vivid-red-background-color has-background wp-element-button\" href=\"https:\/\/www.insuit.net\/pt-pt\/contacto\/\" target=\"_blank\" rel=\"noreferrer noopener\">Entre em contato conosco<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Em 5 de outubro de 2023, um marco significativo foi alcan\u00e7ado no campo da acessibilidade web com a publica\u00e7\u00e3o da t\u00e3o esperada recomenda\u00e7\u00e3o das Web Content Accessibility Guidelines (WCAG). Este conjunto de diretrizes t\u00eam sido, h\u00e1 muito tempo, o guia global para garantir a acessibilidade online, e sua \u00faltima atualiza\u00e7\u00e3o promete elevar ainda mais os [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":11049,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[79],"tags":[],"class_list":["post-11384","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-noticias-pt"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/posts\/11384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/comments?post=11384"}],"version-history":[{"count":3,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/posts\/11384\/revisions"}],"predecessor-version":[{"id":12144,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/posts\/11384\/revisions\/12144"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/media\/11049"}],"wp:attachment":[{"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/media?parent=11384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/categories?post=11384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.insuit.net\/pt-pt\/wp-json\/wp\/v2\/tags?post=11384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}