O WCAG é um padrão internacional de acessibilidade baseado em quatro princípios

2024/10/29

WCAG（Web Cconteúdo Accessibilidade G(uidelines) foi criado para garantir que os sites e o conteúdo da Web sejam disponibilizados para o maior número possível de pessoas de forma equitativa.Diretrizes internacionaisEm particular,Padrões para tornar os sites mais fáceis de usar para usuários com deficiências e idosos.Muitos países e empresas usam isso como base para a acessibilidade da Web, como

As WCAG são,Ele define "quão acessíveis" devem ser os sites e o conteúdo da Web, incluindoQuatro princípios.Baseado em.。

Também nas WCAG,Três níveis de conformidade, "A", "AA" e "AAA", indicando o grau de suporte à acessibilidade.Existem.A compreensão desses quatro princípios e dos três níveis de conformidade garantirá que seu site esteja em conformidade com as WCAG。

A conformidade com as WCAG é uma iniciativa importante que melhora a conveniência para muitos usuários e o valor da marca das empresas e, ao mesmo tempo, reduz os riscos legais.

Este artigo explica as WCAG, detalhando os quatro princípios e os três níveis de conformidade mencionados acima, bem como os benefícios da conformidade com as WCAG e os riscos da não conformidade.

Os "quatro princípios" e os "três níveis de conformidade" das WCAG

Primeiro, você precisa entender as WCAG e conhecer os quatro princípios e os três níveis de conformidade para criar conteúdo da Web que esteja em conformidade com elas.

As WCAG têm quatro princípios,Várias diretrizes vinculadas a cada princípio.Existem diretrizes específicas para a produção de conteúdo da Web e,Para cada diretriz, há três níveis de conformidade com os critérios de realização.é estabelecido, que é a estrutura básica das WCAG.

◆Estrutura WCAG

Os quatro princípios serão explicados a seguir.

Quatro princípios: perceptível, operável, compreensível e robusto.

Os quatro princípios que formam as WCAG são,Infraestrutura configurada para tornar o site disponível para um grande número de usuários.Cada um desses princípios é explicado em detalhes.

(i) Perceptível.

Princípios para garantir que os usuários possam perceber o conteúdo da Web, de modo que pessoas com deficiência visual e auditiva possam reconhecer o conteúdo,Fornecer meios alternativos de informação, como texto, imagens e áudio.É necessário.

Exemplos específicos de "perceptível".

Assim, todos osO conteúdo pode ser percebido independentemente de limitações visuais ou auditivasA textualização e os meios alternativos de comunicação são necessários para garantir que a

②Operação possível (Operável)

Os princípios foram criados para permitir que os usuários naveguem no site.Permita que os usuários com deficiência operem usando apenas o teclado ou dê a eles mais tempo se não conseguirem operar a tempo.Deve ser possível operar conteúdo que possa ser bem concluído, como

Exemplos específicos de "operável".

Nesse princípio,Os usuários que usam qualquer dispositivo ou ferramenta de assistência podem manipular o conteúdoÉ importante projetar o sistema de forma que

③ Compreensível (Compreensível)

É um princípio que garante que o conteúdo e as interfaces sejam compreensíveis para todos os usuários.Evite operações excessivamente complexas e o uso de linguagem difícil.Design intuitivo e fácil de entender para os usuáriosa ser realizado.

Exemplos específicos de "compreensível".

Facilitar o entendimento e a operação do sistema para os usuários,Evite jargões e palavras complexas, e projete fluxos e funções de conteúdo para que sejam claros e fáceis de entender.。

(iv) Robusto.

O conteúdo funciona de forma robusta em uma ampla variedade de tecnologias e dispositivos, ou sejaProjetado para ser compatível.estar prestes aPrincípio. o usuário está usando atualmente ouO conteúdo pode ser usado sem problemas com ferramentas de assistência e navegadores que possam surgir no futuro.Yo,Códigos em conformidade com os padrõesuso.

Exemplos específicos de "robustez".

O projeto deve ser tecnicamente robusto e flexível para garantir que o site possa continuar a atender a um grande número de usuários por muitos anos.

Esses quatro princípios devem ser usados para validar e criar um site.

A WCAG 2.0 agora é um padrão internacional, enquanto as tecnologias e os dispositivos estão mudando e evoluindo rapidamente,Caracteriza-se por seu conteúdo abstrato, que é independente das especificações técnicas, a fim de garantir que muitos sites possam ser verificados de forma fácil e eficiente (testabilidade).

Três níveis de conformidade: "A", "AA" e "AAA".

Abaixo dos quatro princípios mencionados na seção anterior, há várias diretrizes vinculadas a cada princípio, que fornecem critérios detalhados para garantir que o conteúdo da Web seja acessível ao maior número possível de usuários.

E cada diretriz tem vários padrões de realização, que são classificados em três níveis de conformidade, de A a AAA. Esses níveis de conformidade são,Indicadores do grau em que um site leva em conta a acessibilidade.e são descritos de forma que a conformidade ou não conformidade possa ser determinada quando o site for verificado de acordo com os critérios de realização.

(i) Nível de conformidade A (padrão mínimo de acessibilidade)

O nível de conformidade A significa que os requisitos básicos de acessibilidade são atendidos nesse nível,Suporte mínimo para que os usuários acessem o conteúdo.foram feitas, por exemplo,Fornecer texto alternativo para imagens, interromper a reprodução automática de vídeos, etc.incluem: um site que não esteja em conformidade com o nível de conformidade A, pois isso pode impossibilitar a operação básica para muitos usuários,Critérios que devem receber prioridade máxima.É.

(ii) Nível de conformidade AA (critérios de acessibilidade padrão)

O nível de conformidade AA é o padrão de acessibilidade e atende aos requisitos para atender a uma ampla gama de usuários.Em muitos países e empresas, recomenda-se que o conteúdo da Web esteja em conformidade com esse nível.Por exemplo,Manter o contraste de cores adequado, nomes de itens claros nos formulários de entrada, etc.incluem: a conformidade com o nível AA torna o site mais acessível para a maioria dos usuários.

(iii) Nível de conformidade AAA (padrão de acessibilidade mais alto)

O nível de conformidade AAA atende ao nível mais alto de requisitos de acessibilidade; a conformidade com esse nível garante que quase todos os usuários com deficiência possam usar o conteúdo confortavelmente nesse nível de conformidade,Fornecimento de vídeos em linguagem de sinais e manutenção de textos concisos e de fácil leitura, etc.No entanto, os seguintes itens estão incluídos na lista,Atingir esse nível nem sempre é prático e, portanto, não é recomendado como requisito.

Eles são divididos em três níveis, de A a AAA,Para atender ao AA, você precisa atender ao A, e para atender ao AAA, você precisa atender ao AA e ao AO AAA é muito difícil de ser cumprido e está atualmente,O desejável para a conformidade com a acessibilidade da Web é "estar em conformidade com o nível de conformidade AA".Ele é considerado um

Além disso, em particular, o conteúdo das medidas tomadas para atingir os critérios para os níveis de conformidade AA e A,O Comitê de Infraestrutura de Acessibilidade da Web (WAIC) publicou um guia rápido.Veja também.

JIS X 8341-3:2016 Referência rápida dos critérios de desempenho (níveis A e AA)

Vamos agora falar sobre os benefícios de estar em conformidade com as WCAG.

Cinco benefícios da conformidade com as WCAG

Há muitos benefícios em ter um site em conformidade com as WCAG. Aqui discutiremos cinco benefícios específicos.

Benefícios 1) Melhoria da acessibilidade e da experiência do usuário.

A conformidade com as WCAG melhora a acessibilidade geral do site, tornando os sites mais úteis para todos os usuários, não apenas para pessoas com deficiências; eEle também melhora a experiência do usuário (UX), permitindo que mais usuários utilizem o sistema confortavelmente.

Por exemplo, fornecer texto alternativo, projetar para daltonismo e oferecer suporte à operação do teclado,Os aprimoramentos para acessibilidade melhoram a experiência na Web para todos os usuários, independentemente da deficiênciaIsso facilita a navegação dos usuários no site sem se perderem,Isso resulta em taxas de abandono mais baixas, o que, por sua vez, leva a um aumento no tempo de permanência e nas taxas de conversão.

A melhoria da acessibilidade está diretamente ligada a uma UX aprimorada, proporcionando uma experiência confortável e tranquila para todos os usuários,Importante meio de aumentar a satisfação do cliente.E é.

Benefício 2: Melhoria da imagem da marca.

Levar em conta a acessibilidade demonstra um compromisso com a responsabilidade social e melhora a imagem da marca de uma empresa ou organização, entre outras coisas,Na era atual de ênfase em iniciativas de inclusão e diversidade nos negócios, esse é um fator importante para aumentar a confiança do público.

