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.

<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>

<script type=”text/javascript”>