Nunca teve um daqueles dias em que você acorda de manhã, derramar uma xícara de café, em seguida, sair para a rua com uma bengala e bate para baixo todas as pessoas com deficiência que você pode encontrar? Quer dizer, às vezes você apenas tem que dificultar a vida de alguém, em particular, os oprimidos e oprimidas. Bem como verifica-se que eu tenho feito exatamente isso todos os dias, em 56 formas diferentes. Pelo menos de acordo com um novo site, Check My Colours.

O daltonismo é uma deficiência de visão comum. Sua prevalência entre os homens é até 10% da população. Para as mulheres é inferior a um por cento. Desde que eu sou um matemático incrivelmente imprecisas vou médio e de supor que 5% das pessoas que vêm para o seu site tem dificuldade em distinguir entre as cores de alguma forma ou de outra. O lote cai para designers para fazer um site amigável cor cega. Determinar quais as cores que talvez precise ser ajustado ficou muito mais fácil com a nova ferramenta Check My Colours. Tudo que você faz é enviar a URL e ele listará os objetos de ofensa e suas cores associadas.

O relatório inclui três categorias diferentes, incluindo taxa de contraste, diferença de brilho ea diferença de cor. A partir daí, espera-se que você ajustar o seu CSS para modificar os elementos em falta. Agora, este é o lugar onde começa o problema. Vamos supor que eu não sou um aficionado da cor e da distinção entre a taxa de contraste, diferença de brilho ea diferença de cores não é algo que tem um aperto firme. Então o que? Estou descobrindo que não sou o único que estaria tomando uma facada no escuro à procura de uma cor menos maléfica. Da sugestão: diga-me a gama de cores hexadecimal que iria trabalhar com ambos o fundo e as cores de primeiro plano. Eu tenho certeza que a lógica é já ali mesmo dentro do aplicativo para que ele é apenas uma questão de colocar a informação no ecrã.

Teste de novo as suas cores contraste aqui

A reclamação vem com Saída minhas cores, baby, é com a acessibilidade de suas ferramentas. Especificamente, ele contém as instruções no topo da tabela ", clique na linha para testar outras cores." Isso é ótimo, mas eu estou sempre lapso de clicar em algum lugar, em qualquer lugar, dentro de uma área geral indefinido. Eu sei que o Javascript permite que você configurá-lo para que eu clicar em toda a linha, mas meu voto é para um botão claro e definido dentro dessa linha para fazer aparecer a cor ferramenta testador contraster. E do mesmo modo que eu optar por um botão de saída também. Estas características da interface do usuário são bastante comuns e podem confundir as pessoas sem elas.

Moving along, no caminho para criticar um produto de outra forma pura, é o verde nice botão enviar para a esquerda. Experimente clicar, se você ousar. Depois de ter apresentado as suas cores, agora você pode dormir bem sabendo que as cores têm sido apresentado com sucesso. Até que ponto e finalidade eu não sei. Mas sim, eles foram apresentados. Depois de clicar em distância a partir da ferramenta testador você notará que algumas células da linha verde são um equivalente. Eu não tenho certeza se é feito outra coisa senão isso.

Globalmente, o Check My site cores é provavelmente o melhor da sua classe, na medida do fornecimento de informações que podem ajudar projetistas a criar sites de cor amigável. Curiosamente, todos os sites que eu testei veio longe de passar o teste de cores, com exceção de Check My Colours si. Talvez com alguns ajustes e modificações que este site vai crescer para ser uma ferramenta comum para o arsenal de designers. Em seguida, todos se sentem melhor sobre si mesmo sabendo que eles fizeram um mundo um lugar melhor para o daltônico. Isso e provavelmente menos para a viscosidade do seu site.

Slapback: Hi:)

Estou lendo sua resenha e parece muito interessante. Agora, vou tentar abordar algumas das suas dúvidas:)

Você escreve: "eu estou adivinhando que eu não sou a única pessoa que estaria tomando uma facada no escuro à procura de uma cor menos maléfica. Da sugestão: diga-me a gama de cores hexadecimal que iria trabalhar com ambos o fundo e as cores de primeiro plano. "

A gama de cores hexadecimal são especificadas na página inicial, em "O que é buscar as minhas cores" seção:
De texto ou diagramas e seu fundo deve ter uma relação de contraste de luminosidade mínimo de 4,5:1 para o nível 2 a conformidade com orientação 1,4, e, pelo menos, 7:1 para o nível 3 de conformidade da Orientação 1,4. O intervalo para a diferença de luminosidade da cor é 125. O intervalo para a diferença de cor é 500.

Estes valores são sugeridos pelo consórcio World Wide Web.

Mais documentação aqui:
http://www.w3.org/TR/2008/REC-WCAG20-20081211/ # visual-audio-contraste contraste
Cor http://www.w3.org/TR/WCAG10/wai-pageauth.html # gl -

Checkmycolours pretende ser uma ferramenta para desenvolvedores web, para que eu não acho necessário uma documentação detalhada. Agora, a aplicação web é usado por muitos para muitos usuários, vou escrever uma documentação mais completa, logo que possível:)

Então, você escreve: "A queixa vem com Saída minhas cores, baby, é com a acessibilidade de suas ferramentas. Especificamente, ele contém as instruções no topo da tabela ", clique na linha para testar outras cores." Isso é ótimo, mas eu estou sempre lapso de clicar em algum lugar, em qualquer lugar, dentro de uma área geral indefinida ".

Sim, esta é uma boa observação, mas está relacionado a usabilidade, não acessibilidade.

E, finalmente: "Qual é o seu melhor palpite sobre o que o botão Enviar realmente faz?"

No botão enviar apenas atualiza os valores hex no relatório e destaca-lo com uma cor diferente. Assim, o desenvolvedor pode facilmente obter os valores corretos e substituí-los na folha de estilo:)

Obrigado por suas sugestões. Estou recebendo muitos e-mails de muitos usuários, assim que eu espero ser capaz de resolver bugs e implementar novos recursos o mais rapidamente possível.
No dia seguinte, provavelmente irá publicar um blog sobre estas questões e as próximas atualizações, então ... stay tuned:)

Color Check My Colours, Survey