viernes, 30 de noviembre de 2018

Haz tu archivo multimedia accesible

No es de extrañar que las personas ciegas no puedan ver un archivo multimedia y que las personas sordas no puedan escucharlo. Lo que es sorprendente, sin embargo ocurre, es la frecuencia con la que los creadores de contenidos multimedia pasan por alto este hecho al crear un archivo multimedia.
La buena noticia es que hacer que su contenido multimedia sea accesible para personas con discapacidades no es realmente tan difícil, ya que tenemos ciertas reglas que especifican cómo y qué debe hacerse para garantizar que el contenido multimedia sea accesible.

Subtítulos sincronizados

Los subtítulos son el formato de texto equivalente al audio hablado desde un video. Los subtítulos tratan la necesidad de los usuarios que no pueden acceder al audio. Al proporcionar información de contenido a través de un formato de texto, todos los usuarios, incluidos los usuarios sordos, pueden beneficiarse.
Lo ideal es que los subtítulos identifiquen los sonidos de fondo y cualquier otra información importante que se transmita. También deben tener un buen contraste de color con los colores de primer plano y de fondo para tener una buena legibilidad.
Estos son los tres criterios principales que deben considerarse para los subtítulos:

Sincronizado: los subtítulos deben estar sincronizados o disponibles al mismo tiempo con el contenido de video y audio.

Accesible: los subtítulos deben ser accesibles con respecto al contraste de color del texto y el fondo o incluso la ubicación del texto en el video.

Equivalente textual: los títulos deben presentar el mismo contenido que está disponible en la pista de audio del contenido multimedia.

Transcripciones de texto


Las transcripciones de texto son una forma de que los usuarios sordos conozcan el contenido de un podcast de audio. Las transcripciones incluyen el diálogo textual (palabras habladas) y detalles adicionales, por ejemplo, cuando hay un sonido de risa, se debe mencionar lo mismo en la transcripción. Los subtítulos deben estar presentes para un archivo de video, mientras que la transcripción sola será suficiente para el contenido de solo audio.
Las transcripciones de texto son vitales porque permiten que las personas sordas puedan comprender el contenido que está presente en cualquier archivo multimedia. Nuevamente, es importante que hagamos accesible este contenido al garantizar un buen contraste de color entre el primer plano y el fondo, junto con el tamaño y el estilo de la fuente para asegurar la legibilidad de las transcripciones.

Descripciones de audio


La descripción de audio está dirigida principalmente a usuarios con discapacidades visuales. Se explica mejor con un ejemplo podría ser una escena en una película en la que una persona (y el público) puede ver una serpiente, pero el único audio es la persona que grita de miedo. La audiencia vidente entiende por qué la persona está gritando. El usuario no vidente necesita saber acerca de la parte visual de la escena (la serpiente). Se debe proporcionar una descripción de audio para los videos donde haya información visual importante que no se transmita por el diálogo.


Os recomiendo que leais mi entrada de blog: Apuntes para subtitular

jueves, 29 de noviembre de 2018

Lugares para enterarte de los avances en accesibilidad,comprar los productos y desarrollar una declaración de accesibilidad

Logo de discapacidad


Siempre he estado moviéndome entre las páginas referentes a la accesibilidad y nunca he encontrado una página en las que estén mencionadas por lo menos las más visitadas, por ello me he decidido hacerlo.
Las funciones de accesibilidad están diseñadas para ayudar a las personas con discapacidades a usar la tecnología más fácilmente. Por ejemplo, una función de texto a voz puede leer el texto en voz alta para personas con visión limitada, mientras que una función de reconocimiento de voz permite a los usuarios con movilidad limitada controlar la computadora con su voz.

Sitios


Accesibilidad de Microsoft: aquí encontrará noticias sobre los proyectos de accesibilidad de Microsoft, así como páginas de ayuda sobre características de accesibilidad en el sistema operativo Windows y en la suite de Microsoft Office.

Accesibilidad de Apple: Este es el sitio de información general de Apple para funciones de accesibilidad en Mac, iPod, iPhone e iPad. Desde aquí, puede navegar a los documentos de ayuda para características específicas.

Accesibilidad de Google: este es el sitio de ayuda de Google para funciones de accesibilidad en teléfonos y tabletas Android y en Chrome.

Accesibilidad en Firefox (uno de los mejores navegadores para la accesibilidad): Este es el sitio de ayuda oficial de Mozilla para las funciones de accesibilidad de Firefox.
AppleVis: este sitio web basado en una comunidad de ciegos que ofrece consejos, tutoriales y reseñas de productos para usuarios ciegos y con poca visión referentes a los productos Apple.

Dónde comprar dispositivos de tecnología de asistencia.


Ablenet: Aquí, puede comprar una amplia gama de dispositivos de tecnología de asistencia. También encontrará información sobre qué tipos de dispositivos son útiles para discapacidades específicas.

Recursos


Tecnología inclusiva : aquí encontrará productos de tecnología asistencial, así como software educativo diseñado para estudiantes


Esta herramienta lo ayuda a crear una declaración de accesibilidad para su propio sitio web, aplicación móvil u otro contenido digital. Puede descargar la declaración que creó y personalizarla, personalizarla 

miércoles, 28 de noviembre de 2018

Super Mario Bros demostrando lo importante de la accesibilidad

ACS y su falta de accesibilidad web


Logotipo del grupo ACS


Casi todos los españoles conocemos a Florentino Pérez el hombre que empezó desde nada y está acabando como presidente del grupo ACS y del Real Madrid, pero para llegar a donde está seguramente alguna legislación se saltó, cómo la legislación en accesibilidad web, si la ley 56/2007 o el real decreto 1112/2018, total, tú tienes que cumplir y pagarle lo de Castor o servicios de limpieza, pero la ley él no tiene que cumplir. Yo no he sacado nada más que lo que puede verificar todo el mundo en la web de ACS, el PDF para presentar el consejo de administración me puse a leer con un lector de pantalla el documento del presidente ejecutivo.

