Naar aanleiding van een AnySurfer audit wil ik even stilstaan bij tag clouds. Wikipedia:
A tag cloud or word cloud (or weighted list in visual design) is a visual depiction of user-generated tags, or simply the word content of a site, used typically to describe the content of web sites. Tags are usually single words and are typically listed alphabetically, and the importance of a tag is shown with font size or color.
De populariteit of het belang van een tag wordt op visuele wijze benadrukt via kleur en/of grootte. Voor een screenreadergebruiker ontbreekt deze visuele informatie. Maar waar een wil is, is een weg.
Dit voorbeeld op Box of chocolates lijkt me de perfecte oplossing: een genummerde lijst die de gebruiker kan rangschikken naar keuze. Deze blogpost van 24ways.org somt enkele goede en slechte voorbeelden op. En om te eindigen nog dit PHP-script op Smiffy’s Place als mogelijke oplossing.
7 reacties
1 Michel Kuik // 17 maart 2009 om 8:37 pm
Interessante oplossingen voor een probleem waarvan ik nog niet wist dat het een probleem zou kunnen zijn! Bedankt voor het delen.
2 Tijl Vereenooghe // 3 maart 2010 om 5:41 pm
Is het ook goed als een getal bij iedere tag het gewicht van die tag aangeeft (bijvoorbeeld: http://www.heemkunde-vlaanderen.be/?page_id=103 )? Of moeten ze echt in volgorde kunnen weergegeven worden?
3 Gijs Veyfeyken // 5 maart 2010 om 11:53 am
Dat lost inderdaad het probleem voor screenreaders gebruikers op.
Misschien boven de tagcloud nog kort vermelden wat dit is? En dat het cijfer het aantal externe links toont per onderwerp. Lang niet alle gebruikers weten wat een tagcloud is…
Let ook op de witruimte. De tags overlappen een beetje. Bij vergroting via de browser wordt dit problematisch.
4 Gijs Veyfeyken // 23 april 2010 om 11:01 am
Het voorbeeld van 24 ways. Semantisch correct en toegankelijk voor iedereen:
http://24ways.org/examples/marking-up-a-tag-cloud/example.html
5 Gijs Veyfeyken // 27 juli 2010 om 12:48 pm
Toon Van de Putte heeft een er een WordPress plugin ‘accessible tag cloud’ voor geschreven: http://wordpress.org/extend/plugins/accessible-tag-cloud/.
Nice job Toon!
6 Gijs Veyfeyken // 30 november 2010 om 3:44 pm
De Vlaamse erfgoedbibliotheek komt ook dicht in de buurt. Alleen mis ik een functie om te sorteren op meest populaire tag. Nu moet een screenreadergebruiker een lijst van 250 puntjes beluisteren (alfabetische lijst) om te weten welke tags veel voorkomen.
http://www.vlaamse-erfgoedbibliotheek.be/tagcloud
7 Nymphaea // 22 februari 2011 om 4:58 pm
Als je een tagcloud maakt met Tagcrowd http://tagcrowd.com/ kun je simpel tonen hoe vaak een tag voorkomt door de optie “Show frequencies” op “yes” zetten.
De default kleur van de frequentie geeft een erg laag kleurcontrast maar de kleuren kun je eenvoudig in de css aanpassen.
Jouw reactie