martes, 16 de julio de 2019

Cansado de injusticias en verano

Estoy tan HARTO de escuchar -legislación en accesibilidad RD…..- y luego no cumplirse ¿ a que juega nuestros gobernantes? Somos la vergüenza de Europa, todavía no se piensa en las personas discapacitadas, esas personas que cuando vienen las vacas flacas son las primeras en recibir el “palo”. Es una lastima que no nos  unamos somos millones de discapacitados de familias deseosas de recibir un poco de justicia social. Nadie nos puede quitar nuestra discapacidad pero no es de justicia social que las personas con más recursos económicos tengan la posibilidad de vivir mejor, no pedimos nada que no se pueda solucionar con un poco de pensar en los demás, una web donde puedas comprar tus billetes (verdad Ryanair, Renfe), una escalera, una rampa donde esta un escalón, una calzada bien asfaltada, no tener que ir esquivando las “cacas” de los perros…. Pequeños gestos que hacen mucho. En definitiva ya que tenemos que vivir con nuestra discapacidad que la sociedad no lo ponga más difícil.
Si, estoy harto de leyes y aquí todo continua igual eso si cada vez que toca votar sale el político de turno para pedir nuestro voto eso si para crear otra ley que no se cumplirá y cuando se cumple un poco, la paraliza el otro porque cómo los otros van hacer algo

El comercio electrónico es el futuro

Cuantas veces has oido la frase el futuro de comercio está en la web el articulo E-commerce into the future: the importance of accessibility te ayudará a entender

viernes, 28 de junio de 2019

miércoles, 26 de junio de 2019

Arrastra y suelta usando WAI-ARIA

La aria-grabbed
La aria-grabbed se utiliza para determinar si un elemento está en un estado agarrado para una operación de arrastrar y soltar.

Valores


  • `true` Indica que el elemento ha sido seleccionado para arrastrar.
  • "falso" Indica que el elemento no está actualmente seleccionado para arrastrar, pero puede estar disponible para arrastrar estableciendo la propiedad en `true`.

Si un elemento no tiene ninguna aria-grabbed el elemento no puede ser arrastrado.

El aria-grabbed en el siguiente ejemplo indica que el elemento de la lista se ha seleccionado para participar en una operación de arrastrar y soltar.
<li aria-grabbed="true">

La aria-dropeffect es un estado que indica el tipo de operación que se producirá cuando un objeto que participa en una operación de arrastrar y soltar se libera en el destino. Se puede proporcionar más de un valor como una lista de fichas separadas por espacios. La siguiente tabla enumera los valores posibles para aria-dropeffect.

Valores

`copy` La fuente se duplica y se suelta en el objetivo.
`move` El origen se elimina de su ubicación actual y se suelta en el destino.
`reference`Se creará una referencia o acceso directo al objeto de origen en el destino.
`ejecutar` Una función compatible con el objetivo se ejecuta utilizando la fuente de arrastre como entrada.
`popup` Se presenta un menú emergente o un cuadro de diálogo para que el usuario pueda elegir una de las operaciones compatibles (copiar, mover, referencia y ejecutar) u otra funcionalidad de arrastre.
`none` El objetivo no aceptará la fuente.
El aria-dropeffect en el siguiente ejemplo indica que el efecto de soltar un objeto en esta lista desordenada sería eliminar el objeto de su ubicación actual y copiarlo en esta lista.

<ul aria-dropeffect="move">
El modelo de evento de arrastrar y soltar HTML 5
Existe un modelo de eventos HTML 5 bien definido para las operaciones de arrastrar y soltar . El modelo es demasiado complejo para cubrirlo en detalle.

Datos sacados de :https://dev.opera.com/articles/accessible-drag-and-drop/

Guía para personas con discapacidades de lenguaje o comunicación

Esta guía describe las funciones de accesibilidad más populares de Windows y Microsoft Office. También cubre productos de tecnología de asistencia para Windows y Microsoft Office diseñados para personas con discapacidades de lenguaje o comunicación puedes descargar esta guía en la web de soporte de Windows

miércoles, 19 de junio de 2019

3dRudder for PlayStation VR

Ratón para pies de PlayStation

Pautas generales de vídeos de cabecera


Mantenga el video relativamente corto

Los videos más largos tendrán un tamaño de archivo mayor, consumirán más ancho de banda del usuario y pueden tardar más en iniciar la transmisión. Mantenga el video alrededor de 10-15 segundos de duración. Eso debería ser una cantidad adecuada de tiempo para transmitir una idea o emoción intencional.


Evitar el movimiento excesivo

Cierto movimiento está bien, pero el movimiento excesivo puede distraer e inoportuna. Además, tenga en cuenta que el término "fondo" de video implica que hay información más importante en primer plano. El video de fondo está destinado a apoyar visualmente y reforzar la información de primer plano. Si hay demasiadas cosas en el video, es probable que reste valor al primer plano más importante. También es importante tener en cuenta que el movimiento excesivo también puede desorientar a las personas con trastornos vestibulares (sensibilidad al movimiento).

Exportación de video final a alta calidad.

Al exportar el video final desde su aplicación de edición de video, asegúrese de exportarlo con configuraciones de alta calidad. La conversión y la optimización para su uso en la web se realizarán más adelante.

Quitar el canal de audio

El audio puede distraer en este contexto, además, los videos de fondo no se reproducirán automáticamente en el móvil si contienen sonido, así que asegúrese de eliminar el canal de audio completamente.

Proporcionar múltiples formatos

Para que el video sea compatible con todos los navegadores, deberá convertirlo a múltiples formatos, actualmente, WebM y MP4. Para hacer esto, recomiendo usar ffmpeg a través de la línea de comandos. Si tienes homebrew es fácil de instalar brew install ffmpeg --with-libvpx. Los comandos se ven algo como esto:

ffmpeg -i input.mp4 -c: v libvpx-vp9 -an output.webm
ffmpeg -i input.mp4 -c: v libx264 -an output.mp4

Considere el uso de ancho de banda de los usuarios móviles

Dado que los videos suelen ser archivos grandes, consumirán más ancho de banda y ralentizarán el tiempo total de carga de la página. Considere utilizar consultas de medios para publicar un video con dimensiones más pequeñas y una tasa de bits más baja para dispositivos de pantalla pequeña. Esto permitirá una transmisión y reproducción más eficientes en dispositivos de pantalla pequeña, y consumirá menos ancho de banda general para aquellos en una conexión celular.


Asegurar suficiente contraste con el texto de primer plano

Si está mostrando texto en su video, asegúrese de que sea fácil de leer. De lo contrario, deberá aumentar el contraste agregando una superposición al video, cambiando el color del texto o agregando una sombra de texto o un fondo al texto

Proporcionar un botón de pausa

Siempre habrá personas a las que les gustaría hacer una pausa en el video, por lo que es mejor darles la posibilidad de hacer eso.

Además, aunque WCAG no menciona específicamente el uso de video de fondo, los criterios de éxito en la sección 2.2.2 (Pausa, Detener, Ocultar) pueden aplicarse a esto:

“Para cualquier información que se mueve, parpadea o se desplaza que (1) se inicia automáticamente, (2) dura más de cinco segundos y (3) se presenta en paralelo con otro contenido, existe un mecanismo para que el usuario haga una pausa, se detenga o esconderlo..."

Anticipar la posibilidad de mareo por movimiento.

Cuando se enfrentan a la animación y el movimiento a gran escala en la web, las personas con trastornos vestibulares provocados visualmente suelen lidiar con los sentimientos de mareos, como mareos, náuseas y dolores de cabeza. Afortunadamente, iOS

lunes, 17 de junio de 2019

La fuente del texto y la accesibilidad

dos fuentes de texto una  sin apenas contraste y otra acepta