PDF de Florentino Perez sin idioma principal

Desde el comienzo me percaté que algo no iba bien por eso me puse a verificar la acabildad en el documento, desde el Comienzo me percaté que han usado una herramienta cómo InDesign pues han puesto la tabla cómo imagen, pero no contentos con eso no han puesto idioma principal del documento, por eso notaba algo extraño en mi lector.

Carrusel de cotización en bolsa


La verdad he preferido parar porque cómo reconocen ellos de una ganancia de ACS obtiene un beneficio neto de 691 millones de euros, un14,6% más, en los primeros 9 meses del año
Las ventas alcanzaron los 27.091 millones de euros aumentando un 5,2%, no tienen ni un euro para preocuparse de la accesibilidad en sus documentos PDF, me cuesta entender si tan importante es su cotización en bolsa, ¿Por qué no ponen la opción de pausa, parar y reproducir el carrusel de la cotización?, son detalles, pero lo normal que en ningún momento se menciona la accesibilidad de su web, total la accesibilidad no vende.

martes, 27 de noviembre de 2018

Red Eléctrica Española muy innovadora pero en accesibilidad web se le cortó el suministro.



Me alegro que una empresa española le vaya bien pero siempre me han dicho que antes de correr hay que aprender andar.

Pagina de red española de electricidad referente a la accesibilidad web

Yo solo digo lo que pone su web referente a la accesibilidad, a mí lo que me llamó la atención es que su última revisión fue realizada en 2013 por Technosite. ¿Dónde estará?, cómo siempre he dicho la accesibilidad no se puede centrar solo en el usuario lector de pantalla, sí es cierto, son parte importante pero también estamos otros. No voy a criticar que están fuera de la ley, que desde 2013 no han revido la accesibilidad, voy a criticar que solo se han centrado desde su diseño en los usuarios de lector de pantalla apartando a los demás.

Graficó de cifras de negocio desapareciendo el % si tienes un problema de visión

Me alegro que sus cifras de negocio aumenté, me alegro que se preocupe por la ecología hasta me alegro que esté en Sudamérica ampliando sus negocios, pero lo primero es lo primero, cumplir con la ley no es mal comienzo. Me da igual si crea la web y la audita Ilunion o cualquier consultora tecnológica lo principal es que no se centré solo en los usuarios de lector de pantalla, comenzaron con una web accesible en 2013, acaben con una web del 2018.




Anuncio navideño de Microsoft con el mando adaptado de Xbox


grupo de niños festejando el logro de un niño usuario del mandó adaptado de Xbox


Los niños al fin de todo son niños y la ilusión de jugar y compartir es maravillosa, en esta época Microsoft en su anuncio navideño a usado el mando adaptado de la Xbox en él un grupo de niños comparten la alegría con un niño discapacitado que usa el mandó adaptado de su Xbox para ser uno más.


lunes, 26 de noviembre de 2018

Tecla-e. El dispositivo de asistencia conectado a la nube proporciona a los usuarios el control de sus dispositivos inteligentes

Tecla-e es la última versión de Tecla. El dispositivo de asistencia conectado a la nube que proporciona a los usuarios el control de sus dispositivos inteligentes y lo que le rodea a través de los controles de conducción en silla de ruedas .tecla-e le permite a las personas con discapacidades físicas que no pueden usar de manera independiente teléfonos inteligentes, tabletas, computadoras o tecnología de hogares /como abrir la puerta, enceder luces……)inteligentes con pantallas táctiles y teclados. Esto incluye a aquellos con movilidad limitada de la parte superior del cuerpo como resultado de lesiones de la médula espinal, esclerosis múltiple, ELA, distrofia muscular, parálisis cerebral, lesiones cerebrales o apoplejía. tecla-e puede emparejarse con hasta ocho (8) dispositivos Bluetooth y el usuario puede alternar entre ellos.



Los usuarios cuadripléjicos pueden tener control total de su iluminación y termostatos con acceso a los mejores dispositivos convencionales como Philips Hue y Nest .



La tecla-e contiene sensores de ubicación, temperatura, movimiento y luz ambiental. La información recopilada por estos sensores se puede cargar en la nube y acceder a través de las aplicaciones de Tecla para iOS y Android. El usuario puede poner esta información a disposición de familiares y cuidadores que también hayan descargado la aplicación para una mayor tranquilidad.
La tecla-e se conecta a los controles de conducción en silla de ruedas y permite que las personas interactúen con sus teléfonos inteligentes, tabletas, computadoras y dispositivos con acceso a Internet sin manos. Esto incluye iPhone, iPad, iPod Touch, teléfonos inteligentes y tabletas Android, computadoras Mac y Windows, Apple TV.



Funciona con todos los interruptores adaptativos en el mercado, incluidos los botones, los controladores de sorbos y puños, los conjuntos de cabezales, los joysticks y los controles de conducción de una silla de ruedas.


Resultados de la 2ª encuesta de usuarios con baja visión (WebAIM)


Grafico circular donde el 51% de participantes en encuesta de baja visión creé aceptable la accesibilidad en RR.SS


En septiembre de 2018, WebAIM realizó una encuesta de usuarios con baja visión, los resultados de dicha encuesta ya están publicados, lo que más me llamó la atención fue los resultados en redes sociales los encuestados son cada vez más optimistas sobre la accesibilidad de los sitios de redes sociales.

viernes, 23 de noviembre de 2018

BrainGate BCI registra la actividad neurológica para el funcionamiento de una Tablet

