Ayuda con accesibilidad...
 

El caso, es que llevaba tiempo queriendo meterle un poco mano al tema de la accesibilidad en la web, estudiarlo un poquito, ponerlo en práctica durante el diseño, etc... Aunque antes y para practicar, hay un par de sitios que he ido rehaciendo para familiarizarme con los tester, las prioridades, etc...

La verdad es que tengo algunas dudas que espero podáis resolverme de alguna manera.

Me he fijado, como algunos otros han apuntado ya en el foro, que la accesibilidad como método de diseño para una farsa política, porque es sorprendente la cantidad de webs que dicen tener (colgando logos por doquier) y no tienen. Quiero decir que hacer una web accesible es obligatorio a nivel institucional y optativo a nivel particular, pero si te vas a poner a ello, no lógico hacerlo para colgarnos medallitas en vez de para mejorar nuestro proyecto ayudando a los demás.

Estoy familiarizandome como decía, con las pautas y normativas a cumplir (lista que más o menos voy consiguiendo salvo en algún elemento muy práctico que por accesibilidad tendré que dejar de usar), pero cuando llego a los validadores, llega mi gran mar de dudas.

Primero hay una infinidad de webs que no pasan realmente esos test. Ej:

http://www.tawdis.net - La web que alberga el validador no pasa su propio test.
http://www.ayto-zaragoza.es/ - La web votada como más accesible de nuestro país, no pasa el test tampoco...

Y así, otras tantas...

Es decir, que parece que hay mucho descaro con esto de colgarse méritos con la accesibilidad...

Pero bueno, yo sigo queriendo hacer las cosas bien... Como decía, me surgen dudas en este proceso que espero alguien me pueda resolver.

Estoy intentando mejorar la accesibilidad de un Joomla versión 1.12. Es decir un CMS realizado en php.

1.- Validación pautas de accesibilidad.
Cuando haces la validación de código sobre las pautas de accesibilidad, saln dos resultados, automático y manual, con el número de errores que hay que resolver. No tener errores automáticos pero si manuales significa que puedes colgar los iconos? Es decir, automático es obligatorio cumplimiento y manual aconsejable?

2.- Problema con XHTML.
Cuando intento pasar el validador de XHTML, veo muchos errores y consejos que he conseguido quitar y validar. Pero me he quedado con uno que no resuelvo. Al final del archivo index.php de mi template del Joomla, el validador encuentra una línea de código que "no le gusta". Fuera del </html> final, aparecer esto:
<!23423478384->
Dice que no debería aparecer y es que no sé porqué sale, porque el index.php no tiene ese código. Es como una especie de contador que aparece sólo o por alguna configuración que no consigo hallar. Puedo quitarlo? Qué puedo hacer para validar este único error en toda mi web?

3.- Problemas con validación CSS.
Al ir a validar mis hojas CSS me pasa algo parecido. He arreglado todos los errores, pero me he quedado con dos, que no consigo entender muy bien:

668 .categorytitle Los nombres de familias que contengan espacios en blanco deben entrecomillarse. Si no se hace, cualquier espacio en blanco anterior o posterior al nombre será ignorado y cualquier secuencia de espacios en blanco dentro del nombre será convertida a un único espacio.
675 .componentheading Los nombres de familias que contengan espacios en blanco deben entrecomillarse. Si no se hace, cualquier espacio en blanco anterior o posterior al nombre será ignorado y cualquier secuencia de espacios en blanco dentro del nombre será convertida a un único espacio.

Esto son dos errores referidos a mi hoja de estilo de mi template de Joomla.
Tengo que entrecomillar todos los nombres de secciones, categorías y títulos? No entiendo lo que me piden...

Espero que algún experto en CMS o en accesibilidad me pueda echar n cable, porque después de arreglar no sé cuantos errores, con esto me he quedado sin salidas.

Muchas gracias a todos...

Re: Ayuda con accesibilidad...
 

Esta web dice pasar el nivel Doble A. En los resultados del análisis, no hay errores automáticos de prioridad 1 o 2, así que se puede decir que, aunque haya que verlo bien, sí pasa la prueba.
0 puntos de revisión automática pendientes, creo que sí "pasa el test".
Sí, lo hay, pero no en estos casos. Más abajo me voy a explicar.

No. Las pautas de accesibilidad tienen muchos puntos subjetivos, imposibles de comprobar automáticamente. Los que sí se pueden comprobar automáticamente son comprobados, los otros se dejan para que el webmaster a su criterio los solucione.

Por eso es que, en realidad, ninguna página "pasa la prueba", porque hay puntos de verificación manual cuya "validez" es subjetiva. No es el mismo caso que con el HTML o con el CSS, que son lenguajes perfectamente definidos en los que se sabe lo que está bien y lo que está mal.

Además, hay 3 niveles, dependiendo de las necesidades o deseos del creador del sitio (A, Doble A y Triple A). Todo depende de qué tan accesible el autor quiera hacer su sitio. Obviamente a un sitio de juegos Flash le importa muy poco si alguien con flash deshabilitado puede usar el sitio, ya que no tiene nada que ese usuario pueda aprovechar.

Quizás sea tema de Joomla, ni idea. Creo que el problema es que es un comentario mal formado, ya que no comienza con <!-- ni termina con -->

Marea un poco lo de "nombres de familias". En realidad se refiere a los nombres de las fuentes (aunque se aplica a cualquier atributo cuyo valor tenga espacios).
Probablemente tengas algo como:

font-family : Times New Roman;

tenés que ponerlo entrecomillado,

font-family : "Times New Roman";

No es necesario ser un experto, simplemente saber dónde preguntar :-)


Saludos :adios:

Re: Ayuda con accesibilidad...
 

O sea, cosa que dudaba, si no tengo automáticos mi web está correcta, es mi decisión, arreglar los manuales. Bien...

Si eso lo entiendo, que no está bien formado el código, mi problema es que no sé porque aparece eso ahí. En el archivo index.php no está esa línea, sólo la detecta el validador. Parece algo automático del Joomla, pero no sé que puede ser, pues no tengo estadísticas activadas ni nada...

Esta es la respuesta del validador más completa:

Validation Output: 4 Errors
Line 193, Column 26: entity end not allowed in processing instruction .
</html><!-- 1185820906 -->✉
Line 193, Column 26: no document element .
</html><!-- 1185820906 -->✉
Line 193, Column 26: XML Parsing Error: ParsePI: PI xmlversion:1.0 never end ... .
</html><!-- 1185820906 -->✉
Line 193, Column 26: XML Parsing Error: Start tag expected, '<' not found .
</html><!-- 1185820906 -->

Y eso no está ahí puesto. Lo prometo!




Probaré lo de las comillas que me dices... No pensé que fuera referido al css...




Te aseguro que he preguntado en varias comunidades Joomla al respecto de todo esto, paso primero por donde es lógico empezar, pero al parecer mi duda no es muy atractiva, porque nadie responde... así que me he encaminado a otro tipo de foros, hasta que encuentre un sabio generoso...

Muchas gracias por si podéis seguir ayudándome.

Re: Ayuda con accesibilidad...
 

No, perdón si no fui claro antes: Las herramientas no pueden comprobarlo todo, por lo que hay puntos que es el webmaster quien debe asegurarse de que se cumplan.
Pero DEBEN cumplirse para llegar al nivel de accesibilidad.
Un ejemplo es este: hay un punto que dice que el atributo "alt" de las imágenes debe tener un contenido que haga que quien no pueda ver la imagen entienda lo que la imagen contiene.
El validador no puede asegurar automáticamente que el atributo alt que pusiste sea correctamente descriptivo, es tu responsabilidad hacerlo, y para lograr el nivel de accesibilidad tenés que hacerlo bien. De otra forma, aunque no salten errores, tu página no está cumpliendo con las Pautas.

Pero el validador no inventa cosas... ¿viste el código fuente generado? ¿tiene ese comentario? En algún lugar está...

¿Cómo que no pensaste que fuera referido al CSS? Si se trata del punto 3 de tu mensaje original, en el que escribiste:


Saludos :adios:

Re: Ayuda con accesibilidad...
 

Pero entonces, las páginas que tienen errores automáticos 0 y errores manuales X, no deberían tener el icono de accesibilidad, según tu. Las páginas que mencionaba arriba, no tienen errores automáticos pero si muchos manuales, entonces no deberían tener el icono de accesibilidad.

No entiendo que haya que tenerlo todo a cero y sin embargo páginas que no lo tienen me dices que están correctas.



Lo del código del index.php, no tiene esa línea por ningún lado.
Pongo una copia del mismo:



<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php $iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}