Creo que es seguro afirmar que una gran parte de la accesibilidad del sitio web recae en la tipografía, después de todo, la web aún es del 95% tipografía 1 . Los espectadores visitan un sitio web para leer su contenido o simplemente para encontrar información específica que están buscando. Y la mayor parte de esa información y la mayor parte del contenido se comunica a través de texto. Esta es una de las pocas constantes en la web que no ha cambiado con los años. Entonces, ¿cómo nos aseguramos de que todos puedan leer el contenido de nuestro sitio web? Y por todos, me refiero absolutamente a todos . Esto incluye a personas con problemas de visión, trastornos de lectura, ceguera al color.
Los diseñadores y desarrolladores de sitios web a menudo se olvidan de estas personas o inventan excusas como "las personas ciegas no conducen automóviles, por lo que no necesitan comprar uno en nuestro sitio web". Esto fue, literalmente, lo que alguien dijo cuando trabajé para una gran empresa de mercado de automóviles en línea en el Reino Unido . Este es un comentario de mente cerrada, egoísta y repugnante. La web fue creada para todos y es nuestro trabajo hacerla accesible para todos. Estas son algunas de las mejores prácticas de tipografía web accesible.

1. ESTABLEZCA SU TAMAÑO DE FUENTE BASE EN UNIDADES RELATIVAS

¿Qué es el tamaño de fuente base, cómo lo configuramos y cómo lo usamos? Vamos a empezar con el qué . El tamaño de fuente base es simplemente el tamaño de fuente del que se derivarán todos los demás tamaños de fuente. Si usamos correctamente unidades relativas.

TAMAÑO DE FUENTE BASE Y ACCESIBILIDAD

¿Por qué es tan importante establecer el tamaño de fuente base en unidades relativas? Tengo que ser honesto, durante mucho tiempo, pensé: ¿para qué sirve configurar el tamaño de fuente base 100%? Más tarde supe que es por una razón simple: el tamaño de fuente predeterminado del navegador . La mejor práctica es establecer el font-sizeen el htmluso de %(o cualquier otra unidad relativa), y a continuación, establecer todos los demás elementos a cualquiera emo remque será en relación con el tamaño del cuerpo.

2. COMPRUEBA EL COLOR DE TU TIPO Y SOLO SU CONTRASTE.

Comprobar el contraste de un texto en comparación con su fondo no es suficiente. Muchos diseñadores y desarrolladores web simplemente usan una herramienta para verificar si el contraste de los dos es lo suficientemente alto, pero no es tan simple. También debemos asegurarnos de que el color de nuestro tipo sea lo suficientemente oscuro. Esto significa que la fuente no debería ser demasiado delgada y que deberíamos limitar el suavizado de la fuente solo en ciertos casos.


El comprobador de contraste dice que la combinación de este color de fuente y el fondo es perfectamente adecuada. Pero está claro que esto podría causar problemas al leerlo
Así que no solo compruebe el contraste en una herramienta de comprobación de contraste, asegúrese de que el tipo tenga suficiente contraste.

ALTURA DE LA LÍNEA

La altura de línea recomendada para los párrafos de texto suele estar entre 1.3 y 1.7

LONGITUD DE LA LÍNEA

Obtener la longitud correcta de las líneas es muy simple, pero lamentablemente, la mayoría de los sitios web aún lo tienen mal. La longitud ideal de una línea de texto es de 45 a 75 caracteres, incluidos los espacios. Cualquier cosa que llegue lejos de ese rango se vuelve difícil de leer. Leer líneas muy largas de texto es agotador para nuestros ojos.
El tamaño fuente de la pagina

Esto se puede resolver muy fácilmente, aplique una max-width propiedad a los párrafos de su contenido en el sitio web y luego cuente la cantidad de caracteres (incluidos los espacios) .
No use alineación justificada
Ni siquiera debería tener que escribir sobre esto por más tiempo. La justificación del texto en la web da como resultado “ríos de espacios en blanco entre palabras” que tienen un impacto enormemente negativo en la legibilidad.

No alinee los párrafos largos en el centro

El otro problema son los párrafos largos que están alineados en el centro. Cuando tenemos líneas de texto que tienen una longitud desigual y están alineadas en el centro, es extremadamente difícil encontrar el comienzo de la siguiente línea. Nuevamente, coloque trastornos de la visión o de la lectura por encima de eso y se vuelve casi imposible de leer. No alinee los párrafos que tengan más de 2 o 3 líneas de texto.


lunes, 27 de mayo de 2019

Formularios moviles


Lo primero que hacen los usuarios cuando ven un formulario es estimar cuánto tiempo se necesita para completarlo. Los usuarios hacen esto escaneando el formulario. La percepción juega un papel crucial en el proceso de estimación. Cuanto más complejo parezca un formulario, es más probable que los usuarios lo abandonen. lo más importante que puede hacer un diseñador es minimizar la necesidad de escribir.

MINIMIZAR EL NÚMERO TOTAL DE CAMPOS

Cada campo que pida a los usuarios que completen requiere un esfuerzo. Cuanto más esfuerzo se necesite para completar un formulario, menos probable será que los usuarios completen el formulario. Es por eso que la regla fundamental de diseño de formularios es más cuanto más breve, mejor.

Si después de revisar el formulario desea incluir algunas preguntas opcionales en su formulario, deje en claro a los usuarios que esos campos son opcionales:

Marque los campos opcionales en lugar de los obligatorios.

Use la etiqueta "Opcional" para denotar campos opcionales.

Evite usar el asterisco ( *) para significar "opcional". No todos los usuarios asociarán el asterisco con información opcional, y el significado confundirá a algunos usuarios.
""






Tamaño

La cantidad de información esperada en el campo. El tamaño del campo actuará como una restricción visual: el usuario sabrá la cantidad de texto que se espera que se ingrese con solo mirar el campo.

campo codigo postal



Foco

El enfoque automático de un campo le da al usuario una indicación y un punto de inicio, para que pueda comenzar a completar rápidamente el formulario.

foco señalando nonbre



NO LES PIDA A LOS USUARIOS QUE REPITAN SU DIRECCIÓN DE CORREO ELECTRÓNICO
Seguir este enfoque no garantiza que obtendrá una dirección válida. Los usuarios a menudo copian y pegan su dirección de un campo a otro.


PROPORCIONAR LA OPCIÓN "MOSTRAR CONTRASEÑA"

Duplicar el campo de entrada de contraseña es otro error común entre los diseñadores de productos. Los diseñadores siguen este enfoque porque creen que evitará que los usuarios escriban incorrectamente una contraseña.
En lugar de duplicar el campo de contraseña, proporcione una opción que permita a los usuarios ver la contraseña que han elegido para crear. Tenga un icono o una casilla de verificación que desenmascara la contraseña al hacer clic.

campo contraseña con un botón para verla


NO PONGAS MUCHOS CAMPOS


Los campos excesivos obligan al usuario a hacer toques adicionales para moverse al siguiente campo.

""



EVITAR LOS MENÚS DESPLEGABLES


Si está utilizando un menú desplegable para la selección de opciones, considere reemplazarlo con los botones de radio. Harán que todas las opciones sean fáciles de usar.

La entrada enmascarada también facilita que los usuarios validen la información. Cuando se muestra un número de teléfono en partes, hace que sea más fácil encontrar y corregir un error tipográfico.

dos campos de formulario uno desplegable y otro no



PROPORCIONAR TECLADO ACORDE

Los usuarios móviles aprecian que las aplicaciones y los sitios web que proporcionan un teclado acorde con el campo.

Configure los tipos de entrada HTML para mostrar el teclado correcto. Siete tipos de entrada son relevantes para el diseño de formularios:

input type="text" muestra el teclado normal del dispositivo móvil.
input type="email" muestra el teclado normal y '@' y '.com'.
input type="tel" muestra el teclado numérico del 0 al 9.
input type="number" Muestra un teclado con números y símbolos.
input type="date" muestra el selector de fecha del dispositivo móvil.
input type="datetime" muestra el selector de fecha y hora del dispositivo móvil.
input type="month" muestra el selector de mes y año del dispositivo móvil.


RANGOS


Muchas formas piden a los usuarios que proporcionen un rango de valores (por ejemplo, un rango de precios, rango de distancia, etc.). En lugar de usar dos campos separados, "desde" y "hasta", para ese propósito, use un control deslizante para permitir a los usuarios especificar el rango con una interacción de pulgar.




Autocompletar

La mayoría de los usuarios experimentan autocompletar cuando escriben una pregunta en el cuadro de búsqueda de Google. Google proporciona a los usuarios una lista de sugerencias relacionadas con lo que el usuario ha escrito en el campo.

Auto capitalizar

