Test de accesibilidad web

Novedades

Hemos modificado TAW para mejorarlo:

• Actualización del motor. Ahora también valida la accesibilidad del código producido mediante Javascript.
• Nuevo diseño de portal.
• Incorporación de nuevas comprobaciones y mejora de las existentes. Ahora TAW es más inteligente buscando errores.
• Ya puedes recibir el resultado detallado del análisis en tu email.
• Desde hoy, TAW habla portugués.
• Es más seguro, bajo HTTPS.

Y... mucho más. ¡Esperamos que te guste!

Qué es TAW

TAW es una herramienta automática on-line para analizar la accesibilidad de sitios web. Creada teniendo como referencia técnica las pautas de accesibilidad al contenido web ( WCAG 2.1) del W3C, cuenta con más de 15 años, siendo la herramienta de referencia en habla hispana.

Para qué sirve

El objetivo de TAW es comprobar el nivel de accesibilidad alcanzado en el diseño y desarrollo de páginas web con el fin de permitir el acceso a todas las personas independientemente de sus características diferenciadoras. Está destinada tanto a usuarios sin experiencia que quieren conocer el grado de accesibilidad de su sitio web como para profesionales de campo como webmasters, desarrolladores, diseñadores de páginas web etc.

Logotipo TAW

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 2.0 de WAI-W3C de la siguiente forma:

• WCAG 2.1 A. Cumple todos los puntos de verificación de prioridad 1
• WCAG 2.1 AA. Cumple todos los puntos de verificación de prioridad 1 y 2
• WCAG 2.1 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 página. 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 página 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.

• CSS: t.a.w·³ A Ver código
• Gráfico:
• Gráfico:

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.

• CSS: t.a.w.³ AA Ver código
• Gráfico:
• Gráfico:

Nivel WAI-AAA

Este nivel se obtiene cuando no existen problemas automáticos ni manuales de ninguna prioridad.

• CSS: t.a.w.³ AAA Ver código
• Gráfico:
• Gráfico:

 

Marcado del logotipo

(X)HTML

				<span class="tawlogo">
	<abbr 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>
	</abbr>
	<span class="tnivel">
		<abbr title="Nivel A - WCAG 2.1 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)------------*/