Reproductor accesible html5

¡Hola!

Hace algunos meses, Salvi Melguizo me pidió que le hiciera un reproductor accesible para su blog, así que como me gusta cacharrear y ganarme un sobresueldo cuando se puede :P, a ello me puse.
Se trata de un script jQuery que, por cada elemento audio de HTML5 de una página, genera un conjunto de controles encima del elemento, que permiten manejar de forma totalmente accesible dicho reproductor.

El reproductor está probado con Internet Explorer 9, 10 y 11, Firefox 42 y 43, Chrome 47 y Safari con iOS 8 y 9. Funciona correctamente con JAWS, NVDA y VoiceOver para MAC e iOS… He de confesar que con window Eyes no lo he probado 😉

Podéis ver
una demo del reproductor accesible aquí.
El reproductor está en español, aunque por defecto el ejemplo está con la traducción al inglés macarrónico (lo he traducido yo), así que si alguien se anima a corregir la traducción, yo encantado.
Podéis colaborar con el proyecto en su repositorio de github, o si solo queréis probarlo, podéis descargar la última versión del proyecto en formato zip.

Sugerencias, críticas constructivas, mejoras… ¡son bienvenidas!

¡Espero que os parezca interesante!

¡Un saludo!

Entrada visitada 477 veces

3 pensamientos sobre “Reproductor accesible html5”

  1. Es una idea genial Juanjo y funciona perfectamente, al menos en las pruebas que yo he hecho. Como sugerencia y como se que te sobra tiempo (carita sonriente) estaría genial convertirlo en un plugin para WordPress.

    En serio, muchas felicidades por la idea y por el resultado final.

  2. ¿Lo puedo insertar en mi blog sin necesidad de subir mis podcast al servidor de la web? es decir, que los audios sigan alojados en Ivoox y Spreaker para no quitarme espacio de mi web? Luego escucho la audiodemo a ver como se inserta. Gracias crack.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *