comprobar accesibilidad
4 seguidores
Hola,
Ya tengo una maquetacion hecha en css, y esta validada por w3. http://www.marbellasunrentals.com/prueba.htm.
Todo ha pasado excepto los flashes y la marquesina, mas adelante lo cambiaré por otra cosa.
Proximamente habrá que comprobar accesibilidad.
Teneís algunos buenos links o forma para comprobar accesibilidad de los distintos navegadores, y forma de arreglarlo?
Saludos,
Helen
meddle
Bueno, para empezar, has hecho un buen trabajo con la maquetacion, estoy seguro de que ademas has aprendido y te lo has pasado bien. Poco a poco iras pillandole el truco, ya veras.
La accesibilidad de esa pagina va a ser baja desde el momento en que usas los Coolmenus. Ya se de que entorno vienes, de dhtmlcentral. Pero incluso los que llevamos mas años en ese foro y le tenemos mas cariño al maestro Thomas Brattli estamos de acuerdo en que sus scripts estan muy pero que muy anticuados.
Generar contenidos desde javascript es algo que se usaba mucho hace 2-5 años, y se veia con buenos ojos. Ahora es mejor usar el dhtml de otra manera: primero hacer todo en (x)html y luego añadir el script encima. De esa manera si el navegador no acepta scripting por lo menos puedes ver el contenido. Unos buenos tutoriales al respecto, valen la pena, aunque algunos estan en ingles:
Accesibilidad, mitos y pautas
Malas costumbres
Dinámicos, pero amables
Iconologic and Standards
Designing for standards
design rant
thread en dhtmlcentral
Para tu caso, que quieres un menu desplegable. Podrias usar algo como esto: transMenus
Suerte de nuevo.
helenp
Hola
rapidamente, cuento que primero tenia un menu muy parecido, hecha con fireworks, pero era muy trabajoso, y encontré este que daba mucho mas margen para personlizarlo y optimizarlo.
De esto ya no entiendo nada y no quiero que me explique aun, pero voy a cambiar de host para poder tener cgi, php y perl, y en el futuro quiero estudiar php y perl, con eso se podria hacer otra cosa?
igualmente si crecemos mucho mas, tendre que meter un buscador, no caben muchas mas casas en el menu.
2º que diferencia hay entre html y xhtml?
con dreamweaver puedo validar las paginas con xhtml, y parece que solo cambia la etiqueta, es diferenta la manera de hacer los codigos?
gracias por todo,
voy a mirar ese link
meddle
perdona, he editado el post de arriba bastante, echale un vistazo.
con cgi/php puedes hacer muchas cosas, pero lo que realmente importa es el output en (x)html. Cómo lo hagas solamewnte te interesa a ti, en terminos de ahorro y claridad de codigo, uso de plantillas, etc.
entre html/xhtml hay pocas diferencias. Basicamente xhtml es un html modificado para poder usar modulos de xml, y tambien es un poco mas estricto respecto a html. Pero si no vas a hacer uso de xml no vale la pena, quedate con html.
Klein
Para medir la accesibilidad del sitio tendrás que hacer revisiones automáticas con herramientas como TAW, BOBBY, etc., pero también tendrás que hacer revisiones manuales (navegadores de voz, de solo-texto, etc)
Dependiendo del nivel de adecuación que quieras cumplir (nivel A, doble A o triple A) tendrás que cumplir con las diferentes pautas de prioridad 1, 2 y/o 3.
Las pautas de accesibilidad para el contenido en la web (WCAG 1.0) propuestas por la WAI (Web Accessibility Initiative) las puedes encontrar aquí:
http://www.w3.org/TR/WAI-WEBCONTENT/
helenp
meddle,
ese menu se podrá personalizar seguramente.
pero según dice ( si no lo entiendo mal ) no va bien en iE 5.0 y IE 5.5
(Theoretically, the script should be able to function correctly in IE5. However, I'm running WinXP and haven't been able to get ahold of VirtualPC or VMWare or something similar for emulation. I hope to get such an environment soon, but in the meantime if anyone wants to look at getting the script working well in IE5/5.5 I would greatly appreciate the help. )
Teniendo en cuenta que mi publico usa aun 45% resolucion 800x
(de alli esta un poco feo en 1200)
y mira cuantos usa IE 5.0 y IE 5.5
MSIE 6.0 16998
MSIE 5.0 7017
MSIE 5.5 6491
AOL 7.0 849
MSIE 4.0 371
Si no mal me acuerdo, coolmenus va bien en ambos, segun decian y segun me acuerdo antes de actualizar a IE 6.0
No se, me parece un poco arriesgado, no?
Helen
meddle
lo que dice es que no lo ha probado en esos navegadores, no que no funcione en ellos: "Theoretically, the script should be able to function correctly in IE5." ;)
helenp
Hola,
He mirado el link del popup menu, y la verdad no entiendo ni pi.
Estoy mirando lo de Taw y Bobby que dijo Klein, y encontré esto referente el javascript.
(For example, ensure that links that trigger scripts work when scripts are turned off or not supported (i.e., do not use "javascript:" as the link target). If it is not possible to make the page usable with scripts not running, provide a text equivalent with the NOSCRIPT element, or use a server-side script instead of a client-side script, or provide an alternative accessible page as per Checkpoint 11.4.)
Como pronto voy a cambiar de server, quiere decir que el script que tengo lo podré poner como server-side?
Si fuera así no tendría que cambiarlo
Helen
meddle
no, el coolmenu no tiene nada que ver con asp/php, y mientras sigas usandolo no podras validar tu accesibilidad. Si eso es importante para ti, mejor que uses el transmenu
no se a que popup menu te refieres.
helenp
me refería al transmenu, vienen para bajar el .js
un pequeño ejemplo de la hoja html, y ninguna hoja css.
No entiendo nada, y hacerlo yo........................ modificar si puedo.
Helen
Acabo de encontrar este: http://www.systematic-ni.com/downloads/javascript/Systematic-Menu102/
no entiendo si es bueno, pero tiene links en pagina html
dicen de ella esto:
Browsers with no css or javascript capability are left with nested DIV blocks of menu items
no entiendo si quiere decir que se vería menu o no?
gracias,
Helen
meddle
otro menu muy bueno a partir de listas (UL): http://phrogz.net/JS/ul2menu/
via ppk
spiral
otra recomendación de menus, que puedes utilizar como expandibles o dropdown como los que tienes, tambien basados en css http://archomai.org/transMenus.php
meddle
spiral, ese esta mas arriba ;)
helenp
meddle
otro menu muy bueno a partir de listas (UL): http://phrogz.net/JS/ul2menu/
via ppk
Hola, Gracias
Gracias tambien Spiral
Bueno, este sí me parece más sencillo, ojeandolo.
Lo que no mola es esto: The &#8658 (un cuadrado); icons are even added dynamically to submenus, quizás se podría meter una imagen, una flecha??
Al otro el transmenu, lo he mandado un e-mail y me ha contestado esto:
The only file you need from me is the
transMenus.js file itself. How the menus are styled is determined by
your own stylesheets, so although you might need my stylesheets to get
an idea of what's required to make it look right, you wouldn't actually
use them in your application.
There is no reason you couldn't include an image in the top-level <li>
elements. That should work fine. However, there is no scrolling
functionality written into the script.
He bajado sus .css y he intentado ir quitando código para dejar solo que me interesa, que va, lo intentaré otra vez a ver,
Según entiendo, la diferencia de estos menus a los que tengo es que si tuviera java desactivado aun así vería los links,
lo que no me gusta de eso es que sería una cantidad enorme de codigo en la pagina, pero supongo que eso se podría meter en un SSI?
Ademas como constantemente hay cambios en la web facilita solo hacer cambios en un sitio.
Saludos,
Helen
Helen
meddle
helenp
Según entiendo, la diferencia de estos menus a los que tengo es que si tuviera java desactivado aun así vería los links,
lo que no me gusta de eso es que sería una cantidad enorme de codigo en la pagina, pero supongo que eso se podría meter en un SSI?
Ademas como constantemente hay cambios en la web facilita solo hacer cambios en un sitio.
correcto, podrias ver los links que es lo importante.
el js lo guardas en un archivo y listos, se carga una vez y las siguientes desde cache.
helenp
meddle
<div class="quote">
helenp
<blockquote>Según entiendo, la diferencia de estos menus a los que tengo es que si tuviera java desactivado aun así vería los links,
lo que no me gusta de eso es que sería una cantidad enorme de codigo en la pagina, pero supongo que eso se podría meter en un SSI?
Ademas como constantemente hay cambios en la web facilita solo hacer cambios en un sitio.</blockquote>
</div>
correcto, podrias ver los links que es lo importante.
el js lo guardas en un archivo y listos, se carga una vez y las siguientes desde cache.
A ver si no estoy loca.........
hay un archivo .css y otro js, ambos dicen como se tiene que comportar el menú, pero tambien en la pagina .html estan todos los links en una lista, lo cual hace que verían los links aunque tuvieran el javascript desactivado.
A lo que me refiero es a esa lista, que en la pagina html. será muy larga, lo digo por optimizacion para los buscadores, y para facilitar el trabajo, se podría meterlo en un archivo .SSI server side included? Ya que tengo el mapa web abajo del todo (para los links para buscadores)
Creo que es bueno el mapa web, ya que a muchas personas mayores le cuesta los popup menus.
Y cree que se podría meter una imagen (un arrow)?
Y hacerlo scrolling?
gracias Helen
meddle
ah
el menu lo puedes meter en un include SSI, pero eso da igual de cara a los buscadores, porque los buscadores solo van a ver el resultado (la lista en el html)
la imagen: debes meterla en el CSS, creo.
hacerlo scrolling: no se que quieres decir.
helenp
meddle
ah
el menu lo puedes meter en un include SSI, pero eso da igual de cara a los buscadores, porque los buscadores solo van a ver el resultado (la lista en el html)
la imagen: debes meterla en el CSS, creo.
hacerlo scrolling: no se que quieres decir.
que si lo sigue teniendo lateral, que haga scrolling, que se baje al bajar por la pagina............. me explico?
gracias Helen
meddle
ah, si te refieres a esto, se puede hacer pero hay que tocar el codigo porque IE no soporta el position:fixed, asi que habria que hacer un apaño para IE, aunque es algo bastante facil.
Usuario desconocido
helenp
Hola,
Ya tengo una maquetacion hecha en css, y esta validada por w3. http://www.marbellasunrentals.com/prueba.htm.
Todo ha pasado excepto los flashes y la marquesina, mas adelante lo cambiaré por otra cosa.
Proximamente habrá que comprobar accesibilidad.
Teneís algunos buenos links o forma para comprobar accesibilidad de los distintos navegadores, y forma de arreglarlo?
Saludos,
Helen
A las webs y herramientas que te recomiendan para comprobar accesibilidad también puedes añadir:
- <a href="http://checkie.orange-soft.com/index.htm">CheckIE</a>
- <a href="http://www.geocities.com/carlos_egea/verificacionwcag10.html">Lista de puntos de verificación para accesibilidad</a>
Un saludo.
--
Miguel Sánchez
<a href="http://www.miguelsanchez.com">www.miguelsanchez.com</a>