La auto capitalización convierte la primera letra en mayúscula automáticamente. Esta función es excelente para campos como nombres y direcciones de calles, pero evítala para los campos de contraseña.
Auto-llenado de datos personales.
Escribir una dirección es a menudo la parte más engorrosa de cualquier formulario de registro en línea. Facilite esta tarea utilizando la función del navegador para completar el campo.

Autorización biométrica

El mayor problema de usar una contraseña de texto hoy es que la mayoría de las personas olvidan las contraseñas. El 82% de las personas no pueden recordar sus contraseñas , y entre el 5 y el 10% de las sesiones requieren que los usuarios restablezcan una contraseña. El futuro de las contraseñas es el fin de las contraseñas. Incluso hoy en día, los desarrolladores móviles pueden aprovechar las tecnologías biométricas. Los usuarios no deberían necesitar escribir una contraseña; deben poder usar lectores biométricos para la autenticación: iniciar sesión con una huella digital o escaneo facial.

Cámara

Si su formulario solicita a los usuarios que proporcionen detalles de la tarjeta de crédito o del DNI, es posible simplificar el proceso de entrada de datos utilizando la cámara como un scáner. Proporcione una opción para tomar una foto de la tarjeta y completar todos los detalles automáticamente.

Etiquetas de ayuda

Las etiquetas en línea se ven bien y ahorran un valioso estado de la pantalla, estos beneficios son superados por los inconvenientes significativos de la usabilidad, el más crítico de los cuales es la pérdida de contexto. Cuando los usuarios comienzan a ingresar texto en un campo, el texto del marcador de posición desaparece y obliga a las personas a recordar esta información. Si bien podría no ser un problema para formularios simples de dos campos, podría ser un gran problema para los formularios que tienen muchos campos (por ejemplo, de 7 a 10). Sería difícil para los usuarios recuperar todas las etiquetas de campo después de ingresar datos. una solución simple al problema de los marcadores de posición que desaparecen: la etiqueta flotante (o adaptable). Después de que el usuario toca el campo con el marcador de posición de la etiqueta, la etiqueta no desaparece, se mueve hacia la parte superior del campo y deja espacio para que el usuario ingrese sus datos.

Articulo traduccido de https://www.smashingmagazine.com/2018/08/best-practices-for-mobile-form-design/


viernes, 24 de mayo de 2019

Accesibilidad en las presentaciones de PowerPoint

Logotipo de PowerPoint



Fuentes

Hay dos categorías principales de fuentes:

·      Serif (fuentes con trazos finales en los extremos de los caracteres, como Times New Roman)
·      Sans Serif (fuente sin trazos de acabado, como Calibri)
En general, se acepta que las fuentes sans serif son más legibles y accesibles Las fuentes Serif se usan a menudo para elementos de presentación como encabezados y títulos.

Diseño

·      Asegurarse de que el texto de la diapositiva sea lo suficientemente grande.
·      Abstenerse de tratar de encajar demasiado contenido en una diapositiva.
·      El texto del contenido de la diapositiva es entre 20–28 puntos, y para los encabezados apunta a 36–44 puntos.
·      Asegúrese de que cada diapositiva tenga un encabezado único. Si hay más de una diapositiva sobre el mismo tema, agregue un identificador numérico al encabezado tal como (1 de 2).
·      Evite el uso de itálicas o todo en mayúsculas.
·      No use el color solo para indicar importancia, pero se permite el texto en negrita.
·      Asegúrese de mostrar los números de diapositivas.
·      Mantenga las transiciones y animaciones simples. Las animaciones que aparecen o desaparecen son aceptables, pero evite el flasheo y el texto volador.

Describiendo Imágenes

Agregar descripciones de texto a las imágenes, comúnmente conocidas como texto alternativo, permite a los usuarios con lectores de pantalla obtener una descripción verbal de las imágenes en las presentaciones. El texto alternativo debe describir el contenido y la función de la imagen. Algunos ejemplos incluyen "Foto de una mujer sonriente" o "Logotipo y enlace a nuestra página de inicio". Las imágenes que son decorativas y no proporcionan ningún contenido o función no necesitan texto alternativo.

Contraste de color

El contraste de color también es importante. Asegúrese de que el color del texto contrasta suficientemente con los colores de fondo.

viernes, 17 de mayo de 2019

Diseño del carrito de comercio electrónico

Logotipo de carrito de cualquier tienda on-line


El promedio de abandono del carrito de la compra en línea de 69.89% (según el Instituto Baymard).
Estos trucos para que tus visitantes acaben comprando.

Coloque el icono del carrito de compras en la esquina superior derecha de la página

Amazon respondió a la pregunta de dónde colocar el ícono del carrito de la compra en los años 90 cuando lo colocan en la parte superior derecha. A medida que el sitio de Amazon cambió y evolucionó, mantuvieron el ícono en la esquina superior derecha, pero llevándolo aún más a la derecha.

Use el icono del carrito de compras para mostrar el número de artículos en el carrito

Confirmar cuando los artículos se agregan al carrito

Amazon es un gran ejemplo de esto: no solo proporcionan confirmación, sino también venta cruzada con una exhibición de productos relacionados.

Las tiendas a menudo llevan a los clientes directamente a la página del carrito cuando agregan algo a su carrito. Pero esto interrumpe sus compras, hace que sea más difícil agregar artículos.

Ofrece a los clientes una ventana donde aparezca lo que hay en el carro sin tener que abandonar la página en la que se encuentra.

Proporcionar información sobre el envío

Permite a los clientes ver el pedido, cambiar cantidades, eliminar artículos, volver a la página del producto, etc. Pero el objetivo principal de la página del carrito de la compra es mover a los clientes a la siguiente etapa en el embudo de ventas: el proceso de pago.

lunes, 13 de mayo de 2019

Rewordify y EasyReader aplicaciónes para los que sufrén TDA

Las personas que sufren trastorno por déficit de atención ( TDAH o TDA ) Tienen dificultades con la comprensión de lectura. Incluso si no tienen un trastorno de la lectura en toda regla.
Rewordify es una aplicación basada en la web que cambia la forma en que los lectores con TDAH abordan textos difíciles.
EasyReader es una app que ayuda a los niños que necesitan escuchar las palabras que están leyendo. Al escuchar un texto mientras lo leen, los estudiantes pueden mejorar su comprensión y aumentar su fluidez y velocidad de lectura con el tiempo.

viernes, 10 de mayo de 2019

Accesibilidad en tu correo publicitario

altavoz diciendo e-mail marketing

Alrededor del 15 % de la población mundial vive con una discapacidad. Eso es mil millones de personas. De esos mil millones de personas, 285 millones sufren deficiencias visuales y pueden usar un lector de pantalla para acceder al contenido Web.
Una campaña exitosa empieza con una línea de asunto que capta la atención de tus suscriptores. Las líneas de asunto buenas suelen ser personales o descriptivas, y dan al destinatario un motivo para mirar tu contenido.

Usar encabezados

Los usuarios que usan lectores de pantalla se basan en elementos como tablas y encabezados para determinar la jerarquía informativa de una página Web o correo electrónico HTML. Usa atributos de encabezado HTML para identificar los apartados importantes de tu contenido, en lugar de basarte en elementos de diseño como colores o texto en negrita.

Usar contraste de colores

Usar un contraste de colores en tus campañas suele ser una buena opción de diseño, pero es realmente importante para las personas daltónicas. Esto no significa que tu diseño tenga que ser blanco y negro, pero es bueno respetar un color de texto y un color de fondo contrastante.

Imágenes

Asegúrate de presentar el contenido más importante de tu mensaje en texto, y usa imágenes para complementar ese texto.
Si incluyes enlaces a vídeos en tus campañas, una transcripción para las personas con problemas de audición.

Usar texto alternativo adecuado para las imágenes

El texto alternativo es una breve descripción de la imagen que se muestra cuando un suscriptor no puede ver tus imágenes. El texto alternativo debe ser corto pero descriptivo. Además, debe destacar la importancia de la imagen para tu mensaje.

Usar texto de vínculo significativo

Esto es bastante simple: cuando añadas un enlace a tu campaña, asegúrate de que el texto de vínculo indique a los suscriptores qué están cliqueando. Tienes que tener en cuenta el contexto, pero como regla general, es mejor evitar el texto de vínculo poco claro. En lugar de decir "Hacer clic aquí", pon un poco de contexto como "Hacer clic aquí para ver nuestros productos festivos". Esto le indica a tu lector qué puede esperar al hacer clic en el enlace.