En un estudio publicado el 21 de noviembre en PLOS ONE , tres participantes de ensayos clínicos con tetraplejia, cada uno de los cuales estaba usando el BrainGate BCI registra la actividad neural directamente de un pequeño sensor colocado en la corteza motora, pudieron navegar a través de los programas de tabletas de uso común , incluidas las aplicaciones de correo electrónico, chat, transmisión de música y video. El BrainGate BCI es implante del tamaño de una aspirina para bebés que detecta las señales asociadas con los movimientos previstos producidos en la corteza motora del cerebro. Esas señales se decodifican y se enrutan a dispositivos externos. Los investigadores de BrainGate y otros grupos que utilizan tecnologías similares han demostrado que el dispositivo puede permitir a las personas mover brazos robóticos o recuperar el control de sus propias extremidades.

La investigación fue apoyada por el Programa de Formación de Científicos Médicos de Stanford; Oficina de Asuntos Postdoctorales de Stanford; Fundación Craig H. Neilsen; Instituto de Neurociencias de Stanford; Stanford BioX-NeuroVentures, Stanford Institute for Neuro-Innovation y Translational Neuroscience; Pamela y Larry Garlick; Samuel y Betsy Reeves; Fundación Christopher y Dana Reeve; Instituto Médico Howard Hughes; Instituto Nacional de Salud, Instituto Nacional de Trastornos Neurológicos y Accidentes Cerebrovasculares (R01NS066311 y UH2NS095548), Instituto Nacional de Sordera y Otros Trastornos de la Comunicación (R01DC014034, R01DC009899); Oficina de Investigación y Desarrollo, Servicio de Rehabilitación, Investigación y Desarrollo, Departamento de Asuntos de Veteranos (B6453R); MGH-Deane Institute; Comité Ejecutivo de Investigación del Hospital General de Massachusetts



Vivienda accesible: La accesibilidad universal y el diseño para todos (LS)

jueves, 22 de noviembre de 2018

Hacer las tablas y graficos de Excel accesibles con Tactonom

Tactonom dispositivo de traducción de Excel a braile



Hay 30 millones de personas ciegas o deficientes visuales en Europa y solo una de cada cuatro de estas personas está trabajando. Muchas de ellas son apartadas porque no pueden entender los gráficos para eso se ha creado el dispositivo llamado Tactonom, es un panel táctil de tamaño A4 que convierte los gráficos digitales en una pantalla táctil y permite a las personas ciegas acceder a información digital compleja como tablas, gráficos, mapas o diagramas.
En unos tres o cinco segundos, Tactonom utiliza un software complejo para traducir información digital a texto en braille, La almohadilla tiene 10,591 puntos táctiles y utiliza una cámara para rastrear los dedos de las personas ciegas para que pueda organizar la información gráfica alrededor de ellos de manera coherente. También hay un asistente de voz para leer en voz alta partes particularmente complejas que Braille no puede mostrar debido a los límites de tamaño de la almohadilla.

Vivienda accesible criterios DALCO (LS)




Tenon y las pautas WCAG 2.1

Pagina donde sale las graficas de los resultado de analisís con Tenon


El día 21 de Noviembre del 2018 el analizador de accesibilidad Tenon se actualizo y analiza también las pautas WCAG 2.1. Entre las nuevas pruebas hay una gran cantidad de pruebas en torno a ARIA, y muchas de las pruebas existentes se han mejorado para tener en cuenta a ARIA. Se tiene que dejar algo muy claro, hace revisión automática, ayuda, pero precisa de una revisión manual.

martes, 20 de noviembre de 2018

The Eyegaze Edge: Sistema de comunicación ocular más avanzado del mundo

Una cámara especial de seguimiento ocular montada debajo de la pantalla Eyegaze Edge observa uno de los ojos del usuario.
El software de procesamiento de imágenes analiza las imágenes de la cámara 60 veces por segundo y determina dónde está mirando el usuario en la pantalla.
el ojo humano es vigilado por una camara y est mirá una pantalla
El procedimiento de calibración requiere de menos de 15 segundos para configurar el sistema.

prueba de calibración de Eyegaze edge

El sistema funciona mirando "teclas" rectangulares o celdas que se muestran en la pantalla de control. Para "presionar" una tecla, el usuario mira la tecla durante un período de tiempo específico (exactamente medio segundo, aunque se puede confugurar).

Te recomiendo visitar el sitio de Eyegaze.com para saber más sobre esta herramienta de comunicación

lunes, 19 de noviembre de 2018

ArcelorMittal fundió hasta la accesibilidad web



Me he quedado asombrado al ver la web de ArcelorMittal, asombrado por su diseño a la vanguardia, ¡no! A tanto no llego, sino porque están en ¡60! Países, ¡madre mía! Y en todos no cumplen la legislación en materia de accesibilidad. Yo creo que uno de los motivos es que no tienen dinero, pero luego buscado en la web de la bolsa están cotizando en el IBEX 35, al ver eso he dicho habrán dado perdidas y no podrán, pero he leído luego su web y pongo literalmente.» El resultado neto en el tercer trimestre de 2018 ascendió a 900 millones de dólares (USD), frente a 1.900 millones de dólares (USD) en el segundo trimestre de 2018 y a 1.200 millones de dólares (USD) en el tercer trimestre de 2017. ¡Ojo ¡dos datos sin mucha importancia, primero la accesibilidad web no es costosa y segundo, las perdidas son que esperaban ganar cierto dinero, pero no han llegado.
Entonces no llego a entender cómo tienen una web tan mala, supongo que sus ingenieros son industriales y no sabrán que existimos las personas con alguna discapacidad, tampoco han llegado a pensar que pueden tener algún accionista con dislexia, tampoco han llegado a pensar que tienen una ley que cumplir. Es tal su dejadez que los videos los suben a YouTube para que la inteligencia artificial de YouTube realice los subtítulos y así pasa lo que pasa que existen fotogramas con un texto entendible, no han tenido ni la delicadeza de revisar lo que ponen ¿para que?.



