Funcionalidades

Os testes principais do Editoria11y detectam mais de 50 problemas comuns de acessibilidade de conteúdo: decisões que prejudicam a legibilidade, erros que tornam os leitores de tela menos eficazes e falhas que reduzem o SEO.

Os complementos oferecem aproximadamente 40 testes adicionais para desenvolvedores e designers, além de testes personalizados e diversas ferramentas de garantia de qualidade em todo o site.

Os testes de conteúdo focam em problemas que surgem após os sites serem entregues aos autores de conteúdo. Os sites precisam ser testados com ferramentas de auditoria manual, teclados e leitores de tela antes do lançamento, mas mesmo o site mais acessível no primeiro dia tende a se deteriorar à medida que edições introduzem novos problemas.

O que faz o Editoria11y se destacar entre as ferramentas de acessibilidade é que seus testes rodam ao vivo, no navegador, enquanto os autores editam e visualizam seu trabalho. Os autores reagem com muito mais facilidade a um feedback imediato e inline, percebem os alertas e fazem correções, do que se lembram de visitar um painel ou executar uma verificação manual.

A experiência do autor

Captura de tela da barra de ferramentas do Editoria11y, mostrando 4 erros.

Os autores veem a barra de ferramentas do Editoria11y enquanto editam o conteúdo. Quando problemas são detectados, ela fica amarela ou vermelha e exibe o número de ocorrências. Clicar no contador rola a página até o primeiro alerta e abre seu tooltip.

Dica indicando que um link tem apenas o nome "clique aqui".

As dicas aparecem inline, com uma descrição do erro em linguagem simples, sugestões de correção e notas sobre por que o problema é importante.

Visualizador de estrutura de títulos sobreposto à página

A barra de ferramentas contém recursos adicionais para verificações manuais, incluindo visualizadores de estrutura de títulos e texto alternativo, além de pontuação de legibilidade.

Controles do administrador do site

Todos os aspectos visíveis do verificador podem ser personalizados. Parâmetros e eventos permitem remover testes, reescrever dicas, inserir testes personalizados e definir temas customizados.

Os plugins para Drupal e WordPress adicionam recursos extras, como dispensa sincronizada de alertas, painéis de todo o site e exportações de relatórios em CSV.

Painel de relatórios exibindo problemas recentes e páginas com mais ocorrências.
O painel do Drupal, que inclui listas filtráveis de problemas, páginas com problemas e dispensas.

Testes

Os testes do Editoria11y focam em melhorar a experiência da Web para todos os usuários, medida por seres humanos, e não apenas por padrões técnicos. Embora os testes principais visem ajudar a alcançar as Diretrizes de Acessibilidade para Conteúdo Web (WCAG 2.2 AA), outros são influenciados pelo trabalho da Força-Tarefa de Acessibilidade para Deficiências Cognitivas e de Aprendizagem, bem como pelas melhores práticas gerais de usabilidade e design.

Testes individuais podem ser desativados pelos administradores do site.

Texto alternativo de imagens

  • Imagem sem atributo alt
  • Texto alternativo é um nome de arquivo
  • Texto alternativo é um marcador de posição ("A definir")
  • Texto alternativo contém apenas símbolos impronunciáveis
  • Texto alternativo contém palavras redundantes ("imagem de…")
  • Texto alternativo é longo demais
  • Imagem decorativa pode ter valor informativo
  • Imagem de carrossel marcada como decorativa
  • Imagem com legenda não tem texto alternativo
  • Texto alternativo duplica a legenda

Imagens com link

  • Imagem com link não tem texto alternativo
  • Texto alternativo da imagem com link é uma URL ou nome de arquivo
  • Texto alternativo da imagem com link é um marcador de posição
  • Texto alternativo da imagem com link contém apenas símbolos impronunciáveis
  • Texto alternativo descreve a imagem, não o link
  • Texto alternativo da imagem com link contém palavras redundantes
  • Texto alternativo da imagem com link é longo demais
  • Imagem em link com texto não tem atributo alt