miércoles, 8 de mayo de 2019

El proyecto Euphonia



Tiene como objetivo ayudar a las personas con discapacidades del habla a comunicarse más fácilmente

domingo, 5 de mayo de 2019

Cash Reader, identifica el dinero para invidentes

Logo de Cash Reader

Es una aplicación que sirve para la identificación del dinero.
Ocupa un poco más de 42Mb y es específica para usuarios ciegos, totales o parciales, incluso para sordo ciegos, mediante un sistema de vibraciones que nos indica,la denominación de la moneda. La aplicación está traducida a estos idiomas:
Español, inglés, árabe, bosnio, búlgaro, croata, checo, francés, alemán, italiano, polaco, rumano, ruso, eslovaco, sueco, turco, serbio, chino , portugués , húngaro, indonesio, malayo, japonés, macedonio, albano y ucraniano. En modo silencio, la identificación será transformada en vibraciones. Esto te ayudará a contar e identificar dinero en un lugar ruidoso o si necesitas privacidad. Puedes seguir usando Cash Reader. Después de descargar la base de datos de divisas, no necesitarás internet para leer el dinero, lo que te permite utilizar la app en cualquier momento.
Cash Reader en Android
Cash Reader en appStore


viernes, 26 de abril de 2019

Lego y sus ladrillos Braile

Lego ha presentado un nuevo proyecto destinado a ayudar a los niños ciegos y discapacitados visuales a aprender Braille de una manera "lúdica y atractiva". Lego Braille Bricks, un proyecto propuesto originalmente a la compañía de juguetes y encabezado por dos organizaciones benéficas,que permitirá a los niños aprender el sistema de escritura táctil a través del juego.

Caja de juego Braille Bricks

miércoles, 17 de abril de 2019

App para evaluar la accesibilidad en una app

Icono de axe


Deque Systems, una empresa líder en software de accesibilidad especializada en igualdad digital, anuncia ax para Android, una aplicación móvil gratuita que analiza cualquier aplicación de Android para determinar qué tan accesible está para las personas con discapacidades.
Han desarrollado una aplicación que indica al principio del proceso de desarrollo los problemas comunes antes de afectar a los usuarios. Axe para Android ya está disponible en la tienda de aplicaciones Google Play:
https://play.google.com/store/apps/details?id=com.deque.axe.android

domingo, 14 de abril de 2019

Ventajas del campo único en formularios

formularios con campo único

A menudo nos encontramos con formularios que tienen múltiples campos, como un número de teléfono o un número de tarjeta de crédito. esto puede plantear algunos problemas de usabilidad.
Es posible que se haya encontrado campos para números de teléfono y números de tarjetas de crédito que son cuatro campos de texto.


Un problema puede surgir con este estilo de diseño cuando no todos los campos están correctamente etiquetados. El código para un campo de número de teléfono podría verse así:

<label for="phone">Phone number</label>
<input type="text" id="phone">
<input type="text">
<input type="text">

Los lectores de pantalla anunciarán el primer campo en ese ejemplo como "número de teléfono, editar texto", pero los siguientes dos campos se anunciarán como "en blanco, editar texto" porque no hay ninguna etiqueta asociada a ninguno de ellos. Una forma de solucionarlo sería agregar etiquetas para los otros dos campos junto con a legendy fieldset:

<fieldset>
    <legend>Phone number </legend>

    <label for="area">Area code </label>
    <input type="text" id="area">

    <label for="phone-first">Middle three digits </label>
    <input type="text" id="phone-first">

    <label for="phone-last">Last four digits </label>
    <input type="text" id="phone-last">
</fieldset>

Pero eso es bastante código para un simple número de teléfono.

Veamos un ejemplo con un solo campo de formulario. En ese caso, puede indicar a los navegadores que el campo es para ingresar un número de teléfono configurando la entrada typeentel. El resultado es algo como:

<label for="phone">Phone number</label>
<input type="tel" id="phone">

Un solo campo de texto con un número de teléfono completado

En los dispositivos con un teclado virtual, como un teléfono inteligente, al enfocar ese campo aparece el teclado de los números de teléfono.

Otro beneficio del uso de un solo campo continuo es que es más adecuado para los números de teléfono internacionales
Números de tarjetas de crédito

Los números de las tarjetas de crédito también suelen estar sujetos al tratamiento de campo de texto múltiple. Quizás esto se deba a que están separados visualmente en la mayoría de las tarjetas de crédito o porque puede ser más fácil para los humanos ingresar números largos en partes.

Tal forma podría verse algo como esto:

<fieldset>
  <legend>Credit card number</legend>

  <label>
    First four digits
    <input type="number" maxlength="4">
  </label>

  <label>
    Second set of four digits
    <input type="number" maxlength="4">
  </label>

  <label>
    Third set of four digits
    <input type="number" maxlength="4">
  </label>

  <label>
    Last four digits
    <input type="number" maxlength="4">
  </label>
</fieldset>
Código reducido

<label for="credit-card">Credit card number</label>
<input type="number" id="credit-card">

De nuevo, esto resulta en mucho menos código que la versión de varios campos. En cuanto a una separación visual de los números, hay algunas maneras de resolver eso. Una de ellas sería permitir que los usuarios agreguen sus propios separadores, ya sean guiones, barras, puntos, espacios o algo más.

Fechas

Hay muchas maneras de permitir que los usuarios elijan una fecha: cuadros seleccionados, input con un tipo de date, tres campos separados o un calendario (entre otros).

A menudo vemos el mismo problema de etiquetado independientemente de si se utilizan select elementos o input campos. Veamos un ejemplo con tres campos separados. Este código es muy similar al otro código de número de teléfono dudoso anterior:

<label for="birthday">Birthday</label>
<input type="number" placeholder="DD" id="birthday">
<input type="number" placeholder="MM">
<input type="number" placeholder="YYY">

En este ejemplo, el placeholder le dice a los usuarios qué campo contiene cada parte de la fecha, pero los placeholder tienen un par de problemas relacionados con la accesibilidad, como no tener suficiente contraste de color y desaparecer cuando los usuarios ingresan texto.

Una mejor manera de etiquetar los campos sería usar a fieldset, a legendy a label para cada campo, como en el ejemplo del número de teléfono:

<fieldset>
    <legend>Birthday</legend>

    <label for="day">Day</label>
    <input type="number" placeholder="DD" id="day">

    <label for="month">Month</label>
    <input type="number" placeholder="MM" id="month">

    <label for="year">Year
    <input type="number" placeholder="YYYY" id="year">
</fieldset>

El placeholder ahora proporciona el formato esperado para cada campo, mientras que las etiquetas informan a los usuarios qué datos se solicitan.

Tres campos de texto para ingresar una fecha de nacimiento.  Los campos de texto tienen texto de marcador de posición para indicar su formato esperado: 'DD' para el día, 'MM' para el mes y 'YYYY' para el año.

Vale la pena mencionar que los marcadores de posición no están disponibles para todos los usuarios; por ejemplo: no se muestran en versiones realmente antiguas de Internet Explorer como IE8 e IE9. Los marcadores de posición también desaparecen cuando los usuarios ingresan datos, lo que los deja sin una forma de verificar el formato. Por lo tanto, podría ser mejor incluir el formato en texto sin formato si es realmente importante:

<fieldset>
    <legend>Birthday</legend>
    <p>The format for these fields is two digits for day,
    two digits for month, and four digits for year.</p>

    <label for="day">Day</label>
    …
</fieldset>

Formatos de fecha

Diferentes formatos de fecha se utilizan en diferentes partes del mundo. Pero los formatos de fecha más comunes se pueden resumir como:

De la mayoría a la menos específica: de día a mes a año.
comenzando con el mes seguido del día y terminando con el año.

Debido a estos formatos variables, sería bastante difícil solicitar una fecha en un solo campo de texto si necesita admitir varias configuraciones regionales. En el futuro, podrás resolver esto configurando el atributo input del elemento type en date. Cuando type se implemente esto, los navegadores podrán resolver estos problemas presentando a los usuarios el formato de fecha que utiliza su sistema.

A veces es posible que tenga que admitir navegadores o sistemas operativos que no admiten el tipo de entrada date; en esos casos, probablemente sea mejor pedir fechas en campos de entrada separados. Si tiene que solicitar la fecha en un solo campo de entrada, incluya instrucciones sobre el formato solicitado.

Validación

La validación es una parte importante de los formularios en línea; debemos asegurarnos de que podemos usar los datos ingresados en el back-end de nuestras aplicaciones. Pero descargamos esta carga a los usuarios con demasiada frecuencia. Les pedimos que usen ciertos separadores, formatos y caracteres. Esto no facilita el llenado de un formulario para los usuarios; eso simplemente hace que sea más fácil para los desarrolladores manejar los datos ingresados.


Conclusión
En la mayoría de los casos, es más fácil para los usuarios ingresar un número de teléfono o un número de tarjeta de crédito en un solo campo. Pero si necesita tener varios campos, asegúrese de que estén correctamente etiquetados.

domingo, 7 de abril de 2019

Nuevo lector de PDF de Texthelp



Construido desde cero, el nuevo Texthelp reader proporciona una experiencia increíblemente rápida para cualquier persona que quiera interactuar con archivos PDF. Posiblemente sea uno de los mejores lectores y editores de documento PDF que he tenido en mis manos, traduce, marca un texto, te lee el texto, te lo puedes pasar a un .doc, ya puedes descargártelo desde la tienda de Chrome.



domingo, 31 de marzo de 2019

Tutorial de Teach Access para un HTML accesible

logotipo de teach access


WebAIM publicó un informe que analiza la accesibilidad de las principales páginas web de un millón de sitios web, llamado The WebAIM Million este señaló.

El 97.8% de las páginas de inicio tenían fallas detectables de WCAG 2.
5 de los 6 problemas principales se debieron únicamente a HTML incorrecto (falta de texto alternativo, enlaces vacíos, etiquetas de entrada de formularios faltantes, idioma de documento faltante).

Una organización llamada Teach Access está ayudando a crear contenido para corregir estos errores. Teach Access es un grupo de empresas de tecnología (incluidas Apple, Google, LinkedIn, Adobe y Microsoft) que prepara a los diseñadores, ingenieros e investigadores para que piensen y construyan de manera inclusiva. Para ello entre una de sus medidas ha sido el crear un tutorial

jueves, 21 de marzo de 2019

PDF accesibles directamente desde Microsoft® Office

Iconos de Word y PDF unidos por una flecha

Color y Contraste

Mientras crea su documento, asegúrese de que no está utilizando señales visuales (color, fuente, tamaño, estilo, ubicación en la página, etc.) como la única forma de transmitir información. Si utiliza el color, por ejemplo, como la única forma de indicar que algunos números en una tabla de datos son negativos, los usuarios de lectores de pantalla, así como las personas que miran el documento y tienen ciertos tipos de ceguera al color, van a pasar por alto el hecho de que Algunos números son negativos. Lo mismo vale si usa negrita o cursiva para indicar información. Los lectores de pantalla no anunciarán que el texto está en negrita o en cursiva y, aunque lo hicieran, es posible que las personas no sepan qué se estaba utilizando ese formato para transmitir. asegúrese de elegir colores que proporcionen suficiente contraste entre el primer plano y el fondo
Imágenes
Cuando se trata de incluir elementos gráficos en sus documentos, hay un par de cosas a considerar. La primera es la “colocación”. Cuando inserte una imagen o un gráfico, por ejemplo, en las opciones de “Ajuste de texto”, elija “En línea con el texto”. Si bien esto no necesariamente se presta para crear los documentos más hermosos, es una Detalle importante desde el punto de vista de la accesibilidad. Colocar estos elementos en línea con el texto ayudará a asegurar que se lean en el orden de lectura adecuado sin tener que corregir los problemas en el PDF (una tarea potencialmente más difícil).

En segundo lugar, proporcionar texto alternativo. Cuando un lector de pantalla encuentra una etiqueta de Figura en un PDF, le dirá al usuario que hay un gráfico en la página (literalmente dirá, "Gráfico"). Sin embargo, si no hay ningún texto alternativo, las personas que usan lectores de pantalla no sabrán qué es lo importante acerca de ese gráfico y por qué está ahí. Dependiendo de su versión de Word, su ubicación podría haber cambiado recientemente. Seleccione la imagen y luego, desde su menú contextual, elija "Formato de imagen", vaya a "Diseño y propiedades" y escriba su descripción (en el campo "Descripción", no en el campo "Título"). En las versiones más recientes de Word, seleccione la imagen, vaya a la pestaña
"Formato" en la barra de herramientas y seleccione "Alt texto" en la cinta.

Orden de lectura

Afortunadamente, si está creando su documento de una manera lógica, ¡es fácil corregir el orden de lectura! Solo recuerde colocar sus imágenes "en línea con el texto". Dicho esto, si desea formatear su texto en columnas, por ejemplo, use la funcionalidad de columna que Word proporciona. Evite utilizar cuadros de texto y barras laterales. Claro, pueden verse bien, pero presentan muchos escollos de accesibilidad que son difíciles de solucionar y que probablemente deban solucionarse en el PDF (que, como se mencionó anteriormente, puede ser mucho más difícil).

Listas

Del mismo modo, MS Word tiene una funcionalidad para hacer listas fácilmente. En la cinta de opciones de la pestaña Inicio, en el grupo Párrafo, seleccione la opción para crear listas con viñetas (desordenadas) o listas ordenadas (con números, letras y / o números romanos). Para el autor, la ventaja de usar la funcionalidad de lista, en lugar de escribir las viñetas (o números) a mano, es que Word formateará automáticamente sus listas para usted, dándoles un aspecto coherente y también creará el siguiente elemento de la lista automáticamente para usted a medida que escribe (cuando presiona Entrar). Desde un punto de vista de accesibilidad, el uso de la funcionalidad de lista permitirá a las personas que usan tecnología de asistencia saber que hay una lista como parte del contenido. Cuando un lector de pantalla está leyendo un documento a alguien y aparece en una lista, le dirá a la persona que hay una lista allí.

Tablas

Al crear tablas para datos en su documento, trate de mantenerlas lo más simples posible. ¡Son más fáciles de leer para todos, ya sea que se use o no la tecnología de asistencia! Sería mejor tener dos (o incluso tres) tablas simples en su documento que una tabla realmente compleja. Sin embargo, todos hemos visto esto, donde los autores están realmente orgullosos de sus tablas increíblemente complejas (y argumentan brillantemente organizadas). ¡El problema es que el autor es el único que realmente sabe lo que está pasando en la mesa! "KISS" adiós a esas mesas complejas y "¡Mantenlo simple, tonto!"
Otra cosa a considerar cuando se trata del diseño de la tabla es no permitir que las filas se dividan en una página. Esto puede ser confuso para las personas que tienen discapacidades visuales y tal vez utilizan una lupa de pantalla porque pueden no darse cuenta de que el contenido de una celda continúa en la página siguiente. Otra consideración visual es utilizar los bordes de las celdas (las líneas) en sus tablas. Las líneas son útiles, e incluso cruciales, para algunas personas que miran visualmente la mesa. Por supuesto, si tiene una tabla que abarca varias páginas, use la funcionalidad de Word para repetir los encabezados de las columnas en la parte superior de cada página. De esa manera, las personas no tienen que pasar las páginas de un lado a otro para saber en qué columna están. También, tenga en cuenta el orden de tabulación. Una vez que tu mesa está construida, coloque el cursor en la celda superior izquierda y luego navegue por la tabla con solo la tecla Tab del teclado. Si no se lee de forma lógica, en el orden que desee, debe volver a diseñar su tabla.

Comparación entre MS Word vs. CommonLook Office


martes, 19 de marzo de 2019

Seiichi miyake el inventor japonés de pavimentación para invidentes

bloques Tenji de color amarillo advirtiendo de un peligro


En 1965, SEIICHI MIYAKE quería ayudar a su amigo que estaba perdiendo la vista, y así, usando su propio dinero, comenzó a trabajar en la pavimentación táctil, originalmente conocida como bloques Tenji.

Se le ocurrieron dos diseños. Uno que incorporaba puntos elevados que alertaban a los ciegos de que se acercaban al peligro, como un cruce de carreteras. El otro tenía barras sólidas que indicaban guía a lo largo de un camino seguro. Las diferentes texturas permitieron a los ciegos sentirse a su manera con sus zapatos o un bastón, o con la ayuda de un perro guía.

