Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

Archive for septiembre, 2009

XHTML: Nube de etiquetas accesible

Fecha de publicación: 2009/09/18

Las nubes de tags suelen estar conformadas por un grupo de palabras que aparecen en distintos tamaños según la importancia que tengan. Pueden ir en un solo párrafo o bien en elementos de lista.

Para darles los tamaños es necesario darles una clase (no vale el atributo style, ya que supone mezclar presentación y contenido) o utilizar etiquetas EM y STRONG anidadas. En el segundo caso, en cuanto haya unas cuantos niveles de importancia habrá un montón de etiquetas anidadas dentro de otras, y el usuario no podrá distinguir adecuadamente cual tiene mayor importancia salvo por su aspecto visual.

Si la etiqueta más grande es la más importante, ¿por que no ponerla la primera?

En conclusión:

  • Da lo mismo utilizar un párrafo o una lista.
  • Se deben utilizar clases para definir los tamaños.
  • Las etiquetas deben ir en orden de mayor a menor importancia

Un ejemplo:

<p>
 <strong>Etiquetas<span class="oculto"> (de mayor a menor importancia)</span>:</strong>
 <a href="#" class="s5">Etiqueta 1</a>,
 <a href="#" class="s4">Etiqueta 2</a>,
 <a href="#" class="s3">Etiqueta 3</a>,
 <a href="#" class="s2">Etiqueta 4</a>,
 <a href="#" class="s1">Etiqueta 5</a>,
 <a href="#">Etiqueta 6</a>,
</p>

Enlace relacionado: Marking Up a Tag Cloud (24 Ways).

Datos del artículo:

Información del sitio