Pueden alegar que los subtítulos no son obligatorios, es asumible para una empresa que gana millones de dólares al año. Lo que no llego a entender como ponen de texto descriptivo de los enlaces leer más, una persona con lector de pantalla que escucha leer más de texto de enlace es poco o nada descriptivo, el problema se lo diré yo están usando un CMS que es de XHTML.
Esta muy bien su lavado de imagen con carreras solidarias, investigación…Pero la casa se empieza desde los cimientos, ¿Para que quiere un niño sordo que le hagan una carrera solidaria si luego no puede seguirla?

audiogames.net juegos para ciegos

mando de videoconsola


AudioGames.net es un sitio dedicado a juegos de audio (juegos basados en sonido) y juegos accesibles a ciegos, es el mayor archivo en línea de juegos de audio y juegos accesibles para ciegos (incluidos enlaces de desarrolladores, enlaces de descarga, descripciones, reseñas de audio y otra información sobre los juegos)

¿Qué es exactamente un juego de audio?


Un juego de audio es un juego que consiste (solo) de sonido. Su gamemecánica se basa generalmente en las posibilidades de sonido también. Por lo general (pero no siempre) los juegos de audio solo tienen salida auditiva (¡así que no visual!). ¡Los juegos de audio NO son específicamente juegos para ciegos!.


La lista de juegos de solo audio, no limita el uso a otros usuarios.

Trozo de la tabla de juegos de sonido

viernes, 16 de noviembre de 2018

Web de Google para medir el SEO (Beta)

resultado en cuatro columnas del SEO de Alvaro-domingo.es


Google ha lanzado una nueva herramienta que mide muchos aspectos de un sitio web, incluyendo qué tan bien sigue las mejores prácticas de SEO.

Pagina para aprender el funcionamiento de Web.dev


Web.dev está diseñada para ayudar a los desarrolladores y propietarios de sitios a aplicar capacidades web modernas proporcionando análisis y recomendaciones. En un esfuerzo por ayudar a los propietarios de sitios a brindar la mejor experiencia posible a los usuarios, web.dev tiene auditorías de SEO, rendimiento, accesibilidad entre otras. A la vez se han informado de varios errores en el nuevo sitio web de Google y en la herramienta de análisis SEO, Si la herramienta informa sobre un error que usted considera falso, verifique si se trata de un problema. Es posible que no haya realmente un error en absoluto. ( esto puede ocurrir con la accesibilidad web pues usa un análisis automático).

jueves, 15 de noviembre de 2018

Diseño web orientado a una población mayor

persuna mayor con un telefono en la mano


Los últimos titulares nos advierten constantemente de la cruda realidad del envejecimiento de nuestra población. Las tasas de fertilidad han disminuido y la esperanza de vida ha aumentado Un censo internacional de 2015 muestra que Japón es actualmente el país más antiguo del mundo, con casi el 27% de su población mayor de 65 años. De acuerdo con las estimaciones de Naciones Unidas de World Population Prospects: se espera que para el 2019 el número de personas de 60 años o más se duplique.

EL PROBLEMA


La tecnología para los ancianos comenzó a crecer este año, con productos diseñados para ayudar a las personas mayores a vivir de forma independiente esto incluyen dispositivos para detectar caídas, monitorear la actividad diaria e incluso rastrear la ubicación de nuestros abuelos. Pero los diseñadores de sitios web todavía pasan por alto a los ancianos con demasiada frecuencia. Cuando envejecemos, la forma en que interactuamos con el mundo cambia. Algunas personas se encuentran sus cuerpos en plenitud de facultades. Algunos pierden la funcionalidad de uno o dos sentidos. Y otros luchan con sus recuerdos. Todos estos síntomas pueden dificultar el uso de productos tecnológicos y sitios web.

Cuerpo


Cuando envejecemos, podemos encontrar problemas para controlar nuestros cuerpos como solíamos hacerlo. Existen múltiples razones para esto, desde la enfermedad hasta el envejecimiento celular y la reducción de la masa muscular.
Las personas mayores pueden sentirse cada vez más cansadas o con menos funciones motoras que hacen temblar sus manos. Puede que les resulte difícil mover los dedos debido a la artritis, o tener dificultades con la coordinación mano-ojo.

Soluciones para cuerpo


Hay algunas opciones de diseño que puede hacer para apoyar a los miembros de la población que está envejeciendo y que sufren de cualquiera de estos problemas.

Aumente el espacio entre los botones interactivos y los enlaces en su página web o interfaz de usuario. Esto evitará la posibilidad de clics incorrectos y facilitará la navegación de su diseño para manos temblorosas. Además, esto ofrece un diseño elegante y ordenado que facilita la navegación para todos los usuarios, independientemente de su edad o capacidad.
Cuando sea posible, proporcione más de un método de uso. Por ejemplo, optimice sitios web para pantallas táctiles o incluso control de voz.


Sentidos del oído y vista