Miyake esperaba que esto ayudara a las personas con discapacidades visuales a viajar con seguridad por las calles. Uno de los objetivos era asegurarse de que aquellos que no podían ver bien podían subirsé a un tren de manera segura.

En este día de 1967, una calle cerca de la escuela para ciegos de Okayama en Japón, presentó el ingenioso invento de Miyake. Luego se implementó en Japón y se hizo obligatorio en todas las estaciones de tren en una década. El pavimento táctil es ahora una característica de los paisajes urbanos de todo el mundo.
El pavimento también puede estar codificado por colores para ayudar a las personas con deficiencia visual. Los colores brillantes y contrastantes pueden advertir a las personas de un cruce de semáforos,

viernes, 15 de marzo de 2019

Color y la accesibilidad web

Diseño en escala de grises primero


Comenzar el diseño con color es un error bastante común entre los diseñadores. Si bien puede ser tentador completar el diseño con color, es mejor evitar esa tentación.

Combina los colores con la marca


Los colores de marca deben jugar un papel clave en la creación de una paleta de colores. Intenta usar los colores de tu marca en los diseños que diseñas.

Recientemente muchas marcas comenzaron a usar colores brillantes para su diseño. Los colores brillantes dan energía y una sensación de inmediatez.

La regla 60–30–10


El 60–30–10 es una regla muy simple para crear paletas de colores bien equilibradas. La idea es simple: cuando elige una nueva paleta de colores, el 60% de la paleta debe estar dedicada a un color (generalmente, es un color neutro), otro color (complementario) constituye el 30% de la paleta y un tercero El color (acento) se utiliza para el 10% restante del diseño.

La regla de maxima de 3 colores


“No uses más de tres colores en un atuendo, de lo contrario te verás como un payaso o un loro”.  Este es un consejo común que los estilistas personales dan a sus clientes. A menos que sea un experto en combinar colores, es mejor limitar la cantidad total de colores que utiliza en su diseño.
Si crees que tu diseño necesita más colores, intente utilizar variaciones más oscuras y claras de los colores ya seleccionados.

Cocina con la regla de los tres colores


Utilizar generadores de paletas de color


Los generadores de paletas de colores simplifican la tarea de encontrar esquemas de color bien equilibrados. Aquí está una lista de generadores de paletas de color


Nunca use color solo para transmitir el significado


Aproximadamente el 8% de los hombres y el 0.5% de las mujeres se ven afectados por algún tipo de ceguera al color. Deuteranopia (ceguera de color rojo-verde) es la forma más común de ceguera de color. Dichos usuarios tienen dificultades para interactuar con la IU que usa solo el color para transmitir el significado (por ejemplo, usa el color rojo para entregar el estado de error).

Formulario de contacto basandose en el color para señalar errores


jueves, 14 de marzo de 2019

Lookup, la nueva aplicación de Google que convierte el móvil en nuestros ojos.

Icono de lookout


Google últimamente está trabajando en hacer que Android pueda ayudar a personas con discapacidades. Lookup, la nueva aplicación de Google que convierte el móvil en nuestros ojos. La inteligencia artificial quiere demostrar que es mucho más que una palabra de moda, y para ello está mostrando su potencial en muchas áreas. Lookup es una nueva aplicación de Google cuyo objetivo es simple. Esta aplicación nos dirá lo qué es lo que está viendo la cámara de nuestro móvil. Esto es posible gracias a la inteligencia artificial aplicada al reconocimiento de imágenes.
¿Para qué sirve? Principalmente es una herramienta de accesibilidad, ya que permite que personas que no puedan ver puedan utilizar su Android como una especie de guía, indicando qué es lo que tienen al frente. El funcionamiento es así de sencillo. Apunta con la cámara y la aplicación te dirá lo que está viendo. De momento, esta aplicación sólo funciona en dispositivos Pixel y funciona únicamente en Inglés. Si entras en Google Play, lo más probable es que la tienda de Google te indique que la aplicación no está disponible en nuestro país. No obstante, si quieres descargar la aplicación y probarla puedes hacerlo descargando el archivo APK desde APKMirror.

miércoles, 13 de marzo de 2019

Botones y tamaño adecuado



El estudio Interfaces de usuario de pantalla táctil para adultos mayores: tamaño de botón y espaciado encontró que los usuarios tenían la menor precisión táctil en botones que tenían menos de 42 píxeles. Los botones que tenían más de 72 píxeles también tenían baja precisión. La mayor precisión se encontró con botones entre 42-72 píxeles. Esto significa que 42 píxeles es el mínimo y 72 píxeles es el tamaño máximo de botón más óptimo para los usuarios. El tamaño de botón más preferido fue de 60 píxeles, que es aproximadamente la mitad del rango. El botón de 72 píxeles produjo la mayor precisión táctil y fue preferido por los usuarios más antiguos.
Cuando se utiliza una serie de botones, es importante indicar la prioridad. De esta manera, los usuarios saben qué acciones los llevarán al resultado más deseado. El seguir el estándar de tamaño de botón, puede indicar la prioridad de una manera efectiva.
La mayor precisión se encontró con botones entre 42-72 píxeles. Esto significa que 42 píxeles es el mínimo y 72 píxeles es el tamaño máximo de botón más óptimo para los usuarios. El tamaño de botón más preferido fue de 60 píxeles, que es aproximadamente la mitad del rango. El botón de 72 píxeles produjo la mayor precisión táctil y fue preferido por los usuarios mayores. Cuando se utiliza una serie de botones, es importante indicar la prioridad. De esta manera, los usuarios saben qué acciones los llevarán al resultado más deseado. Al seguir el estándar de tamaño de botón, puede indicar la prioridad de una manera efectiva. Ya no tiene que elegir un tamaño arbitrario y esperar que sea fácil de usar.

Ejemplo de prioridad en el tamaño de los botones





El ejemplo demuestra el uso del estándar de tamaño de botón para indicar la prioridad.

Botón de alta prioridad = 72 píxeles
Botón de prioridad media = 60 píxeles
Botón de prioridad baja = 42 píxeles

Los botones que los usuarios usan con más frecuencia ahora son más fáciles de detectar y tocar. Podrán tocarlo con un tiempo de reacción más rápido y una mayor precisión. Esto es especialmente útil si la atención del usuario se divide entre diferentes tareas.

Espaciado de botones


Cuando los botones estaban demasiado separados, los usuarios se movían hacia el objetivo táctil mucho más lento. Y cuando los botones estaban demasiado juntos, los usuarios tenían la menor precisión táctil.

El estudio concluyó que un intervalo de 12 a 48 píxeles es el espacio óptimo entre los botones.
Un botón más grande permite a los usuarios presionar su objetivo con precisión incluso cuando su dedo está ligeramente fuera del objetivo. Pero si están fuera del objetivo con un botón más pequeño, fallarán y presionarán un botón adyacente. Es por esto que los botones más pequeños necesitan más espacio que los botones más grandes.

Botones de texto


Por ejemplo, un botón de texto con una altura de 60 píxeles tendrá un ancho mayor que un botón con el icono de 60 píxeles, pero es tan fácil de tocar. De hecho, es más fácil de tocar porque el ancho más grande requiere menos precisión.

Ejemplo de botones con texto




lunes, 11 de marzo de 2019

Nuevas ruedas motrices Alber e-motion M25.

Propulsor e-motion M25 en el eje de la rueda

Es uno de los pocos impulsores de potencia activa que se pueden adaptar individualmente para satisfacer todas las necesidades de conducción de cualquier persona que use una silla de ruedas manual. Cada rueda pesa solo 7,8 kg. El motor eléctrico e-motion es diferente a cualquier otro producto del mercado y es compatible con casi todos los modelos de sillas de ruedas y se puede adaptar en cualquier momento, la autonomía es de 25 km gracias a sus baterias de litio.
Más detalles del producto en la web de Invacare en Europa.




Apuntes del RD 1112/2018

Tabla de la legislación europea y española en materia de accesibilidad web


23 de septiembre de 2019 y para todos los sitios web antes del 23 de septiembre de 2020

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.
También será de aplicación a la Administración
de Justicia.
El contenido accesible de los sitios web y de las aplicaciones para dispositivos
móviles incluye la información tanto textual como no textual, los documentos y formularios
que se pueden descargar, los contenidos multimedia pregrabados de base temporal, las
formas de interacción bidireccional, el tratamiento de formularios digitales y la
cumplimentación de los procesos de identificación, autenticación, firma y pago con
independencia de la plataforma tecnológica que se use.

EXCLUSIONES
Están excluidos de este real decreto y se regularán por su normativa específica los contenidos multimedia en directo y pregrabado de base temporal de los sitios web y aplicaciones para dispositivos móviles de prestadores del servicio público de
radiodifusión y sus filiales.

a) Formatos de archivo de ofimática publicados antes de la entrada en vigor de este
real decreto, salvo que los mismos sean necesarios para tareas administrativas activas.
b) Contenido multimedia pregrabado de base temporal publicado antes de la
entrada en vigor de este real decreto.
c) Contenido multimedia en directo de base temporal salvo lo dispuesto en otra legislación específica que obligue al respecto.
d) Servicios de mapas y cartografía en línea, siempre y cuando la información esencial se proporcione de manera accesible digitalmente en el caso de mapas destinados a fines de navegación.
e) Contenidos de terceros que no estén financiados ni desarrollados por el sujeto obligado ni estén bajo su control.
f) Reproducciones de bienes de colecciones del patrimonio que no puedan hacerse plenamente accesibles
g) Contenidos de extranet e intranet entendidos como sitios web accesibles únicamente para un grupo restringido de personas y no para el público en general.
h) Contenidos de sitios web y aplicaciones para dispositivos móviles que tengan la condición de archivos o herramientas de archivo por contener únicamente contenidos no necesarios para el desarrollo de cualesquiera tareas administrativas activas.

CUMPLIR:
norma EN 301 549 V1.1.2 (2015-04)
el 20/12/2018 se publicó en el Diario Oficial de la UE la EN 301 549 V2.1.2 (2018-08) equivalente a las WCAG 2.1, así que ya es oficial que los sitios de la AAPP deben cumplir con las WCAG 2.1 Ya se está trabajando en la versión 3.1.1 prevista para final de 2019.

RESUMEN:

El nuevo Real Decreto 1112/2018 solo deroga, los artículos 5, 6 y 7 del Real Decreto 1494/2007, que es el que establece qué normativa y nivel de adecuación hay que cumplir, así como la información que debe incluir la declaración de conformidad.

Las entidades obligadas deberán ofrecer a las personas usuarias un mecanismo de comunicación que permita a cualquier persona presentar sugerencias y quejas, así como informar sobre cualquier posible incumplimiento por parte de su sitio web o de su aplicación para dispositivos móviles de los requisitos de accesibilidad y solicitar la información excluida.

Los contenidos deben ser accesibles para todos los usuarios, y en especial para las personas mayores y con discapacidad, de acuerdo a la norma publicada en el "Diario Oficial de la Unión Europea", sino se presumirá que es la EN 301 549 v1.1.2 (2015-04).

La declaración debe cumplir los siguientes requisitos:

Actualizarse periódicamente, mínimo una vez al año, o cada vez que se haga una revisión.
Deberá proporcionarse en formato accesible.
Seguirá el modelo de declaración que va a dictarse mediante "Orden de la Ministra de Política Territorial y Función Pública", de acuerdo con el modelo europeo. La Directiva europea establecía que la Comisión proporcionaría el modelo de declaración de conformidad antes del 23/12/2018.
En los sitios web, la declaración de conformidad estará disponible en un apartado del sitio enlazado desde todas las páginas denominado "Accesibilidad" o su equivalente en el idioma en el que se encuentre la página.
En las apps nativas, estará en el sitio web de la entidad obligada que haya desarrollado la aplicación junto con el enlace para su descarga, o bien se facilitará junto con otra información disponible al descargar la aplicación de las plataformas de distribución de aplicaciones.

Unidades responsables de accesibilidad

En la Administración General del Estado se designarán las unidades responsables de accesibilidad en el ámbito de las Subsecretarías de cada Departamento.
En las comunidades autónomas se designará la "Unidad responsable de accesibilidad" para todo el ámbito autonómico.
En las entidades locales y demás organismos obligados se designará, conforme a sus características organizativas propias, la "Unidad responsable de accesibilidad" de su ámbito.

Las entidades obligadas podrán certificar el cumplimiento de los requisitos de este real decreto en sus sitios web y aplicaciones para dispositivos móviles por una entidad de certificación cuya competencia técnica haya sido reconocida formalmente por la entidad nacional de acreditación (ENAC) o por otro organismo nacional de acuerdo al reglamento (CE) n.º 765/2008 del Parlamento Europeo y del Consejo, de 9 de julio de 2008, por el que se establecen los requisitos de acreditación y vigilancia del mercado relativos a la comercialización de los productos y por el que se deroga el Reglamento (CEE) n.º 339/93.

viernes, 8 de marzo de 2019

Cómo hacer tus documentos de Google doc más accesibles

Opciones de Google para crear documentos, hojas de calculo, presentaciones y formularios


Utilizar encabezados


Facilite a los demás la lectura de su documento al incluir encabezados. Los documentos organizados que incluyén encabezados ayudarán a los lectores a saltar a diferentes secciones de su documento. La estructura y los encabezados correctamente añadidos son muy importantes para que sus documentos se puedan entender.

Los títulos deben seleccionarse en función de su jerarquía en el documento. Por lo general, comienza el documento con un encabezado que describe el documento general, que sería el Título 1. Síguelo con un subtítulo, que sería el Título 2, y así sucesivamente. Cualquier estilo de encabezado ayudará a aquellos que usan un lector de pantalla a navegar a través de su documento.

Para convertir un artículo en un encabezado en Google Docs, siga los pasos a continuación:

Seleccione el menú desplegable Estilos, ubicado a la izquierda del menú desplegable de fuentes, o vaya a Formato, Estilos de párrafo.
Cambie de Texto normal a Título 1, Título 2 o Título 3, usando los niveles de título apropiados para su estructura de contenido.
Un beneficio adicional del uso de encabezados es que se pueden usar para generar automáticamente una tabla de contenido o marcar elementos en su documento.

Añadir texto alternativo a las imágenes


Las imágenes pueden jugar un papel importante en Google Docs. La forma de hacerlos accesibles es agregar Texto Alternativo. El texto alternativo para imágenes es vital para garantizar que los usuarios con discapacidades visuales tengan acceso a la información incluida en estas imágenes. El texto alternativo debe proporcionar suficiente información para que los usuarios que no pueden verlos aún puedan entender lo que transmiten.
Para agregar texto alternativo a una imagen incrustada en un Google Doc, siga los pasos a continuación:

Sube o inserta la imagen.
Haga clic y resalte la imagen.
Haga clic derecho en la imagen y seleccione Alt texto.
En la ventana emergente, ingrese una descripción de la imagen en el campo Descripción.
Haga clic en Aceptar cuando haya terminado.
Si bien no hay reglas estrictas para determinar qué texto alternativo debería decir (depende de la imagen, su contexto, etc.), un simple truco consiste en imaginar la descripción de la imagen a alguien por teléfono.

Describe claramente los hipervínculos


Puede hacer que su Google Docs sea aún más accesible al mejorar la forma en que usa los hipervínculos en sus documentos. Los hipervínculos deben estar incrustados en un texto que los haga claros, concisos y significativos en el contexto. Los usuarios escanean visualmente las páginas en busca de enlaces para ayudarles a encontrar la información que están buscando rápidamente. Aquellos que usan lectores de pantalla pueden abrir una lista de todos los enlaces de su documento con solo tocar un botón; por lo tanto, los enlaces deben tener tanto sentido como sea posible.

Por ejemplo, un enlace debe decir " Subtítulos ocultos en las diapositivas de Google " en lugar de "Subtítulos ocultos en las diapositivas de Google. Haga clic aquí ".

Para agregar mejor un hipervínculo a un Google Doc, siga los pasos a continuación:


Resalte el texto que desea hacer en un hipervínculo.
Haga clic derecho en el texto y busque enlace.
Inserte el enlace.
Haga clic en Aplicar cuando haya terminado.

Utilice el color y el contraste adecuadamente


