Qué cualquier internauta, con cualquier tecnología y entorno desde el que accede a Internet, sea capaz de entrar, comprend...
<ul><li>FUTURO: Aumento de los tres tipos de obstáculos: </li></ul><ul><ul><ul><li>–  Físicos: envejecimiento de la poblac...
<ul><li>Conceptuales = Falsos tópicos </li></ul><ul><li>Prácticos = en el desarrollo de la web </li></ul>
<ul><li>“ La accesibilidad es sólo para discapacitados ” </li></ul><ul><li>Es para todos los usuarios potenciales de Inter...
<ul><li>“ Implica diseños simples y estéticamente pobres” </li></ul><ul><li>- Diseños actuales = accesibles </li></ul><ul>...
<ul><li>14 pautas (WAI) = eliminar obstáculos en la accesibilidad </li></ul><ul><li>Cada pauta tiene varios puntos de comp...
<ul><li>Las páginas deben funcionar con ellos desconectados o en su </li></ul><ul><li>defecto deben ofrecer contenido alte...
<ul><li>¿Por qué? </li></ul><ul><li>- Navegadores que no los soportan o usuarios que los desconectan </li></ul><ul><li>- N...
Página de inicio hecha con flash
En navegadores modo texto (Lynx), lectores de pantalla, etc.
En navegadores modo texto (Lynx), lectores de pantalla, etc.
Upcoming SlideShare
Loading in …5
×

Accesibilidad web por Luis Felipe Martinez

366 views

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
366
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Accesibilidad web por Luis Felipe Martinez

  1. 2. Qué cualquier internauta, con cualquier tecnología y entorno desde el que accede a Internet, sea capaz de entrar, comprender e interactuar con completa habilidad con esa web.
  2. 3. <ul><li>FUTURO: Aumento de los tres tipos de obstáculos: </li></ul><ul><ul><ul><li>– Físicos: envejecimiento de la población </li></ul></ul></ul><ul><ul><ul><li>– Contextuales: Nuevos entornos (coche, casa, etc). </li></ul></ul></ul><ul><ul><ul><li>– Tecnológicos: Nuevos dispositivos de acceso, </li></ul></ul></ul><ul><ul><ul><li>lenguajes, etc. </li></ul></ul></ul><ul><li>Deber moral y por ley (LSSI, LIONDAU) </li></ul><ul><li>Mejora el posicionamiento de nuestro sitio web </li></ul>
  3. 4. <ul><li>Conceptuales = Falsos tópicos </li></ul><ul><li>Prácticos = en el desarrollo de la web </li></ul>
  4. 5. <ul><li>“ La accesibilidad es sólo para discapacitados ” </li></ul><ul><li>Es para todos los usuarios potenciales de Internet cuantitativa y cualitativamente </li></ul><ul><li>“ Implica grandes costes económicos y no compensa” </li></ul><ul><li>Coste en fase de desarrollo: </li></ul><ul><li>- Relativo al grado de funcionalidad de la página. </li></ul><ul><li>- Más caro versiones para distintos navegadores y plataformas </li></ul><ul><li>Rentabilidad a medio y largo plazo: </li></ul><ul><li>- Mayor audiencia </li></ul><ul><li>- Uso de estándares: </li></ul><ul><li>Reducción de costes en mantenimiento y rediseños Simplificación de código, ahorro en ancho de banda Durabilidad futura </li></ul><ul><li>- Mejor funcionalidad </li></ul><ul><li>- Indexación en buscadores </li></ul>
  5. 6. <ul><li>“ Implica diseños simples y estéticamente pobres” </li></ul><ul><li>- Diseños actuales = accesibles </li></ul><ul><li>- Mayor usabilidad </li></ul><ul><li>- Libertad al usuario para personalizar la presentación. </li></ul>
  6. 7. <ul><li>14 pautas (WAI) = eliminar obstáculos en la accesibilidad </li></ul><ul><li>Cada pauta tiene varios puntos de comprobación de su cumplimiento </li></ul>
  7. 8. <ul><li>Las páginas deben funcionar con ellos desconectados o en su </li></ul><ul><li>defecto deben ofrecer contenido alternativo. </li></ul><ul><li>¿Cómo? </li></ul><ul><ul><ul><li>Algunas recomendaciones: </li></ul></ul></ul><ul><ul><ul><li>- Etiqueta <noscript> para la alternativa </li></ul></ul></ul><ul><ul><ul><li>- no utilizar un &quot;javascript&quot; como objetivo de un enlace. </li></ul></ul></ul><ul><ul><ul><li>INCORRECTO: </li></ul></ul></ul><ul><ul><ul><li>href=&quot;javascript:window.open('pagina.html')&quot; </li></ul></ul></ul><ul><ul><ul><li>CORRECTO: </li></ul></ul></ul><ul><ul><ul><li>href=&quot;pagina.html&quot; onclick=“window.open(this.href);return false”; </li></ul></ul></ul><ul><ul><ul><li>onkeypress= “window.open(this.href);return false&quot;. &quot; </li></ul></ul></ul><ul><ul><ul><li>- No usar páginas completas en flash </li></ul></ul></ul>
  8. 9. <ul><li>¿Por qué? </li></ul><ul><li>- Navegadores que no los soportan o usuarios que los desconectan </li></ul><ul><li>- No obligar al usuario a bajarse plugins </li></ul><ul><li>- Flash: Incorrecta indexación en buscadores </li></ul>
  9. 10. Página de inicio hecha con flash
  10. 11. En navegadores modo texto (Lynx), lectores de pantalla, etc.
  11. 12. En navegadores modo texto (Lynx), lectores de pantalla, etc.

×