Isso melhora a reputação da empresa e aumenta a confiança do cliente.Isso facilitará a escolha de seus serviços e contribuirá para a expansão de sua base de clientes.。

Benefício 3) Redução dos riscos legais.

Em muitos países e regiões, as leis e regulamentações de acessibilidade da Web estão sendo mais rígidas, por exemplo,Americans with Disabilities Act (ADA) nos EUA e a Diretiva de Acessibilidade à Web da UE na UE.Existem.No Japão, a Lei sobre a Eliminação da Discriminação contra Pessoas com Deficiência obriga o fornecimento de acomodações razoáveis.

A conformidade com as WCAG ajuda a atender a esses requisitos legais e a evitar o risco de litígio e problemas legais.

Vantagem 4: Pode ser adaptado a novas ferramentas e dispositivos de suporte.

As WCAG baseiam-se em princípios de design universal, bem como em tecnologias tradicionais da Web.Portanto, ele é compatível não apenas com as ferramentas e os dispositivos de acessibilidade atuais, mas também com as ferramentas e os dispositivos que evoluirão no futuro.

Por exemplo, ferramentas de suporte, como leitores de tela, são,Analisa o conteúdo com base em tags HTML e atributos ARIAPortanto, se o texto for corretamente rotulado com rótulos apropriados e atributos ARIA* de acordo com as WCAG, o site será interpretado corretamente e funcionará adequadamente para os usuários, mesmo com a evolução da tecnologia de leitores de tela.

Os dispositivos vestíveis e de IoT também acessam sites por meio de navegadores da Web e determinados aplicativos, caso em que o conteúdo é primeiramente analisado pelo navegador ou aplicativo e os resultados são exibidos em um formato adequado para o dispositivo,Se a estrutura HTML for baseada nas WCAG, o conteúdo será exibido corretamente, independentemente do dispositivo usado para exibi-lo.

Assim, por estarem em conformidade com as WCAG, os sites não são obrigados a responder rapidamente a cada nova tecnologia que surge,Estabilidade e flexibilidade de longo prazo.

Atributo *ARIA... Atributo HTML usado por leitores de tela e outras ferramentas de assistência para entender corretamente os elementos de uma página da Web.

Benefício 5: impacto positivo no SEO.

Tornando os sites compatíveis com as WCAG,Melhor indexação (registro no banco de dados) pelos mecanismos de pesquisa.Por exemplo, a definição de texto alternativo para imagens e a estruturação adequada do HTML podem ajudar os mecanismos de pesquisa a entender o conteúdo com precisão, melhorando assim a acessibilidade da Web,Isso também contribui para melhores classificações nos resultados de pesquisa natural, o que leva a um aumento do tráfego.

Portanto, a conformidade com as WCAG oferece vários benefícios, ao passo que a não conformidade com elas, ou sejaRiscos de não apoiar a acessibilidade.A seção a seguir explica como

A não conformidade com as WCAG no Japão pode resultar em orientação administrativa ou multa.

No Japão, a Lei sobre a Eliminação da Discriminação contra Pessoas com Deficiência foi alterada, entrando em vigor a partir de abril de 2024.O fornecimento de acomodações razoáveis no setor privado agora é legalmente obrigatório.Isso permite que oTodos os sites devem ser compatíveis com as WCAG e acessíveis pela Web.

Atualmente,Não há penalidades diretas previstas para a não conformidade com a acessibilidade da Web.No entanto, o fato de não tomar providências e deixar o site sem supervisão pode resultar em orientação administrativa; além disso,Se a orientação não for seguida e nenhuma melhoria for feita, ou se for feita uma denúncia falsa, poderá ser aplicada uma multa de até 200.000 euros.Para obter mais informações, consulte as perguntas frequentes do Cabinet Office abaixo.

Referência:Perguntas e respostas frequentes sobre a Lei de Promoção da Eliminação da Discriminação com Base na Deficiência <Para o público> (Cabinet Office)

E mesmo que não haja penalidades legais,Nestes dias de diversidade, o escrutínio da sociedade sobre empresas e serviços que não oferecem acomodações razoáveis está se tornando cada vez mais severoEssas tendências sociais são particularmente perceptíveis em outros países, onde os problemas de litígio estão aumentando enormemente.

Exemplos de litígios nos Estados Unidos

Na seção anterior, mencionamos a ADA nos EUA, que é uma lei de direitos humanos que protege os direitos das pessoas com deficiência nos EUA e inclui conteúdo sobre acessibilidade nos EUA nos últimos anos,Casos em que empresas são processadas se seus sites não atendem aos requisitos de acessibilidade.está aumentando.

Por exemplo, a rede de supermercados Winn-Dixie foi processada porque os usuários com deficiência visual não podiam usar leitores de tela para fazer pedidos em seu site de comércio eletrônico.

O tribunal considerou que o site da Winn-Dixie era um "local público" e, portanto, exigia acomodações de acessibilidade em conformidade com a ADA, e ordenou que a Winn-Dixie modificasse seu site e garantisse que ele fosse adequadamente acessível a pessoas com deficiência visual e leitores de tela.

Como outro exemplo, o site oficial da popular artista Beyonce (beyonce.com) foi processado por não oferecer suporte a leitores de tela para deficientes visuais e "restringir o acesso de deficientes visuais"; como resultado, o site foi reformulado para melhorar a acessibilidade e estar em conformidade com as WCAG após o processo.

Assim,A legislação está tão avançada em outros países que a não conformidade com as WCAG envolve riscos reais de litígio。(3) Que mesmo no Japão, onde a provisão de acomodações razoáveis é agora legalmente obrigatória, é perfeitamente concebível que tais casos ocorram no futuro.e as empresas precisam levar em conta esses riscos ao lidar com eles.

Passaremos agora para as empresas e organizações que estão em conformidade com as WCAG.

Três estudos de caso de empresas e organizações que adotaram as WCAG

Um número crescente de empresas e organizações adotou recentemente as WCAGs para alcançar uma gama maior de usuários e melhorar a experiência do usuário.

Exemplo ①Apple

A Apple foi uma das pioneiras em acessibilidade, fornecendo conteúdo da Web compatível com as WCAG.O site e os produtos da empresa têm recursos de acessibilidade para acomodar deficientes visuais, deficientes auditivos e pessoas com mobilidade limitada.Por exemplo, ele oferece suporte a leitores de tela e recursos de suporte visual, como ajuste de contraste.

Referência:Acessibilidade - Apple

Exemplo ②Microsoft

A Microsoft é outra empresa de acessibilidade da Web compatível com as WCAG.Por meio de sua metodologia de "Design Inclusivo", a empresa se esforça para garantir que seus produtos e serviços sejam acessíveis a todos os usuários, inclusive pessoas com deficiências.Em particular, o site oficial da empresa e os serviços em nuvem (por exemplo, Azure) suportam a operação por teclado e oferecem funções de orientação por voz para deficientes visuais.

Referência:Design Inclusivo da Microsoft、Microsoft Azure

Estudo de caso (iii) Cabinet Office.

O site do Cabinet Office é,Está em conformidade com o JIS X 8341-3:2016 (padrão japonês de acessibilidade da Web: veja abaixo) "nível de conformidade AA", o mesmo padrão das WCAG 2.0.(Exceções são feitas para conteúdo mais antigo e arquivos PDF fornecidos externamente, que são difíceis de modificar).

O site do Cabinet Office é,A empresa está continuamente verificando e aprimorando sua resposta aos altos padrões que deve atender, especialmente como uma instituição pública, e estáA empresa se esforça para cumprir o nível AA com relação a páginas novas ou atualizadas.

Referência:Política de acessibilidade da Web do Cabinet Office

Em seguida, é explicada a relação entre a WCAG como padrão internacional e a JIS como padrão nacional.

Relação entre WCAG e JIS

As WCAG foram publicadas em 1999 com a WCAG 1.0,WCAG 2.0 é o padrão internacional atual (ISO)Ele é considerado um

No entanto, o WCAG é um padrão internacional de acessibilidade da Web,No Japão, o JIS X 8341-3:2016 é estabelecido como o mesmo padrão das WCAG 2.0.A norma JIS X 8341-3:2016 incorpora o conteúdo das WCAG 2.0 quase na íntegra e sua estrutura básica (quatro princípios, três níveis de conformidade) também se baseia nas WCAG.

Ele serve como uma diretriz para garantir a acessibilidade da Web para instituições públicas e empresas japonesas,Ele desempenha um papel importante na promoção da disseminação da acessibilidade da Web na forma de padrões internacionais que estão sendo incorporados às regulamentações locais.。

