Saltar para o conteúdo
EUID Serviço de auditoria & selo, Página inicial
Mandar auditar o seu sítio

Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung

Acessibilidade

Como os sites tornam legível o propósito de símbolos e áreas?

Algumas pessoas entendem símbolos melhor do que palavras, outras precisam dele ao contrário. Nível AAA Criterion 1.3.6 requer que o propósito de controles, ícones e intervalos de páginas estejam no código fonte para que um utilitário possa substituí-los, simplificar ou reagrupar com ícones conhecidos. Isto é baseado nos papéis de referência e na informação de propósito, que já é usado pelo nível AA para campos de entrada (1.3.5).

O que o critério requer

Áreas laterais desempenham o seu papel: navegação, conteúdo principal, pesquisa, área pé, suplementar. Controles fixos (página inicial, busca, carrinho de compras, ajuda) carregam um propósito que um programa pode reconhecer. Símbolos têm nomes que indicam seu propósito. Por exemplo, um utilitário pessoal pode exibir cada pesquisa com o mesmo ícone familiar ao usuário ou reduzir uma página para o conteúdo principal.

Por que isso vai além do nível AA

O nível AA requer informações de finalidade apenas para campos de entrada contendo dados pessoais (1.3.5). Para todos os outros elementos, hoje não existe uma lista completa de propósitos padronizados; o WCAG menciona explicitamente o critério como um objetivo para o futuro. Ele pode ser alcançado onde um site limpa marcos, dá nomes para símbolos e nomes uniformemente funções recorrentes.

É assim que lidamos com isso

A medição verifica os pontos de referência e os nomes dos controlos no contexto dos níveis A e AA, encontrando assim a base deste critério. Se os propósitos são completos é avaliado por uma pessoa. O critério pertence à categoria AAA no conhecimento.

Exemplos

Áreas e símbolos sem finalidade

Não encontrado
<div class="oben">…</div>
<div class="links">…</div>
<button><svg>…</svg></button>
Realizado
<header>…</header>
<nav aria-label="Hauptmenü">…</nav>
<main>…</main>
<button aria-label="Suche öffnen"><svg aria-hidden="true">…</svg></button>

Marcas e símbolos nomeados permitem que um utilitário simplifique a página ou a mostre com símbolos familiares.

  • Para cada página, defina os pontos de referência área de cabeçalho, navegação, conteúdo principal, busca e área de rodapé com os elementos ou papéis fornecidos.
  • Dê a cada botão do ícone um nome que indique o propósito (“Open search”, não “magnificando vidro”).
  • Nomeia funções recorrentes em todos os lados da mesma forma: mesma etiqueta, mesma posição.
  • Para campos de entrada com dados pessoais, utilizar os fins do critério 1.3.5; eles são a base.

Deutsche Fassung dieser Seite

  • Selo Digitale Barrierefreiheit
  • Selo Daten & Recht
  • Selo Technische Qualität
  • Selo Digital Excellence
  • Selo Cyberversicherung

Auditado. Por um futuro digital melhor.euid.com