Colorear tus documentos es muy importante. Es fundamental que exista el contraste adecuado entre el texto de su documento y el fondo de su documento. Además, el color nunca debe usarse para resaltar elementos en su documento. Utilice el color más negrita para resaltar elementos. Siempre recuerda, lo que ves puede que no sea lo que otros ven.


jueves, 7 de marzo de 2019

Guía para hacer una revisión de accesibilidad



El objetivo del diseño accesible e inclusivo es hacer las cosas más fáciles para las personas, empatizar con sus necesidades y respetar.
Esto no solo se aplica a personas con discapacidad permanente o dificultades de aprendizaje. Cada uno tendrá diferentes necesidades en diferentes momentos y en diferentes circunstancias. Alguien podría verse afectado por su salud (puede estar cansado, recuperarse de un derrame cerebral o tener un brazo roto), su ubicación (podría estar en un restaurante ruidoso o en un área con wifi lento) o personalmente (puede haber olvidado sus gafas).

Diseñar para la accesibilidad no significa que la estética del trabajo deba sufrir: La accesibilidad nunca debe ser opcional, o una idea de último momento. Debe estar en el corazón del proceso de diseño, cada vez.

Visual

Use fuentes grandes y claras


Las fuentes Sans-serif (El término “sans serif” procede del francés y significa “sin remates”. Algunos ejemplos de fuentes sans serif son Helvetica, Frutiger, Optima y Futura 1001 fuentes) son a menudo preferidas por su legibilidad. Elija una fuente que tenga diferencias claras entre los caracteres (como mayúscula, minúscula y número) no pierda de vista los signos y los G en minúsculas.

Se recomienda un tamaño de punto mínimo de 12 puntos para imprimir.

Evita usar demasiados tipos de letra.


Los diseños que utilizan solo uno o dos tipos de letra suelen ser más fáciles de visualizar: muchos pueden crear un diseño visual confuso. Esto es malo para todos, especialmente para las personas con dificultades de lectura, como la dislexia.

Revisa tu color de texto


Asegúrese de que su tipografía sea visible para los lectores con baja visión. El negro sobre blanco suele ser la primera opción para una máxima legibilidad. Las personas con dislexia a menudo prefieren un fondo amarillo o crema, mientras que las personas con visión muy baja prefieren leer amarillo sobre negro.

Usa colores claramente contrastantes.


Evite el naranja con el rojo, por ejemplo: las personas con ceguera al color pueden no ser capaces de notar la diferencia entre ellos. Puede verificar el contraste de color de su trabajo utilizando un complemento como el Analizador de contraste de color, que simula diferentes tipos de ceguera de color, o ver su trabajo en escala de grises. Esto es particularmente importante en gráficos y tablas.

No confíe solo en el color para transmitir un mensaje.


Las personas con ciertos tipos de ceguera al color pueden no ver un mensaje de error rojo, por ejemplo. En caso de duda, utilice patrones de contraste y etiquetas claras para diferenciar su contenido.



Y otra cosa...
Revise su trabajo: use estas herramientas para ver cómo se ven sus diseños a las personas con ceguera al color, discapacidades visuales y más.


Texto


Usa un lenguaje claro y simple.


La escritura confusa, es una barrera para todos los lectores, pero puede ser particularmente difícil para las personas con dificultades de lectura o de procesamiento. Mantenga los párrafos y las oraciones cortas, use palabras conocidas y evite la jerga. Organice su escritura en un orden lógico. El objetivo es de ahorrarle tiempo a las personas y asegurarse de que no tengan que volver a leer su escritura para descifrar lo que quiere decir.

Alinear texto a la izquierda


Esto hace que sea más fácil para las personas ver dónde comienza cada línea. Evite justificar el texto, ya que esto crea espacios vacíos entre las palabras, e intente mantener las líneas hasta un máximo de 60 a 70 caracteres.

Uso de mayúsculas


Poner en mayúscula solo la primera letra de una oración es mucho más fácil de leer. La capitalización puede ser problemática para las personas con dislexia y deficiencias visuales, especialmente si las palabras o regiones completas están en mayúsculas. También puede resultar complicado para los lectores de pantalla, que pueden interpretar letras mayúsculas consecutivas como acrónimos.


Evita los saltos de línea múltiples


Cualquier espaciado adicional o saltos de párrafo serán leídos por el lector de pantalla como 'espacio' o 'retorno', lo que puede ser molesto para los oyentes.

Los simbolos


Ciertos símbolos no son reconocidos por todos los lectores de pantalla, así que use 'por ciento' en lugar de %.

Evitar el subrayado y la cursiva.


Puede ser difícil de leer para las personas con discapacidades visuales y dislexia, ya que pueden hacer que las palabras parezcan coincidir entre sí.

Y otra cosa…
Los lectores disléxicos a menudo experimentan caracteres invertidos, letras desordenadas o texto distorsionado saltando sobre la página, pero las fuentes especializadas pueden ayudar a contrarrestar esto.

Un estudio realizado por el experto en gráficos Dr Rob Hillier descubrió que las personas con dislexia generalmente prefieren las fuentes con pesos ligeros, letras perpendiculares y trazos uniformes. Luego desarrolló el tipo de letra Sylexiad : cada personaje es lo más distinto posible para ayudar a los lectores a distinguirlos.

Varias fuentes han seguido este ejemplo. OpenDyslexic es un tipo de letra libre que sigue un estilo similar, mientras que Lexie Readable pretende captar la claridad de Comic Sans.

Digital


Estructure su contenido de una manera lógica y significativa.


Esto permite a las personas adaptar el contenido de acuerdo con sus necesidades. Utilice siempre las etiquetas de encabezado HTML adecuadas para los encabezados y subtítulos, y use el HTML correcto para todos los elementos estructurales; estos serán recogidos por los lectores de pantalla, por ejemplo. Todas las páginas deben tener títulos claros y únicos.

Proporcionar alternativas de texto para contenido no textual


Todas las imágenes, gráficos y tablas deben incluir texto alternativo, una descripción de texto simple de lo que muestra el contenido. Esto se lee en voz alta a través del software de lectura de pantalla, que ayuda a las personas con discapacidades visuales a comprender el contenido.

Agrega subtítulos y otras alternativas para multimedia


Los subtítulos, las transcripciones de texto, la descripción de audio, el lenguaje de señas y los formatos de solo audio ofrecen una forma alternativa de transmitir la información.

Utilizar más de un sentido para transmitir información.
No confíe únicamente en la forma, el sonido, la posición o el tamaño. Por ejemplo, "Hacer clic en el botón de la derecha" no sirve para alguien que no puede ver. En su lugar, utilice redacción de textos claros para aclarar todas las instrucciones. Esto beneficiará a todos, no solo a las personas con discapacidades.

No confíes únicamente en el color.


Las instrucciones como 'Haga clic en el botón verde' pueden carecer de significado para las personas con ceguera al color, así que respalde esto con alguna información de aclaración. Además, tenga cuidado con los gráficos, como los gráficos circulares. Nunca confíe en el color para diferenciar los segmentos. En su lugar, agregue etiquetas o patrones.

Hacer enlaces fáciles de entender


Todos los enlaces deben estar claramente etiquetados con texto de anclaje descriptivo. Las personas que usan un lector de pantalla pueden elegir escuchar todos los enlaces en una página leída en una lista, lo cual no es de mucha utilidad si todos los enlaces tienen la etiqueta "Leer más" o "Haga clic aquí". En su lugar, intente 'Leer más sobre nuestra organización' o 'Visite nuestro blog'. Los enlaces que apuntan al mismo destino deben tener la misma descripción.

Haz que sea fácil escuchar el contenido


No utilice el contenido de audio que se reproduce automáticamente: puede impedir que los usuarios del lector de pantalla puedan navegar por su sitio.

Usa un teclado


Todas las partes de su sitio deben funcionar con comandos de teclado, incluidos formularios, menús y el carrito de compras. Intente desconectar el mouse para ver si aún puede navegar por el sitio, por ejemplo, utilizando las teclas de tabulación o de flecha. Asegúrese de que esta secuencia sea lógica y significativa.

Tenga cuidado con el contenido en movimiento


Cualquier cosa que se mueva, parpadee o se desplace debe tener una opción para pausarla, detenerla u ocultarla; idealmente, debería eliminar estos elementos por completo. Nunca debe agregar nada que parpadee más de tres veces por segundo, ya que esto podría causar convulsiones.