Al igual que envejecer puede tener un efecto adverso en su cuerpo, puede causar dificultad con sus sentidos. Esto es particularmente cierto de la vista y el oído. Por lo tanto, los diseños que no se adaptan a problemas de visión o audición debilitados también pueden excluir a este segmento de la población.
Es difícil a la vez que frustrante intentar leer un texto pequeño o encontrar un pequeño botón cuando no puedes enfocar fácilmente los elementos que tienes delante. O tratar de localizar una función interactiva cuando no se puede ver la diferencia entre los colores claramente.
Después de los 40 años, las lentes de nuestros ojos a menudo pueden comenzar a endurecerse, lo que dificulta enfocar nuestra visión en las cosas que tenemos delante, como los gadgets, las pantallas y el texto. Esta es una condición común llamada presbicia . Las células en nuestros ojos también pueden volverse menos sensibles, diluyendo nuestra percepción del color, principalmente el azul.
La audición también puede también puede versé mermada a medida que envejecemos. Nos encontramos subiendo el volumen del televisor o de la radio, perdemos notificaciones y alarmas, y dependemos cada vez más de la vibración

Soluciones para sentidos


Ofrece la opción de ajustar el tamaño de cualquier texto . Tener la opción de fuentes y texto más grandes ayudará a cualquier persona que padezca presbicia, u otras dificultades de visión,

Asegúrese de que está usando colores de alto contraste en sus diseños. La personalización significa que los usuarios mayores pueden elegir los colores que pueden ver mejor, y los usuarios más jóvenes pueden elegir la estética que más les guste.

Los colores de alto contraste, mientras tanto, ayudan a que el texto y los botones se destaquen.

Donde haya audio, proporcione una opción de texto / visual. Algunas personas (sin importar su edad) podrían ser incapaces de escuchar, podrían tener problemas de audición o estar en una biblioteca o bar. Cualquiera que sea la razón, proporcione texto donde haya audio: subtítulos en un video, por ejemplo. Hacerlo significa que todos pueden disfrutar del contenido con audio, sin importar el idioma, la ubicación, la discapacidad o (por supuesto) la edad.

Mente


La edad a veces puede traer un deterioro en la memoria prospectiva (la capacidad de recordar hacer cosas más adelante) y la memoria de trabajo (combinando y aplicando) información a corto plazo. Puede ser molesto o frustrante para algunos, o simplemente puede significar que rara vez terminan de hacer esa compra o usar esa operación.


Solucionar los problemas de la perdida de memoria 

.
Los desafíos que enfrentan nuestra mente y nuestra memoria pueden ser difíciles de enfrentar, incluso más cuando un producto es complicado de usar o un sitio web es difícil de navegar. Diseñar la experiencia de su producto, software o sitio web para que sea tan simple como sea posible ayuda a resolver estos problemas. Hará de la memoria una preocupación menos para sus clientes mayores y agradará a sus otros visitantes/clientes con una experiencia fluida y elegante.

No divida tareas o procesos en diferentes pantallas o páginas. Mantenga la información visible para que el usuario la consulte
Proporcione orientación e indicaciones para nuevas funciones en su software o nuevas páginas en su sitio.
Permite a los usuarios configurar recordatorios y alertas.

Canción en lengua de signos española :"SonrÍe"

fOTOGRAMA DE LA CANCION SONRIE


Productos de apoyo y tecnologías de la información

miércoles, 14 de noviembre de 2018

La prueba de teclado para mejorar la accesibilidad web

Persona pulsando el tabulador de un teclado de ordenador

La prueba de teclado es una de las tareas más eficientes y fáciles que cualquier diseñador puede hacer para encontrar problemas de accesibilidad. Desafortunadamente, a menudo no se hace, tal vez porque la gente simplemente no sabe esto.

LA IMPORTANCIA DE LAS PRUEBAS DE TECLADO


Estas son solo algunas de las formas en que las pruebas con un teclado, son útiles para encontrar y corregir problemas de accesibilidad.
Identifica cualquier problema de enfoque visible o no se percibe adecuadamente para los usuarios que pueden ver la pantalla.
Asegura que cada elemento interactivo (por ejemplo, enlaces, botones, campos de formulario y otros controles) son operables para las personas que no usan el ratón del ordenador. Esto ayuda a las personas que son ciegas y a las personas con discapacidades físicas o motoras.
Destaca cualquier problema con la estructura de la página, como el orden de origen que no coincide con el diseño visual de la página. Esto garantiza que sea comprensible.
Proporciona a los evaluadores sugerencias sobre cualquier cosa que no funciona como se espera. Esto podría ser el resultado de un problema, lo que significa que el código podría no ser lo suficientemente robusto como para funcionar en navegadores, dispositivos o tecnologías de asistencia.

La prueba del teclado es:


Gratis. Si tienes un teclado, puedes probar con él. No hay hardware o software adicional que tienes que comprar e instalar.
Sencilla. ¡Ni siquiera necesitas usar muchas teclas para hacer pruebas de teclado!

Cómo comenzar con las pruebas de teclado


Los conceptos y los temas de accesibilidad pueden ser complejos, y con frecuencia hay una curva de aprendizaje. Afortunadamente, probar con un teclado no es una de esas cosas. Aquí están las teclas básicas y las combinaciones de teclas que le permitirán ser un maestro de pruebas de teclado en poco tiempo:

Tabulación - Cargue una página, luego comience a presionar la tecla de tabulación. El foco del teclado debe moverse a través de todos los elementos interactivos en la página.
Mayús + tabulador : Hace lo mismo que usar la tecla de tabulación, pero estás señalando el foco de diferente forma que el tabular. 4,3,2,1.
Enter: Activa el enlace.
Barra espaciadora: Activa los botones o casillas.
Teclas de dirección : Te desplaza por el contenido, mueve / selecciona botones de radio, a veces se mueve entre elementos de menú interactivos o paneles de pestañas.

Eso es todo lo que necesitas saber para empezar. Con esta información, estás a minutos de hacer que tus sitios y aplicaciones sean más accesibles

Skoog 2.0 Review

martes, 13 de noviembre de 2018

Accesibilidad visual en marcadores,.hover,menus de navegación y Mapas

Marcadores

