Saltar para o conteúdo | Saltar para o menu lateral
Mostrando postagens com marcador 456 Bereast. Mostrar todas as postagens
Mostrando postagens com marcador 456 Bereast. Mostrar todas as postagens

28 fevereiro 2008

Publicada a versão 1.0 do WCAG Samurai para o WCAG 1.0

No último dia 26, foi publicada a versão 1.0 do WCAG Samurai para o WCAG 1.0 (em inglês).

Ainda não li para saber as diferenças entre essa nova versão e a anterior, mas mesmo assim, indico a leitura sem restrições.

Você pode concordar ou não com o que a turminha do Joe Clark criou, mas deve ler, aprender e, se for o caso, listar pontos que considere fora da curva de acessibilidade.

Para os que têm dificuldades com inglês, tenho boas notícias: o amigo Maurício Samy Silva, do Maujor.com, deve fazer a tradução para o português. Já tinha até feito da versão anterior, mas o próprio Joe Clark pediu que ele esperasse um pouco para publicar a versão em definitivo.

Então é só aguardar um pouquinho enquanto o forno esquenta e ele coloca mais um pouco de farinha e fermento na massa do WCAG Samurai em português...

Fonte: 456 Berea Street

Boa leitura!

14 setembro 2007

10 ferramentas para checar o contraste entre cores

Interessante e muito útil artigo do Roger Johansson - 456 BEREAst.com - onde faz uma breve comparação entre 10 ferramentas para checar contraste entre cores.

Essas ferramentas verificam se uma determinada combinação de cores aplicada a um texto e seu respectivo fundo (background), oferece boas condições de visibilidade para usuários com diferentes deficiências e dispositivos.

Se o contraste não for o suficiente, os usuários terão dificuldades em ler a informação disponibilidade no site.

Artigo 10 colour contrast checking tools to improve the accessibility of your design.

16 julho 2007

Como construir menus acessíveis que abrem e fecham com mouse ou teclado.

Roger Johansson do 456 BereaSt , escreveu em maio, um interessante e didático tutorial de como criar um menu expansível - tipo aquele que você clica, ele abre novas opções, clica novamente e, elas se fecham - totalmente acessível, tanto com mouse, como com teclado.

Menu acessível que abre e fecha com mouse ou teclado
Tutorial do menu acessível:
Accessible expanding and collapsing menu
Exemplo:
Menu funcionando.

29 março 2007

Truwex Online: um validador de acessibilidade diferente

Pegando carona na dica do 456 BEREAst, testei o validador de acessibilidade Truwex Online, que apesar de ainda estar na versão beta, apresentou algumas inovações interessantes.

- escolhi o G1 para testar esse novo brinquedinho:

Tela inicial do validador TruWex Online 2.0


Mudando rapidamente de assunto, não entendo por que cada vez mais os sites/blogs - que é o caso do 456 BEREAst - têm exagerado no uso de anúncios. Fica mais e mais difícil distinguir o que é conteúdo e o que é anúncio.

Têm alguns que colocam até ao lado do menu principal como se fosse um dos itens de navegação do site.

Falo isso, porque agora a pouco cliquei sem querer no add que se mistura com o post do site da BEREAst...

parte do site da 456 BEREAst que cliquei no anúncio do Google por engano

Será que não sabem que isso confunde, irrita e pode espantar o usuário?

Quanto vale a audiência de um site afinal e qual é o custo x benefício de se colocar tantos anúncios?

Não acho que ganhar cliques por acidente ou mesmo com um erro do usuário, seja lá uma estratégia muito inteligente.

Estou a um bom tempo para escrever um post sobre isso, mas vou ver se faço uma pesquisa em alguns blogs/sites e publico o resultado por aqui.

Voltando ao post, esse validador me pareceu ser bem bacaninha. Aparentemente seu diferencial é a validação de todo o código renderizada pelo navegador, ou seja, não apenas o HTML nu e cru. Na verdade, isso quer dizer que o software analisa todo o dantesco código HTML inserido na página via JavaScript, como por exemplo, os anúncios do Google e afins. Olha eles aí de novo...

Outra coisa bacana, é que ele cria uma espécie de mapa da página destacando com uma seta sobre o layout da página suas possíveis inconsistências. Bastante útil, como por exemplo, para achar contrastes insuficientes entre textos e suas cores de fundo.

Apesar de espertinho, todo software validador de acessibilidade deve ter seu resultado analisado com cuidado. Importante não esquecer que uma análise humana é insubstituível...

Mas tenho que confessar que cada vez mais, essas ferramentas têm se tornado úteis.

Para conhecer a ferramenta, resolvi fazer um pequeno teste com o portal G1 e acabei capturando algumas telas.

Parte da homepage do G1 de 28 de marçode 2007.


Página com as propriedades da página

Para ampliar as imagens abaixo, selecione via teclado o link e tecle “enter” ou clique diretamente sobre a imagem.

Properties


Propriedades da página, lista a sua aderência com as diferentes diretrizes de acessibilidade, detalhes do download de arquivos, metadados, etc.

Página com as propriedades da página

Issues


Lista em detalhes todos os erros de acessibilidade encontrados.

Issues - lista erros de acessibilidade

Map


Mapa da página com indicação através de uma seta sobre o erro encontrado.

Mapa da página com indicação gráfica dos erros de acessibilidade

Inventory


Inventário com URL, localização, tipo, tamanho e status.

Inventário da página com todos seus os dados

Profle


Nome do Host, nome do arquivo, tipo, tamanho, status, tempo de resposta, tempo de download e última modificação.

Tela inicial do validador TruWex Online 2.0

 
Clicky Web Analytics