Como mencionado anteriormente, o WCAG 2.0 é agora o padrão internacional, embora ele e o JIS X 8341-3:2016 sejam o mesmo padrão,De fato, as próprias WCAG foram atualizadas em termos de conteúdo desde a versão 2.0 e foram publicadas até a WCAG 2.2, com a WCAG 3.0 em formato de rascunho.

A relação entre WCAG, ISO e JIS.

Conforme mencionado acima, atualmente estão em andamento os preparativos para revisar os padrões ISO e JIS para atender às WCAG 2.2.

As WCAG 2.1 e 2.2 aprimoram a acessibilidade para dispositivos móveis

A versão superior das WCAG 2.0, WCAG 2.1, e a versão mais recente, WCAG 2.2, são descritas aqui.

Primeiro, as WCAG 2.1 são,Devido ao uso generalizado de smartphones e tablets,Aumento da demanda por acessibilidade em dispositivos móveis.Em particular, em resposta ao fato de queOs padrões para operação por toque e acessibilidade para telas pequenas foram reforçados.。

As WCAG 2.1 acrescentam 17 padrões de realização adicionais, principalmente os específicos para capacidade de resposta móvel, deficiência visual e deficiência cognitiva (além dos 61 padrões de realização das WCAG 2.0; consulte também as WCAG 2.2, WCAG 2.3, WCAG 2.4, WCAG 2.5, WCAG 2.6 e WCAG 2.7),Em 2.1, 78 critérios de realização）

E a WCAG 2.2 mais recente expande a 2.1, acrescentando nove critérios de realização adicionais, com foco no uso de dispositivos móveis, com o objetivo principal de melhorar a acessibilidade, especialmente para usuários com deficiências cognitivas e idosos (além dos 78 critérios de realização da WCAG 2.1; consulte também a WCAG 2.3),Em 2.2, 87 critérios de realização）

Especificamente, foram adicionados os seguintes critérios

Critérios adicionais representativos.

Limitações na complexidade do gesto.(WCAG 2.1): para permitir o uso de gestos simples.
... Fornecendo vários métodos de entrada.(WCAG 2.1): design recomendado para evitar a operação incorreta devido a toques e cliques.
Suporte de zoom para conteúdo.(WCAG 2.1): garanta que o conteúdo não seja recolhido quando a tela for ampliada.

Visibilidade do foco.(WCAG 2.2): deixe claramente visível onde está o foco do teclado.
Tamanho do alvo(WCAG 2.2): garantir o tamanho mínimo dos alvos de clique e toque para reduzir a operação incorreta.
Autenticação que não depende da memória.(WCAG 2.2): fornecer métodos (por exemplo, biométricos) que não exijam memória para autenticação por senha.

Assim,No processo de atualização das WCAG 2.0 para as WCAG 2.2, a acessibilidade dos dispositivos móveis tem sido um dos principais focosO ponto principal é que.

O UniWeb pode fornecer suporte imediato para as WCAG.

Este artigo explicou as WCAG em detalhes: a Lei de Discriminação por Deficiência revisada torna obrigatório que todos os sites sejam acessíveis pela Web, garantindo, assim, que todos os sites sejam acessíveis a todos os usuários, inclusive os portadores de deficiência, e que todos os sites sejam acessíveis a todos os usuários, inclusive os portadores de deficiência,Os projetistas, engenheiros e pessoal de manutenção devem ter um entendimento correto das WCAG e responder prontamente aos seus sites.

Se estiver pensando em criar um site em conformidade com as WCAG, nossoUniWeb".O UniWeb é uma ferramenta de plug-in que pode ser facilmente implementada para melhorar a acessibilidade do seu site e fornecer uma ampla gama de recursos para tornar seu site amigável para todos os usuários.Ele é compatível com as normas WCAG 2.1 e JIS X 8341-3:2016, ajudando a reduzir os riscos legais e a melhorar a usabilidade.

Suporte às WCAGs, que também estão sujeitas a altos custos e meses de tempo de construção,Com o UniWeb, você só precisa adicionar uma linha de código ao seu site, o que pode economizar muito tempo e dinheiro.。Ícone circular rosa no canto inferior direito deste artigo.para experimentar a funcionalidade do UniWeb em primeira mão.

O artigo a seguir também fornece um resumo detalhado de métodos e ferramentas específicos que podem ser usados no trabalho de conformidade com a acessibilidade da Web, que deve ser lido em conjunto com este artigo.

Artigos relacionados:Quais medidas de acessibilidade da Web devem ser implementadas pelos gerentes de sites?