Estoy tratando de pasar el test de esta pagina
http://www.websa100.com en
http://www.tawdis.net y muchos errores que no los termino de comprender para solucionarlos por ejemplo:
Cita: 1.1 Proporcione un texto equivalente para todo elemento no textual (Por ejemplo, a través de "alt", "longdesc" o en el contenido del elemento). Esto incluye: imágenes, representaciones gráficas del texto, mapas de imagen, animaciones (Por ejemplo, GIFs animados), "applets" y objetos programados, "ASCII art", marcos, scripts, imágenes usadas como viñetas en las listas, espaciadores, botones gráficos, sonidos (ejecutados con o sin interacción del usuario), archivos exclusivamente auditivos, banda sonora del vídeo y vídeos.
# Si la imagen contiene información importante, utilice el atributo longdesc para enlazarla a un archivo html que contenga su descripción. (7)
#
* Línea 216: <img src="images/proceso-de-trabajo.gif" width="400" height="474" alt="Forma de Trabajo" />
* Línea 237: <img src="images/banner_03.gif" alt="Promoción" />
* Línea 282: <img src="http://www.w3.org/WAI/wcag2AA.gif" alt="WAI" />
* Línea 285: <img src="http://www.w3.org/Icons/valid-xhtml10.png" alt="Validar XHTML" />
* Línea 288: <img src="http://www.w3.org/Icons/valid-css.png" alt="Validar CSS" />
* Línea 291: <img src="http://www.gobcantabria.es/pls/interportal/docs/folder/inet_aa/htdocs/images/icono_taw.gif" alt="tawdis" />
* Línea 294: <img src="http://www.qweb.es/certqweb-www.websa100.com.gif" width="97" height="31" border="0" alt="Directorio de Desarrollo de páginas web" />
si agrego el tag "longdesc" el html deja de ser valido
Cita: 6.1 Organice el documento de forma que pueda ser leído sin hoja de estilo. Por ejemplo, cuando un documento HTML es interpretado sin asociarlo a una hoja de estilo, tiene que ser posible leerlo.
* Necesita comprobación manual Asegúrese de que este documento puede ser leído sin necesidad de utilizar hojas de estilo. (6)
*
o Línea 23: <link href="css/estilos.css" rel="stylesheet" type="text/css" />
o Línea 27: <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
o Línea 28: <link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
o Línea 167: <div id="dialog" title="Aviso Legal (LOPD)" style="display:none;">
o Línea 215: <div id="dialog3" title="Método de Trabajo" style="display:none;">
o Línea 218: <div id="dialog1" title="Garantía" style="display:none;">
Entiendo lo que se refiere pero si el cliente quiere efectos de jquery le tengo que decir que no se puede usar porque si lo ven sin el css no es accesible?
Cita: 7.1 Hasta que las aplicaciones de usuario permitan controlarlo, evite provocar destellos en la pantalla.
Adios al flash y gif animados ?
Cita: 8.1a Haga los elementos de programación, tales como scripts y applets, directamente accesibles o compatibles con las ayudas técnicas, si la funcionalidad es importante y no se presenta en otro lugar.
En español por favor que no entiendo jeje
Como puedo solucionar estos errores....?
Y ahora me pregunto para realizar sitios complejos (redes sociales, tiendas online,etc) es posible desarrollarlos completamente accesible?
salu2