Accesibilidad Web

En este apartado le ofrecemos algunas enlaces relacionados con la temática que pueden ser de su interés. No garantizamos que cumplan con las pautas de accesibilidad.

Lo invitamos a que juntos enriquezcamos este espacio por medio nuestro formulario de contacto.

Organismos internacionales

• Consorcio de la W3C: www.w3.org
• Fundación CTIC, sede de la W3C en España: www.fundacionctic.org
• Portal de las personas con discapacidad de España: www.discapnet.es
• Iniciativa por una Web Accesible del W3C: www.w3.org/wai
• SIDAR: www.sidar.org

Blogs

• Blog Posible: www.webposible.com/blog
• Tecnología y Discapacidad: tecnologiaydiscapacidad.es
• No solo usabilidad: www.nosolousabilidad.com
• Bitácora de Emmanuelle Gutierrez y Restrepo: bitacoras.sidar.org/emmanuelle/index.php
• Usable y Accesible, Bitácora de Olga Carreras: olgacarreras.blogspot.com/2011/01/respuesta-25-dudas-habituales-sobre.html
• Accesibilidad e Inclusión, Bitácora sobre accesibilidad e inclusión educativa: accesibilidadeinclusion.blogspot.com/
• La inclusión educativa y TIC, Bitácora de María Lojkasek: inclusionytic.blogspot.com/
• Prevenir la ceguera, bitácora de Patricia Berrutti: prevenirlaceguera.blogspot.com/

Validadores de Accesibilidad

• TAW, Test de Accesibilidad Web, valida el sitio con las WCAG versión 1.0 y 2.0: www.tawdis.net
• Hera, Revisando con estilo la Accesibilidad, valida el sitio con las WCAG versión 1.0:: www.sidar.org/hera
• Cinthia Says valida el sitio con las WCAG versión 1.0 y 508: www.contentquality.com
• Uicorn, Validador del W3C para testeo de páginas en línea, chequea el código CSS, HTML, FEEDS, Móviles:validator.w3.org/unicorn/
• eXaminator, valida el sitio con las WCAG versión 2.0:
  www.examinator.ws
• WAVE de Webaim, valida las páginas de un sitio en línea o fuera de línea, con las WCAG versión 1.0:
  wave.webaim.org/?lang=es
• WAVE de Webaim, Versión 5.0, valida las páginas de un sitio en línea , con las WCAG versión 2.0 y 508
  five.wave.webaim.org/
• Extensión de Accesibilidad para tu navegador FireFox: valida el sitio con las WCAG versión 1.0. Este complemento de Firefox le permite interrogar y activamente inspeccionar cada elemento del diseño en sus páginas web. Puede crear rápidamente listas para las imágenes y otros elementos y se le informa si estan bien o si tienen problemas que necesitan ser abordados. También, permite el testeo del código HTML y el CSS utilizando el Validador del W3C y más funciones en eta barra de herramientas para desarrolladores Web, que se puede descargar del sitio en inglés:
  addons.mozilla.org/en-US/firefox/addon/web-developer/
• Test de enlaces del W3C. Herramienta gratuita en idioma inglés que verifica en línea si los enlaces que tiene la página están activos, indicando los que están rotos. :
  validator.w3.org/checklink/
• Test de enlaces. Herramienta gratuita en idioma inglés que verifica en línea si los enlaces que tiene la página están activos, indicando los que están rotos. :
  juicystudio.com/services/linktest.php

Grupos de discusión o Foros de interés

• Acceso Web: Foro sobre el tema de Accesibilidad Web es.groups.yahoo.com/group/accesoweb
• Ovillo: Foro sobre XHTML y CSS ovillo.org
• Cadius, Usabilidad y Accesibilidad:
  www.cadius.org/lista/opciones.html

Información general y específica sobre accesbilidad Web

• Blog:Accesibilidad en la Web. Novedades en libros sobre accesibilidad Web. Autor: Sergio Luján Mora. accesibilidadenlaweb.blogspot.com/search/label/Libros
• Accesibilidad en Internet, libro on line en castellano. Autor: Claudio Segovia: www.alberguedenaufragos.com.ar/textos/accesibilidad.pdf
• Libro en inglés sobre Accesibilidad Web: www.diveintoaccessibility.org
• Traducciones de la Oficina española del W3C:
  www.w3c.es/Traducciones/es/WAI/intro/accessibility
