Accessible Tag Cloud

So based on my research with Tag Clouds I’ve decided to make semantic, accessible, and  Seo friendly Tag Cloud.

The Tag cloud structure is in an ordered list because its more semantic with the most relevant list item to the lest relevant list item. Because it’s in an ordered list this ordering is relevant and is relevant to search engines. Then the Javascript kicks in and re-orders and tabindex’s the items in the initial order they were listed in. On top of that, the Js adds in Wai-Aria info for screen readers. There is also visually hidden text as a descriptor for search engines and screen-readers alike.

https://github.com/michaelguild13/Accessible-Tag-Cloud

<ol class=” class=”tagcloud”>
<li><a href=”#”>Item 1</a></li>
<li><a href=”#”>Item 2</a></li>
<li>Item 3</li>
<li><a href=”#”>Item 4</a></li>
<li><a href=”#”>Item 5</a></li>
</ol>

<script type=”text/javascript”>
$(“.tagcloud”).tagcloud();
</script>

Accessible Tag Clouds and when to use or not use them for SEO.

The following link is an article about how tag clouds are harmful for SEO.
The article includes a great video talk by Matt Cutts (google)
http://hubshout.com/?Tag-clouds-can-hurt-your-SEO&AID=283

I will be editing this later on how to make accessible tag clouds that are seo friendly.