Mídia incorporada

  • Vídeo precisa de legendas
  • Áudio precisa de transcrição
  • Visualização de dados precisa de alternativa acessível
  • Frame sem título
  • Frame excluído da navegação por teclado
  • Conteúdo do frame precisa de verificação manual de acessibilidade
  • Documento vinculado pode não ser acessível a leitores de tela
  • PDF não possui alternativa acessível
  • Componentes de layout interativo aninhados

Links significativos

  • Link vazio
  • Texto do link é uma URL
  • Texto do link é apenas um número DOI
  • Texto do link diz "clique aqui"
  • Texto do link contém apenas palavras genéricas ("leia mais")
  • Links diferentes compartilham o mesmo texto
  • Ícone ou imagem com link não tem alternativa em texto
  • Link abre nova aba sem aviso
  • Link aponta para um arquivo sem aviso
  • Texto do link contém apenas símbolos ou emoji
  • Texto significativo do link oculto para usuários com visão
  • Tooltip de link redundante
  • Link âncora interno quebrado
  • Atributo ID duplicado
  • Link pode apontar para um ambiente de desenvolvimento

Títulos

  • Página não tem Título 1
  • Primeiro título é um subtítulo
  • Título pula um nível
  • Título está vazio
  • Imagem usada como título precisa de texto alternativo
  • Título é muito longo
  • Parágrafo em negrito pode ser um título
  • Bloco de citação curto pode ser um título

Legibilidade do texto

  • Texto em maiúsculas em excesso
  • Grande bloco de texto em negrito ou itálico
  • Texto pequeno demais
  • Texto sem link está sublinhado
  • Texto justificado
  • Subscrito ou sobrescrito usado de forma incorreta como formatação
  • Lista falsa usando caracteres ou símbolos
  • Item de lista fora de uma lista

Contraste de cores

  • Texto tem contraste insuficiente
  • Contraste do texto requer verificação manual
  • Ícone ou elemento gráfico tem contraste insuficiente
  • Contraste de ícone ou elemento gráfico requer verificação manual
  • Texto de campo de entrada tem contraste insuficiente
  • Texto de placeholder tem contraste insuficiente

Tabelas

  • Tabela sem linha ou coluna de cabeçalho
  • Célula de cabeçalho da tabela está vazia
  • Título de conteúdo usado dentro de uma tabela

Formulários & elementos interativos

  • Botão sem rótulo acessível
  • Botão tem rótulo ARIA inválido
  • Rótulo do botão inclui a palavra "botão"
  • Rótulo visível não corresponde ao nome acessível
  • Campo sem rótulo associado
  • Campo usa apenas um rótulo invisível
  • Campo usa apenas um placeholder como rótulo
  • Botão de redefinição pode causar perda acidental de dados
  • Elemento oculto de leitores de tela ainda recebe foco pelo teclado
  • tabindex positivo quebra a ordem de leitura e navegação

Metadados da página

  • Título da página ausente
  • Idioma da página não declarado
  • Viewport impede o redimensionamento do texto
  • Página atualiza automaticamente

Funcionalidades da CSA

O Editoria11y promove a acessibilidade de uma forma única. Suas ferramentas são altamente eficazes para ajudar autores não técnicos a preparar conteúdo que possa ser aproveitado igualmente por usuários da Web com deficiência. Consideramos isso um bem público, por isso o Editoria11y sempre será gratuito para usar.

O Editoria11y, no entanto, não é gratuito para desenvolver ou oferecer suporte.

A CSA preenche essa lacuna: os membros do projeto financiam o desenvolvimento da biblioteca Editoria11y, seus plugins de CMS e o conjunto CSA: um conjunto de ferramentas de código aberto para garantia de qualidade, em rápido crescimento, que oferece funcionalidades similares às de produtos comerciais, com um custo muito mais acessível. O conjunto CSA para Drupal está atualmente gratuito em versão beta, e chegará ao WordPress no terceiro trimestre de 2026.

Rastreamento do site em andamento
Rastreador da CSA atualizando um painel.

Testes & Ferramentas

  • Testes para desenvolvedores, legibilidade e contraste.
  • Configuração dividida por função para desenvolvedores e criadores de conteúdo.
  • Construtor de testes personalizados.
  • Dispensa de alertas em todo o site com um clique.
  • Ferramentas de manutenção de painel e rastreadores.
Seletor de cores no tooltip do teste

Benefícios para a comunidade

  • Suporte prioritário.
  • Influência proporcional no roteiro do projeto.
  • Acesso automático a novos recursos do roteiro.
  • Assistência direta na configuração (conforme o nível).
  • Crédito público de apoiador (conforme o nível/mediante solicitação; termos se aplicam).

Licenciamento "contribua o que puder"

Após o período beta, o conjunto CSA será disponibilizado por meio de um modelo "contribua o que puder". O núcleo do Editoria11y, tanto a biblioteca quanto os plugins, continuará gratuito.

Ver opções de licenciamento e alternativas

Projetos patrocinados pela CSA

Ativos

2º trim. 2026: Lançamento da comunidade Editoria11y CSA

Trabalho restante:

  • Criar uma entidade fiscal para processar assinaturas e patrocínios.
  • Configurar um sistema de licenciamento.
2º trim. 2026: Construtor de regras personalizadas
  1. Concluído para Drupal.
  2. A fazer: portar o construtor para WordPress.
3º trim. 2026: Portar a biblioteca 3.x para WordPress
  1. Criar submódulo CSA com funcionalidades mantidas pela comunidade
    • Criar ferramentas de manutenção do painel para descartar resultados desatualizados e rastrear novamente o conteúdo existente.
    • Permitir marcar determinados testes como aceitos em todo o site, e não apenas em uma página.
    • Permitir configuração dividida, com configurações e testes separados para desenvolvedores e editores de conteúdo.

Concluídos recentemente

1º trim. 2026: Reescrita da biblioteca 3.x
  • Unificação dos conjuntos de regras do Editoria11y e do Sa11y. Desde o fork, o Sa11y criou aproximadamente 50 testes adicionais e adotou ferramentas ESM, enquanto o Editoria11y implementou melhorias de desempenho e adicionou parâmetros para permitir verificação em tempo real. Sa11y 4.2.2 e Editoria11y 3.0.0 darão início ao nosso futuro compartilhado.
  • Adição de suporte a "configuração dividida" para permitir conjuntos de regras separados para desenvolvedores e criadores de conteúdo.
  • Adição de traduções automáticas para chinês, dinamarquês, holandês, alemão, grego, húngaro, italiano, japonês, norueguês bokmål, polonês, português (Brasil), português (Portugal), espanhol, sueco e ucraniano como modelos para refinamento humano.
  • Status atual: o trabalho de codificação está concluído; a versão será marcada após a atualização da documentação e das demos.
1º trim. 2026: Reescrita do módulo Drupal 3.x
  1. Expansão do painel com ferramentas de relatório e filtragem mais robustas.
  2. Adição de traduções automáticas para chinês, dinamarquês, holandês, alemão, grego, húngaro, italiano, japonês, norueguês bokmål, polonês, português (Brasil), português (Portugal), espanhol, sueco e ucraniano como modelos para refinamento humano.
  3. Tornar as funções de exportação CSV personalizáveis.
  4. Criar submódulo CSA com funcionalidades mantidas pela comunidade
    • Criar ferramentas de manutenção do painel para descartar resultados desatualizados e rastrear novamente o conteúdo existente.
    • Permitir marcar determinados testes como aceitos em todo o site, e não apenas em uma página.
    • Permitir configuração dividida, com configurações e testes separados para desenvolvedores e editores de conteúdo.

Em discussão

Discuta e vote nessas ideias nos fóruns da biblioteca Editoria11y.

As ideias são marcadas com estimativas de dificuldade/prioridade com base nas conversas atuais da comunidade.

  • Painel de monitoramento de múltiplos sites
  • Detecção de links quebrados
  • Verificação de PDF
  • Aba de localização de código no tooltip
  • Exportação de relatório de página via tooltip
  • Palavras sinalizadas
  • Ferramentas de desenvolvedor via CLI
  • Bookmarklets/Plugins de navegador
  • Validação de regras ACT
  • Expandir a validação de nome/função/valor