Analisador de contraste de cores em Chrome com OffiDocs

DESCRIÇÃO

Novo na versão 1.1: Baixe a análise de imagem para um arquivo PNG.

Esta extensão permite analisar problemas de contraste de cor de texto em uma página da Web de acordo com os requisitos de contraste de cor de texto WCAG 2.

Ele avalia a página conforme ela aparece no navegador, portanto, é capaz de lidar com texto sobre gradientes e atributos CSS avançados.

Você pode optar por analisar uma parte de uma página da Web, todo o conteúdo visível de uma guia ou uma página da Web inteira.

Além disso, você pode avaliar arquivos em seu computador que podem ser abertos no Chrome, como arquivos de imagem e arquivos PDF.

Observe que, com arquivos PDF, você só poderá avaliar a parte visível da página.

Para analisar arquivos locais, você precisará acessar a página Extensões e marcar "Permitir acesso a URLs de arquivo" para esta extensão.

Você pode optar por avaliar a conformidade AA ou AAA, além de especificar o tamanho do texto que deseja analisar.

A saída mostrará um mapa de onde as bordas entre as cores são diferentes o suficiente para atender ao requisito de contraste especificado.

Se houver um item na página subjacente que não esteja contornado na máscara de saída, o item não possui contraste de cor suficiente de acordo com o nível de conformidade selecionado.

A análise de imagem resultante pode ser baixada para o seu computador como um arquivo PNG.

Para lidar melhor com os gradientes, você também pode selecionar o raio do pixel que deve ser usado para analisar os pixels adjacentes.

Quanto maior o raio do pixel, mais longe ele procurará uma borda com contraste alto o suficiente.

No entanto, um raio de pixel maior adicionará um tempo de computação significativo.

Ao instalar a extensão pela primeira vez, pode ser necessário atualizar a página da Web que deseja analisar para que todas as opções de seleção estejam disponíveis.

Além disso, ao instalar a extensão, ela pedirá permissão para acessar seus dados em todos os seus sites, guias e atividades de navegação.

Não estamos usando ou coletando esses dados de forma alguma.

Para obter permissão para tirar screenshots da janela do seu navegador, este é o nível de acesso que devemos solicitar.

Você pode visualizar o código-fonte no seguinte URL.

https://github.

com/gdkraus/color-contrast-chrome Esta ferramenta é um produto do Escritório de Acessibilidade de TI da NC State University.

http://accessibility.

oi.

ncsu.

edu /

Informação adicional:

- Oferecido por acessibilidade.oit.ncsu.edu
- Avaliação média: 3.3 estrelas (estava tudo bem)

Analisador de contraste de cores web extension integrado com o OffiDocs Chromium online