Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Usabilidade na web
SEÇÕES
Manuais relacionados
+Usabilidade na web
Categorias
+Usabilidade

Índice do Manual Usabilidade na web
+ Informações gerais
+ Elementos de um bom site
+ Princípios gerais de usabilidade em web sites
+ O que é a Interação Pessoa-Computador
+ Sobre buscadores internos
+ Formulários
+ Os usuários não são adivinhas
+ Como escrever newsletters
+ Coloque um link do meu site
+ Usabilidade para PDAs
+ Reduza o peso de seu site
+ Páginas fluidas
+ Como gravar vídeo para Internet
+ A página de erro
+ O banner perfeito
+ Abrir diálogo com os visitantes
+ Otimizar o formato das páginas web para imprimir
+ Converter usuários em clientes
+ Newsletters que servem para vender
+ Coloque um buscador gratuito na sua web
+ Personalizar parâmetros - Usar links no lugar de combos.
+ Avaliar a usabilidade
+ Vantagens e incovenientes do uso de frames
+ Construindo páginas simples
+ Folhas de estilo (CSS)
+ Aumentar o número de páginas vistas
+ Criar o momento
+ Usando ícones no design de interfaces
+ Usability Biscates, S.A.
+ Livro de estilo
+ Guia básico para PYMES
+ Destruir 2 mitos do web design
+ De que serve o critério quando todo mundo pode opinar?
+ Use imagens agrupadas e não utilize ícones
+ Apêndice I: Links interessantes
+ Evitar as cores de fundo
+ Usabilidade ao milímetro
+ O espaço na tela
+ PDF no Web. Entorpecendo ou melhorando a navegação?
+ MSN Music. Um pequeno problema de perspectiva
+ A navegação impaciente dos usuários na Internet
+ Criando a retícula. Como organizar a informação
+ Usabilidade e Retorno de Inversão em websites
+ É hora de pensar em 1024px?
+ Fatores Determinantes no uso de Fontes
+ Não se fala de usabilidade
+ Fazendo uma Web Acessível: o uso adequado das cores
+ Aplicações Web: Usabilidade + Praticidade = Sucesso
+ Como conseguir web design de bom aspecto gráfico
+ Usabilidade e acessibilidade: Conceitos muito diferentes
+ Quando colocar um botão, quando colocar um link
+ Redação para websites
+ O usuário intermediário ontem e hoje
+ Arquitetura de informação
+ Escreva títulos curtos
+ Desenhar para dispositivos móveis
+ Normas para maximizar a usabilidade de um site

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Fazendo uma Web Acessível: o uso adequado das cores

Alguns aspectos para ter em conta para fazer uma web acessível através da cor.


É sempre bom se certificar que o primeiro plano e as combinações da cor de fundo proporcionam suficiente contraste quando for visto por alguém com deficiência visual ou para visualizá-las com telas monocromáticas; estabelecendo conformidade com o Ponto de Verificação 2.2 das Pautas de Acessibilidade ao Conteúdo na Web 1.0

Considera-se que duas cores oferecem boa visibilidade de cor se a diferença em brilho e a diferença em cor entre ambas for maior que um intervalo dado.

O processo para definir o nível de "visibilidade da cor" baseia-se nos algoritmos que sugere o Consórcio da World Wide Web (W3C). O intervalo que sugere é > 125 para o brilho de cor e > 500 para a diferença de cor.

O brilho de cor se determina por meio da seguinte fórmula:
((valor de Vermelho * 299) + (valor de Verde * 587) + (valor de Azul * 114)) / 1000

A diferença entre o brilho de fundo e o brilho de primeiro plano deve ser maior a 125.

A diferença de cor se determina por meio da seguinte fórmula:
(máximo (valor Vermelho 1, valor Verde 2) - mínimo (valor Vermelho 1, valor Vermelho 2)) + (máximo (valor Verde 1, valor Verde 2) - mínimo (valor Verde 1, valor Verde 2)) + (máximo (valor Azul 1, valor Azul 2) - mínimo (valor Azul 1, valor Azul 2))

A diferença entre a cor de fundo e a cor de primeiro plano deveria ser maior que 500.

Vejamos um exemplo:

Cor de primeiro plano:
(hex.) #80FF80
(RGB.) 128, 255, 128

Cor de fundo:
(hex.) #000000
(RGB.) 0, 0, 0

Fórmula de Brilho de Cor:
(128 * 299) + (255 * 587) + (128 * 114) / 1000 = 202

A diferença em brilho entre as duas cores é suficiente. O limite é 125, e o resultado para as cores de fundo e primeiro plano é 202.

Fórmula de Diferença de Cor:
128 - 0 + 255 - 0 + 128 - 0 = 511

A diferença em cor entre as duas cores é suficiente. O limite é 500, e o resultado para as cores de fundo e primeiro plano é 511.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Usabilidade na web

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Usabilidade


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites