Google Chart API for blinde

Jeg har tidligere skrevet om Google Chart API (1,2). Problemet med disse diagrammer der dannes fra Google Chart API er, at de ikke er tilgængelige for blinde.

JavaScript-eksperten Chris Heilmann har nu skrevet et JavaScript, der gør at data fra tilgængelige HTML tabeller bliver omsat til et Google Chart API. Det betyder, at den blinde via sin skærmoplæser kan høre data læst op fra (X)HTML siden. Vi andre, der kan se vil så se diagrammet tillige med. [forudsat at du har JavaScript slået til i din browser] (se eksempel her). JavaScriptet er udgivet under en Creative Commons licens.

Sådan skruer man tilgængelighed sammen på flot og elegant måde.

Google Chart API generatorer på markedet

Jeg efterlyste i lørdags Google Chart API generatorer til at lave diagrammer på en mere enkelt måde end at skulle opbygge en kompleks lang URL via en teksteditor. Nu er der allerede dukket et par online generatorer op. Der er Chart Maker (den virker vist ikke i IE). Den anden og bedste jeg har set og prøvet er HoHli Charts beta

HoHli Chart beta

Vælg diagramtype og udfyld data, farver, overskrifter m.m. og klik så på “View Result” og hele koden bliver serveret for dig. Nu har ingen af disse generatorer løst problemet med danske æ, Æ,ø,Ø,å,Å samt andre sprogs specieltegn. Så her skal du lige omkode disse tegn. Der kan du benytte Richard Ishidas “Unicode Code Converter v6” til det formål.

Lagkagesjov med Google Chart API

Kort fortalt går Googles nye værktøj med Google Chart API ud på, at du laver en lang og kompleks URL. Denne URL indeholder nogle statistiske data og parametre (farver, diagramtype, størrelse o.s.v.), du ønsker at visualisere i et diagram. Dernæst indsættes denne URL i “img” elementet (attributeværdi under src=”") i din HTML kode. Når en bruger kalder dit HTML dokument, så sender Google Chart API et png billede til vedkommendes browser.

Jeg har lavet en demo med et lagkage diagram med befolkningstallene i de 5 regioner i Danmark.

Du kan på min demoside i din browser under vis “Sidens kildekode” se hvordan URL’en er opbygget. Anden version af lagkagediagrammet viser det i en 3D lignende form.

Google Chart API har andre typer diagrammer end lige i lagkagestil. Det er ikke for almindelige dødelige at lave diagrammer på denne måde via en meget kompleks URL. Bemærk, at æ indgår i ordet Sjælland, det kræver så, at man opmærker æ med %C3%A6 i URL’en. Ellers vil Google Chart API ikke returnere æ ordentligt i dit diagram. På samme vis skal Æ,ø,Ø,å og Å opmærkes med special kode. Et godt værktøj til at finde disse koder vil jeg helt klart anbefale Richard Ishidas “Unicode Code Converter v6“.

Hvis Google Chart API skal nå ud til en bredere kreds, så skal der helt klart laves en Google Chart API generator. Indtast nogle værdier (måske import fra regneark) og parametre i en webform og klik på “ok”. Dernæst dannes en HTML kode, der kan “Kopier” og “Sæt ind”

Vil du vide mere om det nye værktøj fra Google.