• Sobre Accesibiidad y TIC. Autora: Maria Dolores Garcia Fernandez, www.desarrollosdg.com.ar/educativos/expresion/
• Libro en castellano: Simplemente pregunta, integración de la accesibilidad a través del diseño. Autora: Shawn Henry. Consultar en línea en:http://www.uiaccess.com/JustAsk/es/index.html
• Introducción al curso "Calidad en el Diseño de Aplicaciones Web: accesibilidad web", este material está en línea y se ofrece en idioma castellano. Autor:Sergio Luján Mora, Profesor de la Universidad de Alicante. Se puede visitar en la siguiente dirección Web: accesibilidadweb.dlsi.ua.es/?menu=2011-03-ua
• Consejos avanzados sobre Accesibilidad Web. Autora: Olga Carreras,blogger, se puede visitar en la siguiente dirección Web: olgacarreras.blogspot.com/2012/01/consejos-avanzados-de-accesibilidad-web.html

WCAG 2.0

• WCAG 2.0 versión en catellano, cadidata a ser la versión oficial en español
• WCAG 2.0 (Comprender), versión publicada en Enero 2012, en idioma inglés.

HTML5

• Accesibilidad de los vídeos en HTML5 . Autor:Sergio Luján Mora.Enlace al artículo

CSS

• Cascading Style Sheets . Autor:W3C.Enlace al sitio

Listas de Verificadión (Checklist)

• Tabla en formato Excel, para validad el contenido Flash de acuerdo con las WCAG 2.0, del Blog de Olga Carreras:http://olgacarreras.blogspot.com/2011/01/checklist-para-validar-contenido-flash.html
• Tabla en formato excel con todas los elementos HTML (incluido HTML 5) y XHTML con información relevante sobre ellos: navegadores que los soportan, anotaciones de accesibilidad, del blog de Olga Carreras:olgacarreras.blogspot.com/2011/01/cheat-sheet-html-401-html-5-xhtml.html
• Tabla en formato pdf, que contiene una lista de criterios de verificación (no es el listado completo) de las pautas para la accesibilidad del contenido en la Web versión 2.0(WCAG 2.0) Fue realizado por Webaim y lo puede descargar desde el siguiente enlace:webaim.org/standards/wcag/WCAG2Checklist.pdf

Conversor de medidas pixel a em

• Em Calculator, es una aplicación en línea en idioma inglés, que ágilmente convierte las medidas de pixel a em, facilitando así la maquetación elástica o adapatable a distintas resoluciones de monitor:
  riddle.pl/emcalc/
• En este enlace encontrará una tabla de equivalencias entre, px, pt, % y em, medidas de uso habitual en CSS:
  www.webadictos.com.mx/2007/12/18/tabla-de-equivalencias-entre-px-em-y-pt-con-css/

Test de legibilidad

• Test de legibilidad. Herramienta gratuita en idioma castellano para hacer un test de legibilidad en línea:
  www.jbmoreno.es/apoyo/documentos/test-legibilidad-herramienta-gratuita-hacer-test-legibilidad-online-14.asp
• Técnicas de escritura que favorecen a la legibilidad. Se trata de investigaciones actuales de Francois Richaudeau, para leer en línea en idioma castellano:
  http://www.wikilearning.com/curso_gratis/diseno_composicion_visual_y_tecnologia_\ en_prensa-la_legibilidad/5942-6
• Vocabularios reducidos para crear textos sencillos.Autor: Sergio Luján Mora
  accesibilidadenlaweb.blogspot.com/2012/01/vocabularios-reducidos-para-crear.html

Dislexia y su problemática para la comprensión

• Dyslexia adult, es un blog en inglés que aborda la problemática de la Dislexia ofreciendo interesante y actualizada información sobre esta temática.
  www.dyslexia-adults.com
• Seis sorprendentes malas prácticas, que dificultan la lectura a las personas con Dislexia, es un artículo en inglés del Blog " Movimiento UX".
  uxmovement.com/content/6-surprising-bad-practices-that-hurt-dyslexic-users

Combinaciones y mezcla de color

• Colorsquemedesigner es una herramienta en inglés, que a través de una intuitiva interfaz donde el protagonista es el color y donde puedes seleccionar el tipo de paleta que quieres visualizar. Sólo tienes que indicar el color base, y seleccionar el patrón de esquema: monocromo, complementario, tres colores, cuatro colores (que no cuatricromía), etcétera. e incluso puedes observar qué apariencia tiene tu combinación según las patologías visuales más conocidas (daltonismo, entre otras). http://colorschemedesigner.com
  
