acceder al contenido

Test accesibilidad webCTIC Centro Tecnológico

You are: Home TAW Tools

Logotipo TAW

Cómo usarlo

El objetivo a la hora de aplicar la accesibilidad a un sitio web debe ser que alcance el mayor nivel posible. Como sabes, ese nivel lo medimos en relación a "Pautas de Accesibilidad para Contenido Web" WCAG 1.0 de WAI-W3C de la siguiente forma:

  • WCAG 1.0 A. Cumple todos los puntos de verificación de prioridad 1
  • WCAG 1.0 AA. Cumple todos los puntos de verificación de prioridad 1 y 2
  • WCAG 1.0 AAA. Cumple todos los puntos de verificación de prioridad 1,2 y 3

Las comprobaciones que realiza TAW en el análisis se dividen en dos categorías:

  • Automáticos. Problemas de accesibilidad que la herramienta detecta por si sola y que deben ser solucionados.
  • Manuales. La herramienta señala la existencia de un posible problema que el evaluador/a debe confirmar o descartar.

    Recuerda. Debes comprobar siempre los posibles problemas manuales de la pagina. No es suficiente con la verificación automática. De no hacerlo así, el resultado no será valido.

Incorporando el logotipo TAW.

Si lo deseas, puedes poner en tu sitio web el logotipo que indica que has validado la accesibilidad con TAW y el grado alcanzado. Existe uno por cada nivel de accesibilidad (A, doble A y triple A ) y puedes elegir como logo la alternativa que más te guste (CSS, gráfico grande y gráfico pequeño).

No se exige, pero agradecemos que enlaces el icono a la pagina web del TAW (http://www.tawdis.net).

Nivel WAI-A
Consigues el logo de nivel A cuando no existen problemas automáticos de nivel 1 y se descartan todos los problemas manuales de esta prioridad.
Nivel WAI-AA
Este nivel se obtiene cuando no existen problemas automáticos de prioridad 1 y 2 y se han descartado los problemas manuales indicados en estas prioridades.
Nivel WAI-AAA
Este nivel se obtiene cuando no existen problemas automáticos ni manuales de ninguna prioridad.

 

Marcado del logotipo

(X)HTML

<span class="tawlogo">
<acronym title="Test de accesibilidad web versión 3">
t<span style="color: rgb(255, 0, 0);">.</span>
a<span style="color: rgb(220, 131, 16);">.</span>
w<span style="color: rgb(0, 170, 0);">.</span><sup>3</sup></acronym>
<span class="tnivel"><abbr title="Nivel A - WCAG 1.0 WAI">A</abbr></span></span>

CSS

/*------------(CSS LOGO TAW)------------*/

.tawlogo {
font-family: arial, sans-serif;
border: 1px solid #555;
vertical-align: 0.3em;
font-weight: bold;
color: #fff;
font-size: 0.9em;
background-color: #555;
padding: 0;
}

.tawlogo .tnivel {
padding: 0 0.4em ;
border-bottom: 0px;
background-color: #555;
color: #fff;
font-size: 0.8em;
}

.tawlogo abbr {
border-bottom: 0px;
}

.tawlogo acronym{
border-bottom: 0px;
padding: 0 0.3em;
background-color: #fff;
color: #000;
}

.tawlogo sup{
padding: 0em;
vertical-align: 0.6em;
font-size: 0.6em;
}
/*------------(CSS LOGO TAW)------------*/

Destacados