Ir para conteúdo / Skip to content

GRÁFICOS ACESSÍVEIS COM GOOGLE CHARTS

Postado em: 30 de janeiro de 2008 por Pedro Rogério

A algum tempo atrás o Google lançou uma API capaz de gerar gráficos passando os parâmetros por uma URL, semelhante a essa:


http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World

O gráfico gerado é esse:

Google Charts API

Basta você colocar a URL no atributo src da tag img que o gráfico é gerado dinamicamente. Mas, é totalmente inacessível, pois usuários que navegam com imagens desabilitadas não veriam nenhuma informação sobre o gráfico gerado. Aí é onde entra Chris Heilman membro do grupo de Acessibilidade do Yahoo, que descobriu uma técnica que pode gerar gráficos de torta a partir de uma tabela e permitir que usuários de browsers não convencionais possam ter acesso aos dados do gráfico.

Google Charts

Para que funcione, devemos inserir um código JavaScript no final da página onde conseguimos melhorar de forma rápida a acessibilidade dos gráficos gerados.

Referências

Isso pode lhe interessar:

Deixe seu comentário

7 comentários para esse post

  1. Cristian Trentin disse:
    #1

    Bacana, mas muitas pessoas com deficiência visual desabilitam o JavaScript e ai?

  2. VitorGGA disse:
    #2

    Interessante. Mas, pouco útil!

  3. Rafael disse:
    #3

    olah amigo
    eu li seu post sobre temas para wordpress
    eu baixei varios temas, q veem zipados, soh q naum sei como usar
    eu keria saber tbm c tem algum risco em baixa-los de sites desconhecidos
    me ajude por favor

  4. Pedro Rogério disse:
    #4

    @ Cristian,

    É aí onde entra o gráfico estilo excel, quem não tem suporte a JavaScript não vê o gráfico de torta e sim o outro gráfico!!!

  5. Cristian Trentin disse:
    #5

    @Pedro perfeito…..

  6. Dicas Interessantes #3 - Super Stuff | Alvo Conhecimento disse:
    #6

    [...] Gráficos acessiveis com Google Charts [...]

  7. Paulo Sacramento disse:
    #7

    Irado!

Deixe seu comentário