• Información en inglés sobre la problemática del color de primer plano y el color de fondo en que se expresa una Web
  http://www.lighthouse.org/color_contrast.htm
• http://www.once.es/home.cfm?id=224&nivel=3&orden=5
• Webaim color este sitio en inglés, nos permite probar en línea en contraste de colores expresados en hexadecimal o seleccionándolos de una lista.
  http://webaim.org/resources/contrastchecker/
• Snook en una herramienta en línea, expresada en inglés que nos permite probar el contraste de colores.
  http://www.snook.ca/technical/colour_contrast/colour.html

Analizador de mezcla de color

• Acceskey Contraste de Color, evalúa en línea y ofrece un informe muy completo sobre la comparación resultante del color del texto y el color de fondo, siempre y cuando el fondo no sea una imagen o una película Flash en este caso en el informe aparecerá un N/A(no aplicable).http://www.accesskeys.org/tools/color-contrast.html
• http://www.sidar.org/hera/color.php
• Contraste WCAG, es un complemento de FireFox que se encuentra en: https://addons.mozilla.org/es-ES/firefox/addon/7391
  Esta herramienta permite saber si los colores de fondo y frontal cumplen los requerimientos de contraste de color para las WCAG 1 y 2, tanto para visión normal como para diferentes problemas de visión. Tal como explica el desarrollador, puede usarse con la extensión ColorZilla, la cual permite seleccionar los distintos colores de la página web mediante la herramienta cuentagotas.

Diseño de Tecnología Móvil Accesible

Libro blanco para el diseño de Tecnología Móvil accesible y fácil de usar. Autor Grupo Fundosa, España. Descargar en formato pdf.

Multimedia Accesible

• Accesibilidad en objetos FLASH, Inteco
• Multimedia Accesible

Simuladores de cegueras de color

• Permite el testeo en línea de imagenes que están en tu computadora ofreciendo una emulación de las mismas de distintos tipos de ceguera. etre.com/tools/colourblindsimulator/
• Permite el testeo en línea de imagenes que están en una librería ofreciendo una emulación de las mismas de distintos tipos de ceguera. webexhibits.org/causesofcolor/2.html
• Este sitio ofrece la descarga de un archivo en formato zip que una vez descomprimido en tu computadora, permite el análisis de combinaciones de color. Esta aplicación se ofrece en varios idiomas incluyendo el español. Además, provee un manual de uso en línea. www.visionaustralia.org.au/info.aspx?page=959
• Diseño de color universal(CUD) está en inglés y nos explica en su presentación los diferentes tipos de ceguera ilustrándo la explicaciónde sus problematicas con imagenes de ejemplo, esto está en: jfly.iam.u-tokyo.ac.jp/color .
  Además, permite probar en línea imagenes que se pueden subir desde nuestra computadora y probar comose ven en distitnas patologías, las pruebas las podemos hacer desde : http://vischeck.com/vischeck/vischeckImage.php.
• Esta herramienta emula en línea la visión de distintas patologías para un sitio web con solo escribir la url.
  colorfilter.wickline.org/?j=1;t=u
• Daltonize, para usar con el navegador Chrom de Google, es un conjunto de herramientas para la simulación de distintas patologías y análisis para un sitio web.
  www.daltonize.org/p/software.html

Emulador de teléfonos celulares

• Sitio en inglés, que permite emular como se ve u sitio web en un celular. Necesita tener Java instalado en su computadora.
  www.operamini.com/demo
  Sitio de descarga gratuita de Java
• En este sitio se puede probar cómo se ve un sitio web en un celular Nokia o Sony, el sitio está en inglés y para poder apreciar su correcto funcionamiento en su computadora debe tener Java instalado.
  mtld.mobi/emulator.php
  Sitio de descarga gratuita de Java.

Emulador de distintas resoluciones de pantalla

• Herramienta en línea que nos permite revisar cómo se vería una página web con distintas resoluciones de pantalla: http://www.viewlike.us/

Navegador solo texto

• WebbIE es un explorador web para usuarios ciegos y deficientes visuales, especialmente para aquéllos que trabajan con lectores de pantalla. Está basado en Microsoft Internet Explorer. Funcionará con casi cualquier página Web. WebbIE es gratuito. Usted puede utilizarlo tanto para su uso comercial como para uso personal. Su descarga no ofrece incompatilidad alguna y lo puede hacer desde su sitio en idioma castellano desde: www.webbie.org.uk/es/index.htm

Emulador de navegador

• Herramienta en línea que nos permite revisar cómo se vería una página web en distintos navegadores: http://browsershots.org/