El texto del marcador de posición dentro de un campo de formulario dificulta que las personas recuerden a qué información pertenece un campo, y verifican y corrigen los errores. También supone una carga adicional para los usuarios con discapacidades visuales y cognitivas.


MOTIVOS


Si el usuario olvida la sugerencia, lo que la gente suele hacer mientras completa formularios largos, debe eliminar lo que escribió y, en algunos casos, hacer clic fuera del campo para volver a mostrar el texto del marcador de posición.

La falta de etiquetas hace imposible que los clientes miren el formulario y se aseguren de que sus respuestas sean correctas

Cuando se producen mensajes de error, las personas no saben cómo solucionar el problema.

El texto del marcador desaparece cuando se coloca el cursor en un campo de formulario es irritante para los usuarios que navegan con el teclado .

Los estudios de seguimiento visual muestran que los ojos de los usuarios se sienten atraídos por campos vacíos

Los usuarios pueden confundir un marcador de posición con los datos que se completaron automáticamente

SOLUCIÓN


El uso de texto de marcador de posición en combinación con etiquetas de formulario es un paso en la dirección correcta,esto también puede causar los problemas mencionados anteriormente , aunque con menos gravedad.

Indicadores de enfoque


Para los usuarios de teclado con baja visión, tener indicadores de enfoque visibles que sean realmente visibles para ellos es de suma importancia. Los usuarios de teclado necesitan saber dónde están en una página

foco indicado en la web de amazon

en el buscador de Amazon el foco no es visible

Menús de navegación


Tener relaciones de contraste tan bajas puede crear problemas de usabilidad para los usuarios con baja visión porque no detectarán estas sutiles diferencias de color. Una solución fácil para esto es agregar un elemento gráfico simple (con una relación de contraste de al menos 3: 1).

menú de navegación de Android en ingles


 Conmutadores


conmutadores con texto pero fondo no accesible
conmutador con texto y borde azul acentuando su accesibilidad
Se tiene que incluir tanto el texto como cuidar el fondo del botón activado

Mapas

Google maps es uno de los sitios de mapas en línea más utilizados. Aunque el diseño visual siempre está mejorando, Google Maps aún debe mejorar los mínimos de contraste de los elementos que no son texto de sus mapas. Los colores utilizados para representar caminos, tierra, agua y edificios desaparecen si tiene el ajuste de contraste de la pantalla establecido a medio camino entre lo normal y lo máximo.

división de una pantalla de google maps con mas contraste y menos


Puntos a tener en cuenta para el diseño de personas con discapacidad visual


gafas,libro y cafe en una mesa de cuarto de estar

  • El tamaño de fuente debe ser 16 o más.
  • Utilice al menos 1,5 espacio entre líneas.
  • El texto alineado al lado izquierdo es más fácil de leer.
  • Las fuentes sin formato sans serif son más preferibles, ya que conservan las formas de las letras originales.
  • Asegúrese de que el texto de todas las imágenes en su documentación también sea legible.
  • Todas las imágenes en este caso deben ser de buena resolución, de modo que los usuarios puedan ampliarlas sin pérdida de calidad. Una buena idea es incorporar el zoom de la imagen y no confiar solo en el zoom del navegador.
  • Preste más atención al atributo alt. No debe escribir solo “una taza”, por ejemplo, describa qué tipo de taza, qué contiene, etc.
  • Asegúrate de que los colores del texto y del fondo estén bien.
  • Evite el texto subrayado y en cursiva: puede ser difícil distinguir las letras.
  • Si usa videos en los manuales de usuario, asegúrese de que la narración en ellos sea detallada.

lunes, 12 de noviembre de 2018

Accesibilidad en edificaciones. Criterios de intervención en edificación existente

Mapfre la mayor desilusión en accesibilidad web



Hoy día 12/11/18 me he llevado una buena desilusión siempre he tenido una buena idea de Mapfre, pero cuando me han pedido sacar unos datos de la web, todo ha caído como un castillo de arena.
Entiendo que es una empresa y tiene que maximificar beneficios, pero no mentir a la sociedad. Según su web se basa en las pautas de contenido accesible en Web 1.0, esas pautas estarían bien para 5 de mayo de 1999.

Pagina referente a la accesibilidad en la web de Mapfre


Pero ya estamos en el 2018 y las webs de este tipo de empresas tendrían que basarse en las pautas 2.1 y cumplir así con la legislación en España más exactamente con el RD 1112/2018, eso en España y Europa, pero como es una multinacional en ciertos países de Sudamérica aun se rigen por las 1.0, pero para eso tienen ingenieros que recibiendo una visita con una IP determinada se puede modificar el dominio, ¡a! que es mucho trabajo por eso han creado un CMS  para todos los sitios y punto.
Han sido tan inocentes de poner la hora de la modificación de la web y no leer el RD 1112/2018 donde se dice el presente real decreto entrará en vigor el día siguiente al de su publicación en el «Boletín Oficial del Estado» el día 19/9/2018 se publicó en la web.

Codigo fuente del CMS de Mapfre modificado el 12/11/2018 a las 14.00



Cómo ya he dicho es una multinacional y lo que más importa es que tenga un buen día en los parques de las bolsas, lo demás importa poco se arregla con una campaña publicitaria

viernes, 9 de noviembre de 2018

Video de Speech Tutor Pro

Es una nueva aplicación para terapia del habla es la culminación de casi una década de trabajo ELa app  contiene el contenido de 4 de las aplicaciones más vendidas en la industria. El material se ha optimizado y combinado para que se pueda acceder a todo fácilmente sin necesidad de utilizar varias aplicaciones. Aunque esta será la aplicación más completa en la industria, esto es solo el comienzo de lo que finalmente ofrecerá, entre ellas numerosos juegos y actividades.




