jueves, 31 de enero de 2019

Personas mayores y internet

Persona mayor mirando un ordenador


Los de la generación del baby boom pasan alrededor de 27 horas semanales en la red.
Del grupo de más de 65 años, siete de cada diez se conectarán diariamente.
El 82% de los de ambos grupos realizan búsquedas en línea relacionadas con lo que les interesa.

Por lo tanto, las personas mayores son mucho más activos en línea de lo que puede haber sospechado.

¿Para qué lo usan?


El 78% de los adultos mayores dicen que les gusta porque les permite encontrar la información que necesitan fácilmente.
El 60% de ellos cree que puede mantenerse actualizado cuando se trata de cuestiones políticas.
Para alrededor de un tercio de las personas mayores, internet se considera una fuente confiable de información y noticias.

un telefono movil con un doctor en la pantalla


Por lo tanto, internet es visto por muchos de los ancianos como un recurso valioso.

Tipo de información que buscan.


Dos tercios de los adultos mayores utilizan la web para conocer el tiempo y las noticias.

57% compra en línea.

El 44% busca información sobre comida y cocina.

El 43% lo usa para jugar, tenga en cuenta que las personas que fueron pioneras de los ordenadores e Internet ahora tienen más de sesenta años, por lo que la generación que lo comenzó todo es bastante activa.

Casi la mitad se conecta a Internet para buscar cupones, ofertas diarias y descuentos.

La pantalla de un ordendor muestra el pasillo de un supermercado

¿Para qué más pueden usar internet?

El 20% de las personas mayores se comunican con sus amigos por correo electrónico.

El 75% de los ancianos se conectan en línea para comunicarse con sus familiares y amigos.

Más de la mitad de los clasificados como adultos mayores siguen una organización en las redes sociales.

El 40% de los adultos mayores que ven videos en línea lo hacen para mantenerse al día con las últimas noticias.

El 53% de los adultos mayores investigan cuestiones médicas o sanitarias en línea.

El 54% de los adultos mayores ve videos en línea con fines puramente de entretenimiento.

Uso de redes sociales


Se ha dicho mucho de que Facebook es más popular entre los usuarios mayores. Como lo comentó un responsable de Facebook, "Facebook es para los padres, Instagram es para los niños". Las estadísticas también parecen confirmarlo.

El 61% de las personas de 50 a 59 años prefieren Facebook. Para la categoría de más de sesenta, Facebook aún se encuentra en la cima con el 36% de los usuarios que lo usan.

En comparación con Facebook, los otros sitios principales de redes sociales no son muy buenos para los adultos mayores.

Del grupo de 60 años o más, el 5% usa Instagram, el 6% usa Twitter y solo el 1% usa Snapchat.

nueve iconos de las redes sociales más importantes


¿Por qué algunas personas mayores no usan internet?


Uno de los motivos es la mala salud o una condición física que no les permite acceder fácilmente a Internet. Esto afecta a alrededor de dos de cada cinco personas mayores. Pero, la razón más significativa con diferencia, de hecho, en el 77% de los casos, es simplemente la falta de conocimiento. Necesitan a alguien que les muestre exactamente qué hacer y les ayude hasta que aprendan a hacerlo. En aproximadamente una cuarta parte de los casos, el acoso en línea se cita como la razón para permanecer fuera de internet.

Datos sacados de: Los ancianos y la World Wide Web

miércoles, 30 de enero de 2019

Atributo aria-details para hacer accesibles los gráficos

Atributo aria-details en un grafico de barras


El atributo aria-details proporciona una descripción extendida para las imágenes. Aria-details usa la identificación con el mismo nombre que el img. A menudo, es posible que encuentre gráficos complejos que necesiten descripciones accesibles y que la etiqueta alt no ofrezca el alcance suficiente para esto.

SOPORTE PARA EL ATRIBUTO

  • NVDA 2018.1 a 2018.3.2
  • JAWS 18 y 2018 (últimos lanzamientos)
  • Narrador de Windows (Windows 10)
  • VoiceOver (iOS 12)
  • VoiceOver (macOS High Sierra)
  • TalkBack (Android Accessibility Suite 6.2)

ejemplo de codigo html 


<img src = "skittleBarChart.jpg" alt = "" aria-details = "skittleBarChartDescription">

<h3> ¿Cuál es tu bolo de colores favorito ?: </h3>

<dl id = "skittleBarChartDescription" class = "visually-hidden">
<dt> Púrpura </dt>
<dd> 4 Favoritos </dd>
<dt> Rojo </dt>
<dd> 5 Favoritos </dd>
<dt> Amarillo </dt>
<dd> 1 favorito </dd>
<dt> Verde </dt>
<dd> 3 Favoritos </dd>
<dt> Naranja </dt>
<dd> 2 Favoritos </dd>
</dl>

Openbank, más contenido no significa mejor

icono Openbank


Yo creó que los encargados de la web han tenido que pensar que contra más contenido metamos, mejor apariencia tenemos y poco o nada han pensado en la accesibilidad web, es más ni la mencionan, ¿para qué? ¿Porque nos obliga la ley?, lo importante es meter contenido.

Enlaces de Openbank ninguno dirije a accesibilidad es más importante la seguridad

Hay muchos errores y solo he mirado la página principal. El formulario de contacto es uno de los ejemplos he tenido que mirar bien par buscar el botón de enviar.

Analisis del color con Colour Contrast Analiser del boton enviar del formulario de contacto

Recuerdo que en las pautas WCAG 2.1 se hace mención en el criterio 1.4.3 que el contraste tiene que ser de 4,5:1, cómo reflejo en el análisis realizado con la herramienta Colour Contrast Analyser, no se cumple.
Por mi discapacidad yo no tengo que usar lectores de pantalla, pero si yo no lo preciso eso no significa que otros los puedan precisar, y cuando he comprobado alguno me he dicho, ¿pero esto quien lo esta haciendo?, un simple ejemplo el icono de planes de pensiones.

texto alternativo de icono planes de pensiones con texto icono del producto

La verdad es que, si lees el texto alternativo del icono, entiendes la poca preocupación, poner Icono del producto, poco comunica, sabes que estas en la sección de planes de pensiones por contexto no porque el texto alternativo del botón te lo diga.
No he deseado continuar porque ya con eso me ha servido para entender que la accesibilidad web para ellos es cómo hablarles de chino, si la web es así no quiero pensar el cómo será la app o los documentos PDF, cómo la mayoría de los bancos on-line te dirán si eres discapacitado visual y tienes problemas nos llamas y haces los tramites por voz, esa esa una escusa como la que hace RENFE tu por ser discapacitado visual no puedes acceder a los descuentos de la web porque no es accesible. Aún queda mucho por hacer empezando por la administración publica, pero alguien tiene que comenzar y un banco on-line no sería mal comienzo.

martes, 29 de enero de 2019

¿Tu anuncio? Lo siento, no lo vi



Fuente Sans Serif


La industria de la publicidad gasta miles de millones al año para poner anuncios llamativos y bien diseñados con mensajes astutos para que gaste dinero en las cosas que (puede o no puede) necesitar, pero ¿qué sucede cuando el anuncio se publica en el momento adecuado y en la ubicación correcta, pero el cliente no lo ve? Esto sucede todos los días, pero no porque el cliente no quiera ver su anuncio sino porque no puede.



En España, hay aproximadamente 357,000 personas que son ciegas o tienen poca visión; ese número combinado con el aproximadamente 8.4% de la población que tiene ceguera al color crea un segmento amplio de la población que simplemente podría no ver su anuncio. Se espera que estos números continúen aumentando a medida que nuestra población envejece y la necesidad de publicidad accesible aumentará.
Los defectos de diseño se pueden encontrar casi todos los días en los anuncios; como el uso de texto blanco sobre un fondo naranja o azul claro, o el gris que actualmente es muy usado en los diseños, todos estos son inaccesibles para grandes segmentos de la población. Por suerte tenemos unas herramientas que nos ayudarán en elegir un color principal y secundarios accesibles, te recomiendo que leas la entrada que realice en mi blog personal sobre estas herramientas, Herramientas gratuitas para elegir los colores de tu web.
Para realizar un anuncio accesible tienes que tener presente una serie de puntos.
Cuanto más ocupado esté el cartel, más difícil será para las personas con discapacidades cognitivas leer, esto también afecta a las personas sin ninguna discapacidad.
Si está haciendo anuncios impresos, considere el papel y la ubicación. El papel que tiene mucho brillo a menudo tiende a reflejar la luz cercana y hace que su anuncio sea más difícil de leer para todos. Las carteleras digitales también deben tomar nota.
El color juega un papel muy importante en el diseño, pero evite usarlo solo para indicar información; siempre intente vincularlo con texto para representar la información correcta. Los hombres (que representan el 8% del 8.4% de las personas que padecen ceguera al color) suelen sufrir de ceguera rojo-verde.
las fuentes delgadas con grandes remates para que se vean elegantes a menudo dificultan la lectura para las personas con discapacidades de la vista y cognitivas. Juegue con una forma segura y encuentre una buena fuente sans-serif que se vea bien en negrita.
Si tiene problemas para compaginar con los colores de su marca, considere agregar sombreado detrás del texto o agregar un esquema para definirlo. El texto blanco con un contorno negro puede funcionar y pasar las pruebas de contraste de color.
No hay colores "buenos" o "malos" para la discapacidad visual, y siempre habrá un grado de elección personal. Proporcionar suficiente contraste ayudará a garantizar que no importa cuál sea su preferencia, su anuncio aún puede leerse.


lunes, 28 de enero de 2019

BuzzClip dispositivo ultrasónico detector de obstáculos para invidentes

el dispositivo BuzzClip situado en el cuello de un chaleco



El BuzzClip usa ultrasonidos para detectar obstáculos que pueden estar directamente en el camino. Luego, notifica al usuario estos obstáculos a través de vibraciones intuitivas, lo que le permite navegar de forma segura alrededor de cualquier objeto que puedan encontrar.
La orientación y la movilidad son difíciles para las personas ciegas o con visión parcial. El principal problema con estas personas es detectar obstáculos por encima de la cintura, especialmente al nivel de la cabeza.
El BuzzClip ofrece una detección de obstáculos esencial a nivel de la cabeza y se puede unir fácilmente a muchas formas de ropa, lo que lo convierte en un dispositivo sumamente versátil y útil. Vibra para alertarte sobre los obstáculos a nivel de la cabeza que los bastones a nivel del suelo y los perros guía no pueden detectar.
TENER PRESENTE:
El dispositivo no es un SUSTITUTO de un bastón sino una herramienta de movilidad complementaria. Está diseñado para ser utilizado en combinación con un bastón o un perro guía.
La batería es recargable y dura hasta 10 horas esta se carga con un cable Micro-USB.
El dispositivo es resistente al agua pero NO a prueba de agua: funcionará perfectamente con lluvia ligera, pero no debe ducharse ni nadar con él.
BuzzClip se puede comprar a través de su sitio web imerciv.com. Se vende por $ 249 (230€).

Cambia las vidas de las personas que viven con ceguera o pérdida severa de la visión en todo el mundo. Por los siguientes motivos:


  • Reduce Accidentes Irritables o Graves
  • Mejora la confianza y la independencia
  • Reduce los temores de viajar solo o sin ayuda
  • Proporciona una solución de movilidad manos libres
  • Proporciona discreción y versatilidad (el propósito del dispositivo es ajustable dependiendo del caso del usuario)
  • Anima a tener un estilo de vida activo
  • Fomenta el empleo remunerado




domingo, 27 de enero de 2019

FITUR 2019 un escaparate al turismo inaccesible

Logo FITUR 2019


Nos llena de orgullo realizar una feria internacional de turismo, pero dejamos de lado el turismo accesible. Supongo que los que este año han realizado la web de FITUR 2019 cuando la terminaron dijeron- ¡que buenos que somos¡, hemos puesto los videos uno sin subtitulo, otro subtitulo automático y el tercero con subtitulado automático y diciendo saliendo cómo Ibex! y se lo han tragado ¡-, entiendo que todo tenemos derecho a ganarnos el pan.

tercer vídeo de la web de FITUR con subtitulado ibex


Hay muchos aspectos que me han llamado la atención, pero me he quedado con uno, por ser “cotilla” he entrado a ver el código fuente de la web y me he quedado “perplejo” he entendido que para dar sensación de modernidad te digan que descargas la app y te digo el motivo, no está optimizada para móviles, Solo tienes que ver su etiqueta doctype.

dOCTYPE DEL CMS EN wORDpRESS


Cómo he dicho todos tenemos derecho a ganarnos el pan, pero si haces una web para una feria internacional de turismo lo mínimo, ya que no te has vuelto loco con el CMS WordPress, pon los textos alternativos coherentes no pongas imagen4 cabecera FITUR. Espero que para el FITUR del 2020 por o menos actualicen el WordPress y no seamos la vergüenza del mundo en temas de accesibilidad web y que piensen un poco en el turismo de discapacitados que también viajamos.

Texto alternativo de la imagen de cabecera de FITUR, Imagen3 Cabecera FITUR



viernes, 25 de enero de 2019

GlassOuse un ratón de ordenador, Tablet, teléfono que es unas gafas

mouse Glassouse que son unas gafas con boton azul


GlassOuse es un mouse creado para aquellos que tienen problemas para usar sus dispositivos de entrada de datos. Como un ratón Bluetooth con sensor de movimiento incorporado, GlassOuse fue diseñado para controlar el cursor con movimientos de cabeza que permite al usuario hacer clic con un mordisco o presión de los labios en un botón azul.


¿Por qué son tan importantes los hipervínculos?

hIPERVINCULO A LA CASA DE LAS MUÑECAS ES SOLO UN EJEMPLO


Los hipervínculos están omnipresentes. Se utiliza hipervínculos en documentos de Word, presentaciones, páginas web, repositorios de GitHub ... A pesar de este hecho, las personas todavía crean hipervínculos simplemente pegando una URL o, peor aún, utilizando el texto "aquí" o "haga clic aquí" o "enlace"

¿Cuál es el problema?


Como persona vidente, puedo realizar un vistazo rapido a un documento buscando texto subrayado en azul cuando busco enlaces. Si el diseñador simplemente usa el texto aquí como texto de enlace, eso es insignificante para las personas con visión normal porque podrán explorar el contexto y determinar qué hay detrás del enlace.

Alguien que usa un lector de pantalla puede hacer lo mismo. La diferencia está en que el lector de pantalla leerá el texto del enlace. Si el texto del enlace solo pone aquí, el usuario del lector de pantalla no tiene idea de qué hay detrás del enlace.

Si nunca ha usado un lector de pantalla, debería tomarse un tiempo y buscar uno para comprender mejor.

Mas allá de la accesibilidad


Crear un buen texto de enlace tiene beneficios adicionales.
El texto del enlace descriptivo ayuda a los motores de búsqueda a comprender las páginas que se enlazan. Esto también es válido para el contenido de la intranet, lo que significa que será más fácil para los compañeros de trabajo encontrar el contenido que buscan.

Te recomiendo la lectura de estos artículos para realizar un hipervínculo lo más accesible posible.

Links and Hypertext de WebAIM

Accessible U es un estudio de la universidad de Minnesota


miércoles, 23 de enero de 2019

Herramientas gratuitas para elegir los colores de tu web

Rueda cromatica de Adobe Color cc


Adobe Color CC


La gente lo llama Adobe Kuler, hace unos años se renombró como Adobe Color CC. Es una de las herramientas gratuitas de Adobe donde cualquiera puede generar esquemas de color desde cero. Podemos elegir entre muchas paletas de color diferentes, donde seguro encontraremos la que mejor se adapte a nuestras necesidades. También podemos guardar los diferentes códigos hexadecimales y RGB, o crear una rueda basada en una imagen previamente elegida.

Paletton


Paletton es un clásico que todos los diseñadores web deberían conocer. Ha existido durante años y sigue siendo un sitio de referencia. Simplemente hay que añadir un color base y dejar que la aplicación haga el resto. Podemos escoger entre diferentes relaciones de color y cómo deberían aparecer en el diseño. Y para cada elección de color, encontrará ligeras variaciones con contraste variable. De esta manera, podemos completar una paleta con colores similares.

Canva


Cuando añadimos un color, la web nos ofrece una detallada descripción del mismo. A lo que hay que añadir una completa paleta con diferentes tonalidades. Además de diversas combinaciones de color que podemos usar. Canva es instructivo a la vez que útil.

pantalla principal de Coolors


Coolors


Coolors es un gran generador de paletas de colores. El verdadero valor de está en la aplicación web es que genera automáticamente esquemas de color de manera prácticamente automática. Podemos mezclar y combinar colores, cambiar configuraciones, hacer ajustes para el daltonismo, o aleatorizar nuestros propios esquemas de acuerdo con ciertos criterios. También está disponible como extensión para Chrome, o incluso como app para iOS.

¿De qué nos sirve que nuestra web tenga los colores perfectos, si el texto apenas puede leerse?


Color Safe


Color Safe es una herramienta que permite a los diseñadores aprovechar las paletas de colores accesibles según las pautas de las WCAG. Para usarlo, solo hay que seleccionar el color de fondo, la tipografía, el tamaño de fuente, su peso y el estándar WCAG. A continuación, elegimos un color para el texto. Podemos previsualizar el color del texto en la barra de herramientas superior haciendo clic en un cuadro y seleccionar el valor HEX o RGB en la barra de herramientas para copiarlo al portapapeles.

Accessible Colors



Accessible Colors funciona de una forma muy parecida a Color Safe, aunque con una interfaz más simple. Algunos agradecerán esto. En una linea, insertaremos los datos necesarios: color, tamaño y la tipografía. En otra el color de fondo. Y eso es todo. La web nos devolverá los resultados según queremos que sea AA o AAA, siguiendo las directrices de la WCAG.


Instagram ahora está utilizando AI para describir fotos para usuarios con discapacidades visuales

martes, 22 de enero de 2019

Guía para posicionar las etiquetas de formularios

Web para ingresar los datos personales


El resumen rápido: La opción más útil y accesible es tener etiquetas siempre visibles, y ubicadas encima o al lado del campo.

Etiqueta en la parte superior del campo.


Ventajas

El usuario puede ver la etiqueta y el campo de un vistazo.
La longitud de la etiqueta puede ser más larga que la longitud del campo.
Las etiquetas son más fáciles de visualizar, ya que no están separadas por campos.
Las etiquetas están muy cerca de sus campos correspondientes, por lo que es fácil ver cuál va con cuál.
La etiqueta es visible incluso cuando se llena su campo correspondiente, por lo que el usuario no tiene que recordar qué era la etiqueta y puede hacer frente a las interrupciones.
En cualquier momento, los usuarios pueden comparar sus respuestas con las etiquetas.
Fácil de implementar bien.
Es fácil para los usuarios ver dónde tienen que ingresar información.
Funciona independientemente del tipo de campo (por ejemplo, cuadro de texto, botones de radio, casillas de verificación o desplegables).
Funciona con interfaces táctiles

Desventajas

En pantallas pequeñas, cuando el foco está en el campo, la etiqueta puede no estar visible (debido al zoom).
Cuando el formulario se traduce a otros idiomas, las etiquetas pueden no caber en el espacio asignado.

Etiqueta dentro del campo.


Ventajas

En pantallas pequeñas, cuando el enfoque está en el campo, la etiqueta aún se puede ver (a pesar del zoom).
El usuario puede ver la etiqueta y el campo de un vistazo.
Las etiquetas están muy cerca de sus campos correspondientes, por lo que es fácil ver cuál va con cuál.
Funciona con interfaces táctiles.

Desventajas

La longitud de la etiqueta debe ser menor que la longitud del campo.
Cuando el formulario se traduce a otros idiomas, las etiquetas ya no caben en el espacio asignado.
Si la etiqueta desaparece por completo una vez que se completa el campo, el usuario debe recordar qué era la etiqueta y se verá descarrilado por las interrupciones.
Si la etiqueta desaparece por completo una vez que se completa el campo, el usuario no puede comparar sus respuestas con las etiquetas.
Si la etiqueta permanece como está, incluso cuando el campo se está completando, el usuario tiene mucho menos espacio para ingresar información. También es muy difícil para los usuarios distinguir las etiquetas de las respuestas, y no se ahorra espacio real.
En HTML, el uso del atributo de marcador de posición como reemplazo de la etiqueta reduce la accesibilidad.
Debido a que los campos parecen haber sido completados, es difícil para los usuarios ver dónde tienen que ingresar la información, por lo que las tasas de error son más altas.
No funciona con tipos de campo que no sean cuadros de texto y menús desplegables.

Etiqueta de punta.


Ventajas

Permite diferentes longitudes de etiquetas cuando el formulario se traduce a otros idiomas.
La forma es algo más estrecha en comparación con tener etiquetas al lado de los campos.
Las etiquetas están asociadas visualmente con sus campos correspondientes, por lo que es fácil ver cuál va con qué.
Es fácil para los usuarios ver dónde tienen que ingresar información.

Desventajas

Diseño atípico, que puede confundir y frustrar a los usuarios.
Rompe el patrón habitual de los formularios que es fundamental para el llenado exitoso de formularios
En pantallas pequeñas, cuando el foco está en el campo, la etiqueta puede no estar visible.
Es poco probable que el usuario pueda ver la etiqueta y el campo en una sola mirada.
Cuando el formulario se traduce a otros idiomas, las etiquetas ya no caben en el espacio asignado.
La forma es algo más amplia en comparación con tener etiquetas sobre los campos.
Las etiquetas son imposibles de observar ya que están ocultas.
Si la etiqueta desaparece por completo una vez que se completa el campo, el usuario debe recordar qué era la etiqueta y se verá perdido.
Si la etiqueta desaparece por completo una vez que se completa el campo, el usuario no puede comparar sus respuestas con las etiquetas.
Difícil de implementar bien.
Reduce la accesibilidad.
No funciona bien con campos que no sean cuadros de texto y posiblemente menús desplegables.
No funciona bien con interfaces táctiles.

Etiqueta a la izquierda alejada del campo


Ventajas

La longitud de la etiqueta puede ser más larga que la longitud del campo.
Las etiquetas son más fáciles de visualizar.
La etiqueta es visible incluso cuando se rellena su campo correspondiente, por lo que el usuario no tiene que recordar qué era la etiqueta y puede hacer frente a las interrupciones.
En cualquier momento, los usuarios pueden comparar sus respuestas con las etiquetas.
Fácil de rellenar.
En HTML, no requiere el uso del atributo de marcador de posición como un proxy para la etiqueta, lo que ayuda a mantener la accesibilidad.
Es fácil para los usuarios ver dónde tienen que ingresar información.
Funciona independientemente del tipo de campo (por ejemplo, cuadro de texto, botones de radio, casillas de verificación o desplegables).
Funciona con interfaces táctiles.

Desventajas

En pantallas pequeñas, cuando el foco está en el campo, la etiqueta puede no estar visible (debido al zoom).
Es poco probable que el usuario pueda ver la etiqueta y el campo de un vistazo.
Cuando el formulario se traduce a otros idiomas, las etiquetas ya no caben en el espacio asignado.
Las etiquetas pueden estar muy lejos de sus campos correspondientes, por lo que puede ser difícil ver cuál va con el cual (el trazado de cebra puede ayudar a minimizar este problema).

Etiqueta a la izquierda del campo y pegado a el


Ventajas

El usuario puede ver la etiqueta y el campo de un vistazo.
La forma es más corta en comparación con tener etiquetas sobre los campos.
La longitud de la etiqueta puede ser más larga que la longitud del campo.
Las etiquetas son más fáciles de visualizar, ya que no están separadas por campos.
Las etiquetas están muy cerca de sus campos correspondientes, por lo que es fácil ver cuál va con cuál.
La etiqueta es visible incluso cuando se llena su campo correspondiente, por lo que el usuario no tiene que recordar qué era la etiqueta y puede hacer frente a las interrupciones.
En cualquier momento, los usuarios pueden comparar sus respuestas con las etiquetas.
En HTML, no requiere el uso del atributo de marcador de posición como un proxy para la etiqueta, lo que ayuda a mantener la accesibilidad.
Es fácil para los usuarios ver dónde tienen que ingresar información.
Funciona independientemente del tipo de campo (por ejemplo, cuadro de texto, botones de radio, casillas de verificación o desplegables).
Funciona con interfaces táctiles.

Desventajas

En pantallas pequeñas, cuando el foco está en el campo, la etiqueta puede no estar visible (debido al zoom).
Cuando el formulario se traduce a otros idiomas, las etiquetas ya no caben en el espacio asignado.

Resumen


El posicionamiento de la etiqueta de formulario es un tema muy debatido, y muchas personas rápidamente declaran que su idea es la mejor. En realidad, la situación es más delicada. Pero eso no significa que decidir sobre el posicionamiento tenga que ser difícil. Con las ventajas / desventajas mencionadas anteriormente, puede determinar fácilmente qué es lo mejor para su situación particular.

Lecturas recomendables


Hacer que las etiquetas de formulario en el cuadro sean entendibles
Colocación de etiquetas en los formularios
Las etiquetas en los campos de entrada son problemáticas (tweet)


lunes, 21 de enero de 2019

Mejorando tu tienda on-line

pagina de pago en una agencia de viajes vista en un movil


En el diseño de comercio electrónico, la pagina de pago es una de las partes más importantes del proceso del usuario. Y con razón: influye directamente en la percepción de la marca, la propensión a las visitas de retorno y la capacidad de una organización para generar ingresos en línea. Con cada vez más usuarios comprando en teléfonos inteligentes, es imperativo diseñar un flujo de pago móvil que no solo siga las mejores prácticas para la experiencia del usuario de comercio electrónico, sino que también esté optimizado para las capacidades y limitaciones de los dispositivos móviles.

Carro de la compra móvil y opciones de pago


Proporcionar acceso rápido al carrito de la compra.

Al tocar el carrito de la compra, se indica un deseo de avanzar, por lo que los usuarios deben ir al carrito lo más rápido posible. Evite los retrasos relacionados con el rendimiento y elimine cualquier obstáculo innecesario que pueda afectar a los usuarios cuando intenten acceder al carrito.


Facilite a los usuarios la actualización del contenido de su carrito de compras. 

Las personas a menudo cambian de opinión sobre la compra de un producto o añaden accidentalmente un artículo al carrito de la compra dos veces. Permitir a los usuarios cambiar fácilmente el contenido de su carrito de compras.

Ofrezca a los usuarios un botón Eliminar transparente junto a cada artículo en su carrito. 

No los obligue a cambiar las cantidades a cero para eliminar un producto de su carrito de compras.


No utilice un botón actualizar para confirmar cambios en el carrito de compras.

Algunos sitios obligan a los usuarios a presionar un botón para actualizar para que cualquier cambio en su carrito de compra. Por lo tanto, alguien que quiera cambiar la cantidad de un artículo en el carrito deberá indicar la nueva cantidad y luego presionar Actualizar para confirmar el cambio.

Este diseño es erróneo por dos razones: (1) los usuarios deben realizar dos acciones (cambiar la cantidad, luego presionar el botón Actualizar) para cambiar el artículo; (2) la gente a menudo no presiona el botón Actualizar , ya sea porque se olvida o porque no se dan cuenta de que se supone que deben hacerlo.

Apoye la continuidad de la experiencia de compra en múltiples dispositivos


Este aspecto se entiende mejor con un ejemplo. La transferencia permite a los usuarios de Apple moverse entre dispositivos iPhone, iPad y Mac. Esta función es compatible con una experiencia de compra perfecta, lo que permite continuar la misma sesión en diferentes dispositivos. Un usuario comenzó a comprar en una computadora MacBook Pro pero se mudó al iPhone para pagar.
Desafortunadamente, muchas aplicaciones (siendo Amazon un ejemplo notable) no utilizan el traspaso, en detrimento de sus usuarios.
Asegúrese de que su sesión pueda reanudarse en un dispositivo diferente una vez que haya iniciado sesión . Sin embargo, eso no es suficiente: los usuarios deben conocer esta función cuando crean una cuenta por primera vez. Para ayudar a los usuarios a recordar sesiones de compra anteriores en diferentes dispositivos, considere la posibilidad de incluir etiquetas que indiquen cuándo se agregaron artículos al carrito y en qué dispositivo o canal se agregaron.

Pon la casilla de recordar usuario


Resumen del pedido y opciones de recogida


Los compradores no aprecian inexactitudes o precios poco claros y se sienten frustrados cuando los costes aumentan inesperadamente durante el proceso de compra. A menudo, cuando esto sucede, los usuarios abandonarán su carro de compra y buscarán los artículos en otros lugares para evitar cargos excesivos, especialmente cuando se trata de gastos de envío y entrega.

Haga que el resumen del pedido sea fácil de encontrar en diseños móviles.

Si bien los detalles que mostramos en el resumen del pedido (incluidos el subtotal, los impuestos, las tarifas, los descuentos y los gastos de envío) son importantes para cualquier proceso de pago, debemos prestar especial atención a la colocación del resumen del pedido para el pago móvil. Debido al espacio limitado de la pantalla, estas tarifas adicionales pueden aparecer a bajo de la página y pueden ser ignoradas por los usuarios. Para evitar sorpresas desagradables muestre el resumen del pedido de manera prominente en la parte superior de las páginas de pago. No haga que los compradores se desplacen al final de la página para encontrar esta información.

En la página de pago de Jet.com , el resumen del pedido se coloca de tal manera que los usuarios pueden ver claramente cada línea de pedido antes de realizar su pedido, sin tener que desplazarse hacia abajo.

Use la ubicación actual del usuario para determinar el impuesto a las ventas, los costos de entrega y las opciones de recolección disponibles.


Los costes de envío y los impuestos generalmente dependen de la dirección de envío asociada con el pedido, que generalmente se ingresa al final del proceso de pago. Siempre que sea posible, los minoristas deben usar la ubicación actual de sus clientes para estimar los cargos de envío y el impuesto antes de que los usuarios hayan ingresado sus direcciones de envío.


Campos de formulario 


Rellenar formularios en dispositivos móviles puede llevar mucho tiempo y ser propenso a errores. Reducir el número total de campos de formulario y rellenar automáticamente los campos para el usuario puede facilitar enormemente el proceso de pago.

Calcule campos automáticamente en base a las entradas previas de los usuarios. 

Los campos como el tipo de tarjeta de crédito, la dirección, la ciudad o el estado pueden calcularse automáticamente basándose en otros datos ingresados por el usuario (el número de la tarjeta de crédito y, respectivamente, el código postal). En lugar de pedir a los usuarios que escriban esta información explícitamente, haga el trabajo por ellos.

Uso del teclado correcto en cada momento. 

Use un teclado numérico para datos numéricos, como números de tarjetas de crédito o números de teléfono. Para los campos de dirección de correo electrónico, use un teclado específico para ingresar direcciones de correo electrónico, que presenta de manera destacada caracteres específicos.

El relleno automático del navegador y los datos guardados deben funcionar en campos de formulario
Como nombre, dirección, dirección de correo electrónico, número de teléfono, contraseña y tarjeta de crédito.

Pago fácil en el móvil


Ingresar los detalles de la tarjeta de crédito es laborioso, molesto y, especialmente en dispositivos móviles, propenso a errores; Además, es posible que los usuarios en ese instante no siempre tengan a mano su tarjeta de crédito.

Ofrezca opciones de pago para dispositivos móviles, pero no abrume a los usuarios con demasiadas opciones. 

Las opciones de pago de terceros reconocibles como Paypal o Apple Pay pueden ser útiles, pero demasiadas opciones pueden causar a brumación de opciones.

Permitir a los usuarios tomar fotos de sus tarjetas de crédito para completar la información.

Conclusión

Lo que distingue las mejores experiencias de pago móvil es la atención adicional a los detalles. Los elementos de UI centrados en el usuario pueden ayudar a sus usuarios.


viernes, 18 de enero de 2019

Escribir un buen texto alternativo

texto alternativo en imagenes


La accesibilidad realmente es una buena estrategia, un diseño cuidadoso, pero a menudo son las pequeñas cosas las que marcan la diferencia para la persona que leen nuestro contenido. Las descripciones de texto para las imágenes se encuentran entre los requisitos de accesibilidad más básicos, pero también están entre los más difíciles de corregir.
Las descripciones de los textos hacen posible que cualquier persona que no pueda ver una imagen entienda qué contiene la imagen. Esto incluye a las personas con discapacidades permanentes como ser ciegos o con baja visión, las personas con discapacidades temporales como la tensión ocular, o las personas con discapacidades situacionales como las imágenes que no se cargan correctamente. La mejor manera de proporcionar una descripción de texto es usar el atributo alt en el elemento img. Es posible hacer esto en la mayoría de los Sistemas de administración de contenido (CMS), y la descripción del texto resultante es casi universalmente compatible con los navegadores, las Tecnologías de asistencia (AT) como los lectores de pantalla y los asistentes de voz como Siri.

Imágenes en enlaces o botones.


Si la imagen es el único contenido de un enlace o botón, la descripción del texto debe describir el propósito del control.

lista de enlaces creada con el editor de WordPress


Imágenes de visualización de datos.


Si la imagen contiene datos complejos, el primer paso es proporcionar una descripción de texto que describa brevemente los datos. Por ejemplo, una imagen que muestra la cuota de mercado actual para los navegadores de uso habitual en la web.

Grafico circular con los navegadores web mas habituales


Si los datos en la imagen requieren una descripción más detallada, esto debería incluirse en el contenido (visible) de la página, ya que será útil para todos. La descripción más larga también puede asociarse con la imagen utilizando el atributo descrito por aria, lo que significa que los usuarios del lector de pantalla serán informados de que la descripción más larga está disponible.

Imágenes que incluyen texto.

No utilice imágenes de registro (como PNG o JPG) que contienen texto. El texto no se escala y se vuelve rápidamente ilegible cuando se lo ve con una gran ampliación o zoom. Si el texto debe presentarse con un diseño personalizado, use CSS para personalizar el contenido del texto.

Icono de Whatsapp con texto Whatsapp


Imágenes estéticas


Las imágenes a menudo se usan para agregar "atmósfera" a una página, para evocar emociones particulares o para transmitir un estado de ánimo particular. Las descripciones de texto de estas imágenes deben tener como objetivo transmitir el mismo sentido de significado, lo que significa que pueden permitirse ser un poco más imaginativos que otras formas de descripción de texto. Por ejemplo, la descripción de texto de un logotipo.

tres globos de aire caliente se unen en un cielo tranquilo y soleado
<img src = "balloons.svg" alt = ”tres globos de aire caliente se unen en un cielo tranquilo y soleado">


Imágenes puramente decorativas

Estas son las imágenes utilizadas para proporcionar adornos visuales a una página, pero que no tienen otro propósito que no sea ese. Estas imágenes no necesitan una descripción de texto, pero el atributo alt todavía debe estar presente en el elemento img. Cuando el atributo alt está presente, pero está completamente vacío, la imagen es completamente ignorada por AT y los asistentes de voz.

<img src = ”bar.png” alt = ””>

jueves, 17 de enero de 2019

Drupal y su preocupación por ser cada versión más accesible que la anterior

logotipo de Drupal tm


Drupal es una comunidad que tiene el compromiso de asegurarse de que sus sistemas sean accesibles para que cualquier persona se compromete a garantizar que todas las características del sistema central cumplan con las directrices de W3C: WCAG 2.0 . Drupal también ha hecho promesas, donde es posible, actualizar también la versión anterior de Core, versión 6, para mejorar sus características de accesibilidad. Drupal ha identificado y resuelto problemas en el núcleo de Drupal 7. Han agregado soporte adicional para aplicaciones de Internet enriquecidas agregando algo de soporte WAI-ARIA. Ha habido muchas mejoras tanto en el lado visitante como en el administrador de Drupal. Drupal ha sugerido que los usuarios busquen el hashtag D7AX en la página de cada módulo. D7AX significa que el desarrollador de ese módulo ha seguido sus recursos para desarrollar módulos accesibles, Drupal tiene su propio grupo dedicado a la accesibilidad. 

Ábrete Sésamo una app para controlar tu teléfono sin usar las manos

Ventana de open sesame o abrete sesamo en el escritorio de Windows


Esta función ha sido diseñada por una persona con discapacidad para personas con discapacidad. Si no puedes mover las manos por cualquier motivo, Ábrete Sésamo (Open Sesame) te permitirá entrar mundo de la telefonía móvil, abriendote al mundo antes oculto para ciertas personas.



A través de esta tecnología patentada, los usuarios con uso limitado de sus manos obtienen acceso a todo el mundo de las aplicaciones, lo que significa que pueden hacer Tweet, publicar en Facebook, enviar mensajes instantáneos, hacer llamadas telefónicas o descargar cualquiera de los otros millones de aplicaciones.

tres opciones para usar open sesame,Android,kit completo o uso medico


¡Ábrete Sésamo (Open Sesame) ya está disponible en el sistema operativo Windows! Ahora puede usar la misma tecnología de seguimiento de la cabeza, sin hardware adicional en tu ordenador de escritorio, computadora portátil o tableta con Windows. Utilizan la cámara frontal en el dispositivo, o cualquier cámara web adjunta.

Open Sesame es ideal para personas con:

  • Lesiones de la médula espinal
  • Esclerosis múltiple
  • ELA (enfermedad de Lou Gehrig)
  • Enfermedades neuromusculares 
  • Parálisis cerebral
  • Amputaciones
  • Y cualquier condición que lleve a la pérdida de movilidad en las manos / dedos.

miércoles, 16 de enero de 2019

Canute 360, el nuevo 'Kindle para ciegos'

Canute 360  'Kindle para ciegos' con 360 caracteres y 9 lineas


Una compañía británica planea lanzar un lector electrónico en braille para personas ciegas este año que debería mejorar enormemente su experiencia de lectura y evitar que se queden con grandes volúmenes de impresión. Desde que fue desarrollado por Louis Braille en el siglo XIX, el alfabeto de puntos en relieve ha facilitado la lectura a millones de personas ciegas y deficientes visuales.

Pero en su forma impresa no es exactamente de tamaño pequeño: una copia de la Biblia en braille puede ocupar aproximadamente 1,5 metros de espacio en las estanterías.
La firma británica Bristol Braille Technology espera cambiar esto con Canute 360, su nuevo 'Kindle para ciegos', dice que es el primer lector electrónico de Braille multilínea del mundo, que muestra nueve líneas de texto a la vez, o aproximadamente un tercio de Una página de impresión regular. "Esto significa que solo tiene que presionar el botón de avance cada 360 caracteres en lugar de cada 20"
Cualquier texto que se haya sido traducido al formato Braille puede descargarse en Canute, lo que podría suponer un suministro infinito de material de lectura al alcance de la mano del usuario.
El prototipo final de Canute entrará en producción en serie este año, con un precio similar al de una computadora portátil de gama alta.



martes, 15 de enero de 2019

Silla convertible para pacientes en cama


La silla convertible H-250 de Human Care es un dispositivo multifuncional sin levantamiento que ayuda a los profesionales y familiares a realizar de manera más eficiente y seguras el manejo de pacientes en cama, como la transferencia, el transporte, lo que produce una mejor seguridad y dignidad para el paciente.
La obesidad es un problema que crece a nivel mundial. La obesidad en España ha sido citada cada vez más como un problema de salud importante en las últimas décadas. Si bien muchos países industrializados han experimentado aumentos similares. Los deberes de los cuidadores, así como el riesgo de lesiones musculoesqueléticas, han aumentado progresivamente como resultado de la constante demanda de trasladar y reposicionar a los pacientes independientemente de su tamaño y / o peso.

En España puedes contactar con Total care europa

lunes, 14 de enero de 2019

App RogerVoice que permite subtitular conversaciones telefonicas para personas sordas –

icono en Android de Roger Voice


RogerVoice surgió como un proyecto crowfunding y se ha convertido en una de las apps más accesibles para sordos.

Características:
                       •       El objetivo principal es que una persona sorda pueda mantener una conversacion telefonica sin problemas. Para ello, subtitula en pantalla todo lo que la otra persona nos va diciendo.
                       • Además, tienes la opción de escribir en pantalla un mensaje y que la app se lo reproduzca por voz a la otra persona.
                       • Su funcionamiento es bastante preciso y fácil de utilizar.

La app utiliza los propios contactos del teléfono. Además, te coloca en primera posición los contactos que tienen también instalada RogerVoice. La aplicación es gratuita entre usuarios de la app.




domingo, 13 de enero de 2019

Guía para crear animaciones accesibles

discapacitada mirando una pantalla de ordenador


Las interfaces animadas pueden causar dolores de cabeza, náuseas, mareos y otros problemas de salud para muchas personas. Los grupos más afectados son las personas con trastornos vestibulares (perdida de equilibrio), epilepsia y migrañas. Sin embargo, cualquier persona puede experimentar problemas similares si se somete a un movimiento excesivo en la pantalla durante un período de tiempo más prolongado.
El sistema vestibular incluye partes del oído interno y del cerebro, responsables del procesamiento de la información sensorial y la orientación espacial. Las personas con trastornos vestibulares experimentan síntomas como mareos, problemas de equilibrio, mareos crónicos, dolores de cabeza y náuseas al observar movimientos en la pantalla.
Las animaciones de parpadeo y parpadeo también pueden desencadenar convulsiones en personas con epilepsia fotosensible.

Los pequeños elementos animados, como un botón que cambia ligeramente de color al pasar el mouse, no serán un gran problema. Las animaciones que cubren una gran área de la pantalla son las que verdaderamente debes tener cuidado. Al diseñar una animación, siempre piense en el tamaño de la pantalla.

Cuanto mayor sea esta proporción, más personas se activarán con la animación. Esta regla también se aplica a las interfaces móviles. Una animación que parece relativamente pequeña en el escritorio puede cubrir la mitad de la pantalla en un dispositivo móviles.



El desplazamiento horizontal en un sitio web es una sorpresa para la mayoría de los usuarios y no siempre es agradable. Como regla general, siempre piense cuidadosamente sobre los movimientos sorprendentes en la pantalla: tienden a hacer que las personas con problemas de equilibrio pierdan dirección y los síntomas aparezcan.



Los controles deslizantes (carrusel), presentan un problema para cualquiera que esté realmente interesado en el contenido del control deslizante (que probablemente no sea una gran multitud). De acuerdo con el excelente análisis "Sliders" de Yoast SEO, solo el 1% de los usuarios hace clic en los controles deslizantes

Siempre proporcione más de una forma para que los usuarios detengan, pausen y reinicien su deslizador o carrusel. Hay una serie de técnicas que puede utilizar, tales como:

Iconos de flechas izquierda y derecha para permitir al usuario mover las diapositivas.
Los iconos de reproducción, detención y pausa tradicionales debajo del control deslizante, similares a los utilizados en los reproductores multimedia.

Además, evita los efectos animados en las diapositivas. Las animaciones dentro de las animaciones son muy perturbadoras para la experiencia del usuario y dañan seriamente la accesibilidad.
Además de los controles deslizantes, el criterio de éxito 2.2.2 de WCAG 2.0 también recomienda proporcionar controles de pausa / detener / ocultar para cualquier información de actualización automática que:

Se inicia automáticamente.
Se presenta en paralelo con otros contenidos.


Las animaciones que ocurren demasiado rápido también pueden ser problemáticas para los usuarios con necesidades de accesibilidad (y probablemente para cualquiera que quiera procesar la información presentada). Afortunadamente, CSS permite controlar la duración de las animaciones y las transiciones.

Para configurar límites de tiempo, puede usar las propiedades animation-duration y  transition-duration. Su uso es bastante sencillo. La duración ideal del tiempo depende del tamaño relativo de la animación a la pantalla. Lo que está bien para una animación más pequeña puede ser demasiado rápido para una animación más grande. También puede ser una buena idea usar diferentes duraciones para diferentes tamaños de vista. los bucles infinitos no son muy buenos para la accesibilidad. Especialmente, si no proporciona ninguna forma para que los usuarios detengan o detengan la animación cuando lo deseen.


Los GIF animados son extremadamente populares en nuestros días; Los sitios web los utilizan todo el tiempo. Sin embargo, su impacto en la accesibilidad casi nunca se cuestiona y en realidad es bastante perturbador. Los problemas de accesibilidad se vuelven especialmente desagradables cuando un sitio web utiliza varios GIF animados en la misma página. Una de las posibles soluciones es reemplazarlos con videos HTML que se ejecutan de forma nativa en todos los navegadores modernos. Hay una serie de herramientas (por ejemplo, FFmpeg, Gfycat, Imgur) que puede utilizar para convertir GIF animados en diferentes formatos de video.


Como alternativa a la <video>etiqueta, también puede usar JavaScript para evitar la reproducción automática de GIF animados. Actualmente, la mejor opción en mi opinión es una pequeña biblioteca de JavaScript llamada Gifffer creada por Krasimir Tsonev . Es bastante sencillo de usar y no tienes que convertir tus animaciones en videos

viernes, 11 de enero de 2019

Guía para la descripción de audio

Pagina de Netflix con los videos con audio-transcripción

¿Qué es la descripción de audio?


Usamos nuestros ojos todo el tiempo para aprender, descubrir y disfrutar del mundo que nos rodea. Usamos nuestra vista para ayudarnos a navegar a diferentes lugares, completar diferentes tareas, hacer nuestro trabajo y cuidarnos a nosotros mismos. Tómese un segundo para pensar en qué sucedería cuando no tiene su sitio de la vista para que le ayude a superar el día a día. ¿Cómo podrías disfrutas las cosas simples que hemos dicho por sentado, como videos y presentaciones?
Existe una herramienta de accesibilidad para ciegos y baja visión llamada descripción de audio. Esta herramienta es la clave para revelar información detallada a los espectadores ciegos y con baja visión. La descripción de audio es el método por el cual se proporciona información sobre el contenido visual que se considera crucial para la comprensión del programa. Esta es una pista de audio que narra la información visual relevante.


Cómo agregar una descripción de audio


Uno de los principales desafíos con la descripción de audio es la publicación. Si bien hay varias formas de agregar una descripción de audio a su video, depende bastante de las capacidades del reproductor de medios, y no todos los dispositivos o plataformas tienen las mismas opciones.

Según los estándares internacionales de la Web, existen varias  técnicas para agregar una descripción al material audiovisual, todas las cuales son formas confiables de cumplir con el  criterio de éxito de WCAG .

Qué Describir



Al describir, es importante centrarse en lo que es esencial para que el oyente sepa en términos de desarrollo de trama y carácter. Por ejemplo, esto incluye quién está en el escenario o en la pantalla, quién está hablando, el escenario y la escena, incluidas las entradas y salidas, los muebles, los muebles, etc. - la iluminación, el vestuario, las expresiones faciales, los movimientos, las acciones, los gestos, los gestos. , peleas, y bailes.


  • Escriba de manera simple, clara y concisa para que la descripción sea fácil de comprender.
  • Utilizar lenguaje descriptivo, preciso y adecuado.
  • Relaciona tu vocabulario con el contenido.
  • Evite los términos técnicos a menos que sea absolutamente necesario.
  • No use términos ofensivos o racistas, (pero sí describa la etnia cuando sea relevante), sin embargo, no censure lo que ve.
  • Evita el término "vemos".
  • Sé consciente de lo que es real y de lo que es ilusión para tus oyentes.


Estilo de la audio-transcripción

  • Nunca anule el diálogo a menos que sea absolutamente necesario. Si tiene que hablar sobre los actores, hágalo en el diálogo menos consecuente.
  • Describe lo que ves sin interpretación ni comentario personal.
  • Haga coincidir su estilo, tono y ritmo con el espectáculo, la escena o el evento que está describiendo 
  • ve acorde al estado de ánimo de la escena. 
  • No tengas la tentación de llenar cada pausa.
  • No haga ruidos extraños, golpee el micrófono, varíe la distancia del micrófono, realice cambios repentinos e innecesarios en el volumen, etc.
  • Describa al mismo tiempo que se desarrolla la acción, o anticipe un poco, particularmente con respecto a situaciones cómicas u terroríficas para permitir que sus oyentes experimenten las mismas emociones que la audiencia vidente al mismo tiempo.
  • Describir en tiempo presente.
  • Buena descripción dirige la atención a la presentación, no a sí misma.

Usando una pista de WebVTT


El video HTML5 permite el uso de un archivo de descripción WebVTT. Los lectores de pantalla deben poder leer este archivo, sin embargo, esto no es ampliamente soportado en los reproductores de video.


Formatos de descripción de audio



La publicación de la descripción de audio ha planteado tradicionalmente un verdadero desafío para las personas, ya que la mayoría de los reproductores y plataformas de video no admiten la descripción de audio. Proporcionar una descripción de audio para su contenido, y por lo tanto hacer que su contenido sea accesible, no debería ser un desafío.

Una forma de facilitar la publicación de la descripción de audio es tener su descripción de audio disponible en varios formatos diferentes. Esto le permite utilizar el formato adecuado para el reproductor o la plataforma donde desea publicar.
Los activos basados en texto son exactamente lo que suena. Estos incluyen la descripción de audio en forma de texto. Puede descargar como  WebVTT, TXT, DOC, TXT fusionado, DOC fusionado, Doc. Sellado o Doc fusionado (Estampado) .

Los formatos de descripción de audio basados en texto proporcionan la necesidad de proporcionar menor cantidad de alojamiento, estos tienden a perder parte de los detalles cinematográficos en comparación con los formatos basados en los que están integrados en el reproductor. Además, cualquiera de los archivos no estampados no proporciona códigos de tiempo, lo que significa que la descripción de audio no necesariamente se asociará con la sincronización correcta del contenido de la fuente original.

La transcripción y la descripción del texto solo combinadas son muy útiles para los espectadores sordociegos, ya que contiene tanto la transcripción del audio y su video, como la descripción de la información visual de su video.

¿Quiero probar? 


Puede encontrar una lista actual de los títulos de Netflix que tienen una descripción de audio disponible en  netflix.com/browse/audio-description . Una vez que haya decidido qué título desea reproducir, activar la descripción de audio es simple. Una vez que el video comience a reproducirse, haga clic en el botón en la esquina inferior derecha del video como lo haría para los subtítulos


jueves, 10 de enero de 2019

Invento guantes inteligentes que convierten los movimientos del lenguaje de señas en un discurso de audio



Roy Allela de Kenia tuvo una sobrina que nació sorda y la resultaba difícil comunicarse con su familia, ninguno de los cuales sabía lenguaje de señas. Dicen que la necesidad es la madre de la invención y la necesidad de comunicarse con su sobrina hizo que Roy, de 25 años, inventaría unos guantes inteligentes que convirtieran los movimientos del lenguaje de señas en un archivo de audio. Esta hazaña hizo que Roy ganara la admiración y el reconocimiento de la prestigiosa Sociedad Americana de Ingenieros Mecánicos (ASME), la organización más grande del mundo para ingenieros mecánicos. La aplicación también permite a los usuarios configurar el idioma, el género y el tono de la voz de audio, con resultados de precisión que promedian el 93 por ciento recordemos que más de 30 millones de personas en todo el mundo tienen discapacidades del habla y deben confiar en el lenguaje de señas, lo que representa una barrera para el idioma cuando se trata de comunicarse con otros usuarios.
El objetivo del joven ingeniero es colocar al menos dos pares de guantes en cada escuela de necesidades especiales en Kenia.




miércoles, 9 de enero de 2019

eSight 3 ayuda a las personas con discapacidad visual a ver el mundo y también a cambiarlo

En la parte frontal, una cámara de alta definición transmite video con un retraso infimo a dos pantallas ubicadas directamente frente a los ojos. Luego, las imágenes se mejoran mediante un algoritmo diseñado específicamente para personas con discapacidades visuales, con un trackpad óptico de mano que permite al usuario refinar aún más la imagen a través de un conjunto completo de controles de zoom, contraste y enfoque.



Para muchas personas con baja visión, el impacto de eSight es inmediato . Esta es la razón por la cual una experiencia directa y personal con eSight es vital y, a menudo, la única forma de creerlo.
En más de cuarenta países, eSight ha ayudado a miles de personas con discapacidad visual y legalmente ciegas a recuperar el acceso a todas las actividades que alguna vez disfrutaron

martes, 8 de enero de 2019

AfterShokz TREKZ Air posiblemente el mejor auricular de conducción osea

AfterShokz TREKZ  air auricular de conducción osea de color azul


La conducción ósea le permite escuchar el sonido a través de la vibración de los huesos de su cara (huesos de la mandíbula y mejillas). Esto significa que las ondas de sonido están desviando el oído externo y medio (donde se encuentra el tímpano) y estimulan directamente el oído interno (órgano auditivo).

La tecnología de conducción ósea ha existido durante muchos años como una herramienta para ayudar a las personas con pérdida auditiva. Incluso Beethoven, que tenía problemas de audición, usaba la conducción ósea

Usar la conducción ósea bajo el agua es totalmente increíble, no hay otra manera de decirlo. Si bien esta tecnología fue patentada en 1996, en el video verás que Casio fue uno de los primeros en popularizar esta tecnología en el buceo con su dispositivo Logosease.


Una de las dudas más generales es ¿La calidad del sonido será tan alta y clara como los auriculares “normales”?

Lamentablemente no. La conducción ósea no es necesariamente peor que la conducción aérea (la forma en que la mayoría de los auriculares transfieren el sonido). El problema es que este tipo de conducción ósea no es implantable (obviamente). Por lo tanto, no está obteniendo una transmisión verdaderamente directa, lo que hace que la calidad del sonido sea peor.

La gran diferencia del AfterShokz TREKZ Air sobre otros es la mejora de los micrófonos con cancelación de ruido dual para ayudar a reducir el viento y la estática para su música y llamadas.

AfterShokz TREKZ Titanium amarilloAfterShokz TREKZ Titanium 


Vibrabeats Vidonn F1 azul Vibrabeats Vidonn F1

Aftershokz AS500 Bluez 2 Open Ear negro con lineas rectasAftershokz AS500 Bluez 2 Open Ear 

Auriculares Liwithpro rojoAuriculares Liwithpro

 Aftershokz AS450 Sportz M3 con microfonoAftershokz AS450 Sportz M3 










Lamentablemente estos dispositivos solo se pueden comprar en Amazon USA, ya se sabe que España es un punto negro de la accesibilidad.
Panasonic RP-HGS10-G  con cable verde fosforitoPanasonic RP-HGS10-G