if ((mosCountModules( 'user1' )) && (mosCountModules( 'user2' ))) {
//if both modules are loaded, we need a 50%-layout for them
$usera = 'user1';
$userb = 'user2';
} else if ((mosCountModules( 'user1' )) || (mosCountModules( 'user2' ))) {
// if only one, then 100% no matter which one.
$usera = 'user3';
$userb = 'user3';
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="<?php echo $mosConfig_live_site; ?>/templates/XXXXXXXX/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site; ?>/templates/XXXXXXXX/css/css_color_green.css" rel="stylesheet" type="text/css" />




<script language="JavaScript">

var bookmarkurl="/inicio.html"
var bookmarktitle="XXXXXXXXXXXXXXXXXXXXXXXXXXX"

function agregar(){
if (document.all)
window.external.AddFavorite(bookmarkurl,bookmarkti tle)
}

</script>


<SCRIPT language=Javascript>
<!--
function PopupPic(sPicURL) {
window.open( "popup.htm?"+sPicURL, "",
"resizable=1,HEIGHT=200,WIDTH=200,");
}

function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</SCRIPT>




</head>

<body>
<div id="accessibility">
<a href="index.php#menu">
Menu</a>
<a href="index.php#content">
Content/Inhalt</a>
</div>


<div id="pagewidth-1024" >

<div id="header" >

<img src="/XXXXXXXX/templates/XXXXXXXX/images/XXXXXXXX.jpg">




</div>
<div id="outer-1024" >

<div id="leftcol">
<a name="menu"></a>
<?php
if (mosCountModules( "left" )) {
mosLoadModules ( 'left',-3);
}
?>
</div>
<?php
if ((mosCountModules( "right" )) || (mosCountModules( "top" ))) {
?>
<div id="maincol-broad-1024" >
<?php
} else {
?>
<div id="maincol-wide-1024" >
<?php
}
if (mosCountModules( "user1" )) {
?>
<div id="<?php echo $usera; ?>">
<?php mosLoadModules ( 'user1',-2); ?>
</div>
<?php
}
if (mosCountModules( "user2" )) {
?>
<div id="<?php echo $userb; ?>">
<?php mosLoadModules ( 'user2',-2); ?>
</div>
<?php
}
?>
<div class="clr"></div>
<div class="content">
<a name="content"></a>
<?php mosMainBody(); ?>
</div>
</div>
<?php
if ((mosCountModules( "right" )) || (mosCountModules( "top" ))) {
?>
<div id="rightcol-broad">
<?php mosLoadModules ( 'top',-3); ?>
<?php mosLoadModules ( 'right',-3); ?>
</div>
<?php
}
?>
<div class="clr"></div>
</div>









<div id="footer-1024" >
<div align="right"><table border="0" width="400" height="50" cellpadding="0" cellspacing="0"><tbody>
<tr><td><div style="margin-top: 0px;margin-right: 15px"><a href="http://XXXXXXXXXXXXXXXX/XXXXXXXX/content/category/13/102/153/" title="Accesibilidad en la Web">Accesibilidad</a> · <a href="XXXXXXXX/XXXXXXXX/content/category/13/53/71/" title="Mapa Web">Mapa Web</a></div><div style="margin-top:4px; margin-right:15px"><img src="/XXXXXXXX/imagenes/valid-xhtml10.jpg" width="57" height="20" alt="XHTML 1.0 Váido" longdesc="#">&nbsp;&nbsp;<img src="/XXXXXXXX/imagenes/valid-css.jpg" width="57" height="20" alt="CSS 2.0 Válido" longdesc="#">&nbsp;&nbsp;<img src="/XXXXXXXX/imagenes/wcag1AA.jpg" width="57" height="20" alt="Nivel de Accesibilidad AA" longdesc="#"></div></td><td width="175"><div style="margin-top:5px"><a href="XXXXXXXX" target="_blank"><img src="/XXXXXXXX/imagenes/XXXXXXXX.jpg" border="0" alt="XXXXXXXX" longdesc="#"></div></a></td></tr></tbody></table>

</div>
</div>
</div>

</body>
</html>


Como ves, esa línea no está por ningún lado ni al final del código, pero el validador la ve, y es habitual en los Joomlas yo creo. Pero nadie sabe responderme porqué...





Con respecto a lo último, no es que no supera que iba referido a la hoja de estilos, se que (no sé en que estaría pensando), pensé que hablaba de la aplicación de esto en la web, del contenido de misma, vamos que no me lo tomé como un error, de escritura... Bueno una tontería... error mío y torpeza por no verlo. Gracias por decírmelo pues ya arreglé el error y mi hoja de estilo ya está validada.

Me queda el tema del código ese para el XHTML que es el único punto conflictivo de la web... Arrrgghhh

Re: Ayuda con accesibilidad...
 

Lo que no estás comprendiendo es que no es lo mismo cumplir con las pautas de accesibilidad que validar un HTML, por ejemplo.
Por favor volvé a leer lo que he escrito hasta ahora.

Los puntos manuales SIEMPRE aparecerán como no cumplidos, o como puntos a revisar, PORQUE NO SE PUEDEN COMPROBAR DE FORMA AUTOMÁTICA.

Eso no quiere decir que no haya que cumplirlos, solo quiere decir que por su naturaleza no pueden comprobarse, y que UNA PÁGINA QUE LOS CUMPLA SEGUIRÁ MOSTRANDO ESOS PUNTOS A REVISAR.

Con respecto al código, lo que te pedía era el html generado, no el php. De todas formas, creo que es importante que pegues el error exacto que te muestra el validador.


Saludos.

Respuesta: Ayuda con accesibilidad...
 

Saludos Amigos...

Quiero Felicitarlos por el trabajo que hacen...
La verdad es que son lo maximo en programacion web...
Cada vez que leo una respuesta quedo impresionado...

Yo tenia un problemita y buscando en google obtuve este foro...

Les cometo a ver que me recomiendan...

Uso Website X5 Evolution para hacer, modificar y actualizar mi paginita (Humilde)...
Pero cada vez que modifico o Actualizo vuelve a meter los errores que ya habia corregido... por ejemplo: "el de las comillas en las familias" o "El mismo color repetido"

Estoy comenzando a utilizar Expression Web 2... y con ella es que resuelvo lo errores... pero luego de usarlo un rato se pone complicado...
Si conocen de otra aplicacion mas sencilla, con la que pueda ir aprendiendo...

Gracias de verdad...

Pronto les hago mas preguntas... estoy lleno de dudas...