Mas información en la web de Speech tutor pro

NaviLens en el Museo del Teatro Romano de Cartagena

jueves, 8 de noviembre de 2018

Cellnex, tecnología lejos de la accesibilidad web y tv

logotipo de cellnex


Supongo cómo a muchos nos preguntaremos ¿Qué es Cellnex? Pues para los menos conocedores diré que es uno de los principales operadores independientes de infraestructuras de telecomunicaciones inalámbricas de radiodifusión de Europa, que ofrece servicio de alquiler de emplazamientos para operadores de telecomunicaciones y presta los servicios audiovisuales más avanzados a radiodifusores de ámbito nacional, autonómico y local. Desarrolla, además, soluciones en el campo de los proyectos “smart cities”, que optimizan los servicios para el ciudadano, a través de redes y servicios que facilitan la gestión municipal. Supongo que se sentirán orgullosos de además de eso ser miembro del Ibex-35 la verdad queda muy bien mencionar en tu video corporativo al escritor y científico Isaac Asimov, pero la realidad les duela o no es que la tecnología no puede apartar a un grupo de la población. Leer en su web que Cellnex Telecom pone a la disposición de sus clientes una suite de servicios multipantalla en la nube que permite distribuir contenidos a múltiples dispositivos como PCs, Macs, set-top-boxes IP, televisores conectados, smartphones y tabletas, a través de Internet. Me hace pensar que tienen presente la accesibilidad no solo en “Smart cities” sino en todos sus productos pero no, solo he tenido que ir al menú de su web en sala de prensa-multimedia y comprobar lo que digo, supongo que como tienen buenos ingenieros han dicho subimos las fotos a Flickr y los videos a YouTube y que ellos se pelen con los temas de accesibilidad, nosotros a ganar dinero y punto, y luego pasa lo que pasa, imágenes sin texto alternativo o videos con subtítulos en vez de decir el precio de la energía dice el precio de la anarquía.

Video de Cellnex en YouTube con el texto el precio de la anarquia



Dirán es que los subtítulos vienen incrustados en el video y vienen en inglés, supongo que las personas que no los precisamos estamos agradecido de poner o no a nuestra necesidad y una población mayor que no sepa ingles lo agradecerá.

Video de cellnex con subtitulados en ingles


Ya para rematarme he ido a conocer donde esta Cellnex esta en Francia, donde el Decreto Nº 2009-546 de 14 de mayo de 2009 sobre la igualdad de derechos y oportunidades, la participación de ciudadanía y la creación de un estándar de la accesibilidad de los servicios públicos de comunicación. O la legislación italiana. Ley de 09 de enero 2004 N º 4: Disposiciones para apoyar el acceso de las personas con discapacidad a las herramientas, artículos 11 y artículo 12. O la legislación en países bajos el BS8878: 2010 Web Código de Accesibilidad de Prácticas desarrollado por el British Standards Institute en 2010 cumple con la Ley de Igualdad y se ha actualizado para que coincida con las WCAG 2.0.
Todas ellas son legislaciones en distintos países, pero ya que su principal mercado es el europeo tendrán que cumplir Directiva (UE) 2016/2102 Los requisitos de accesibilidad que se deben cumplir son los establecidos por la norma EN 301 549.
A lo que quiero llegar que aparte de la retetaila de legislaciones que tienen que cumplir, también tienen que cumplir el ético, tienen fondos, ingenieros ¿Cuál es el problema?, lo que me molesta es que con lo preparados que están (se supone que han trabajado) usan otros lugares como YouTube para olvidarse de la accesibilidad, supongo que queda muy bien decir que tienen responsabilidad social o que trabajan para hacer realidad las Smart cities pero se olvidan  de algo fundamental que esas ciudades estarán ocupadas por todo tipo de personas

miércoles, 7 de noviembre de 2018

Mejorando la legibilidad con CSS



Las imágenes, los íconos y los videos son una parte integral en el diseño web actual, pero el texto aún constituye la mayoría del contenido en la mayoría de los sitios web. Es importante pasar un tiempo aplicando estilos, probando y ajustando las propiedades de las fuentes, ya que el texto debe ser legible sin importar el dispositivo.

El tamaño de la fuente

Hubo un tiempo en que un tamaño de fuente de 12px para el texto del cuerpo era estándar, pero con el aumento de dispositivos con resoluciones más altas, el tamaño de fuente promedio se ubicó en algún lugar entre 15 y 18px por un tiempo. En los últimos años, ha subido nuevamente a 20px y más. El texto debe ser lo suficientemente grande para leer en los teléfonos inteligentes y aumentar con el tamaño de la pantalla para que pueda leerse a distancia en pantallas grandes como los televisores.

https://www.smashingmagazine.com/2011/10/16-pixels-body-copy-anything-less-costly-mistake/

Ajuste de altura de línea

La altura de línea predeterminada en los navegadores es aproximadamente 1.2. De acuerdo con las Pautas de Accesibilidad al Contenido en la Web , debe estar al menos 1.5

Propiedad de línea de altura CSS

propiedad line-height para tratar la altura de la linea


Alineando texto


Aunque algunos de nosotros preferimos el texto justificado sobre el texto alineado a la izquierda o a la derecha porque se ve mejor, se considera una mala práctica.
text-align: justify modifica el espaciado de palabras para crear líneas de la misma longitud. Esos espacios desiguales pueden dañar la legibilidad y distraer mucho.

Los tipógrafos han escrito sobre la relación entre el movimiento horizontal y vertical del ojo durante casi un siglo. En 1928, Jan Tschichold descartó el texto centrado y abogó por un texto alineado a la izquierda. Argumentó que esto ayudaría a los lectores al proporcionar un borde izquierdo (vertical) consistente para que el ojo regrese después de terminar cada línea (horizontal).

Anchos de párrafo

De acuerdo con varias fuentes, los diseñadores deben esforzarse por 45 a 85 caracteres por línea, ya que el ancho ideal para un párrafo es supuestamente 65 caracteres.

James Craig en su libro Designing With Type (publicado originalmente en 1971, ahora es su quinta edición):
La lectura de una línea larga de tipos causa fatiga: el lector debe mover la cabeza al final de cada línea y buscar el comienzo de la línea siguiente.… Una línea demasiado corta divide las palabras o frases.
65 caracteres (2,5 veces el alfabeto romano) a menudo se conocen como la medida perfecta. todos los diseñadores deben esforzarse por: 45 a 75 caracteres (incluidos espacios y puntuación) por línea.

Control preciso sobre tipografía responsiva

martes, 6 de noviembre de 2018

El gobierno de España y su falta de respeto sobre la accesibilidad web

Gracias a las alertas de Google he podido leer la noticia, El Gobierno ha cambiado "por completo" su página web para ofrecer un diseño más actual y una imagen "más atractiva y moderna", que se adapta a todo tipo de dispositivos electrónicos y que facilita la accesibilidad a todas las personas.

Portada de la nueva web de la Moncloa


He de reconocer que me sorprendió la noticia, me dije – ya empiezan los cambios a las pautas WCAG 2.1 y se dejan las WCAG 1.0 y al adaptarse a los dispositivos móviles se dejará de usar XHTML y se Pasara a HTML5- pero pronto me di con la tremenda y cruda realidad, todo continua igual se siguen “burlando”, les da igual que en el BOE n. 227 de 19/9/2018 se publicara el RD 1112/2018 que dice:
1. Este real decreto se aplica al sector público que comprende:
   a) La Administración General del Estado. 
   b) Las Administraciones de las comunidades autónomas. 
   c) Las entidades que integran la Administración Local. 
   d) El sector público institucional, en los términos establecidos en el artículo 2.2 de la Ley 39/2015, de 1 de octubre, del Procedimiento Administrativo Común de las Administraciones públicas. 
   e) Las asociaciones constituidas por las Administraciones, entes, organismos y entidades que integran el sector público.
2. Lo dispuesto en este real decreto también será de aplicación a la Administración de Justicia.
Entre los fallos he podido ver PDF sin ser accesibles, videos sin tener el reproductor opción para subtitulado (gracias que la web estaba pensada para las personas con discapacidad, a¡¡que los sordos no son discapacitado!),

video sin subtitulado de pedro Danchez con el presidente de Google europa


los textos alternativos son poco (y soy generoso) descriptivo.

Textos alternativos de las imagenes de la portada donde apenas describén



Personalmente lo que más me ha hecho gracia es leer el código fuente de la web, Tienen un cacao maravillado, por un lado, HTML5 para que se vea bien en dispositivos móviles, XHTML para no perder lo que pongo en la portada,

código fuente de la web de la moncloa


 me ha salido la imagen del funcionario con el palillo en la boca gritando en la cafetería. - ¡Manolo! Ven aquí, ¡coño! Ven aquí, ¿tu no teniaaa un cuñao que sabe de pagina web y cosa de esa?, pues que no haga una de esa -. Así es como España funciona y somos el hazme reír, creamos leyes, reales decretos, se reúnen, tiran de presupuestos y después de eso crean “chapuzas” como esta. Mejor hubiera sido haberla dejado como estaba, nos habríamos ahorrado al cuñado de Manolo.

usó de archive.org para visualizar la antigua web de la moncloa


lunes, 5 de noviembre de 2018

Apuntes para subtitular

Escena del trailer de Cazadores de Sombras


NO ES DE OBLIGADO CUMPLIMIENTO

ASPECTOS VISUALES

Parte inferior
Parte sonora parte superior derecha aparece con los subtítulos y desaparecen con ellos.
  o Entre paréntesis
  o Mayúscula inicial
  o Color azul o rojo con fondo blanco.

2 líneas de subtitulado excepcionalmente 3.
Cada línea a un único personaje.
Máximo 37 caracteres por línea.

Voz en off, parte inferior de la pantalla antes del subtitulo, entre paréntesis y el texto en mayúsculas con el mismo color del personaje.

MUSICA

indicando el tipo de música entre paréntesis parte superior primera mayúsculas
Puedes informar que transmite.
Puedes indicar el título de la pieza y autor.

VISIBILIDAD Y LEGIBILIDAD

Visibles y legibles a 2 metros y medio de la pantalla.
La caja (el fondo negro) si es necesario.

VELOCIDAD

15 caracteres por segundo
Sincronía labial.
Sincronización de lo que ocurre con los subtítulos.

IDENTIFICACIÓN DE PERSONAJES

5 colores, amarillo, verde, cian  , magenta  , blanco, en este orden.
Si con todos los colores usados, usa etiquetas (MARTA). Siempre mayúsculas.
Posibilidad de usar guiones para identificar.

UNE-153010:2012 NORMA ESPAÑOLA DE SUBTITULADO PARA SORDOS

Video explicativo de usar :lang

Es relativamente facil introducir el atributo :lang en el código funte de un documento HTML o E-mail, ese atributo tan inocuo hace que los usuarios de pantalla entiendan mejor un texto pues el lector se adaptara al idioma.

jueves, 1 de noviembre de 2018

Experimento de Google teclado

Interface del experimento de Google teclado


Este experimento  de Google te permite tocar un teclado musical de diferentes maneras. Puedes usar tu mouse o el teclado. O bien, si enciendes la cámara web y hará un seguimiento de una parte del cuerpo, como puede ser la nariz.

""


Construido con.