jueves, 31 de agosto de 2017

La longitud óptima de la línea

La longitud de línea óptima para el texto de su cuerpo se considera de 50 a 60 caracteres por línea, incluyendo espacios ("Typographie", E. Ruder). Otras fuentes sugieren que hasta 75 caracteres son aceptables.
desventajas:
Demasiado amplio - si una línea de texto es demasiado larga, los ojos del lector tendrán dificultades para centrarse en el texto. Esto se debe a que la longitud de la línea hace que sea difícil medir dónde comienza y termina la línea. Además puede ser difícil continuar en la línea correcta en grandes bloques de texto.
Demasiado estrecho - si una línea es demasiado corta el ojo tendrá que viajar hacia atrás demasiado a menudo, rompiendo el ritmo del lector. Las líneas demasiado cortas también tienden a hacer hincapié en los lectores, haciéndolos comenzar en la línea siguiente antes de terminar el actual (por lo tanto omitir palabras potencialmente importantes).

miércoles, 30 de agosto de 2017

Los iconos y la accesibilidad

Me he encontrado con gente mayor que me dice, -descargame esto...........que yo no se cómo- y la verdad no me extraña.
lista de iconos sin etiqueta
Mucha gente mayor los ven y no saben que son y acaban pulsando todos porque desconociento. Esto me recuerda a los lavabos de los bares que alguno acaba dudando si soy bla o bla,bla,bla.
iconos de telefono sin descripción

Los iconos son como pinturas abstractas. Tienen diferentes significados para diferentes personas. Todo depende de los ojos del observador. Y esa ambigüedad es realmente emocionante con el arte. Pero no tanto en las interfaces de usuario. El unico lugar que he visto algo destacable es en la tienda de Apple donde viene una nube y una flecha.
icono de la tienda apple para descargar
Instagram está lleno de iconos sin etiquetas. Probablemente puedes adivinar lo que hacen, pero es probable que tengas que pensar un poco y no te sentirás totalmente confiado, debes tratar de hacer que el usuario se sientan seguro.
iconos de instagram


ICONOS + ETIQUETAS = LA SOLUCIÓN IDEAL


Beneficios


  • Hace que sea más fácil para el usuario encontrar las características más importantes
  • Hace más fácil recordar dónde hizo clic la próxima vez que regrese.
  • Hace la interfaz más estéticamente agradable que si hubiera sólo botones de texto.
Una buena combinación de texto e iconos también mejora la experiencia de las personas que tienen dificultades para leer, como muchos usuarios con dislexia, autismo, afasia u otros problemas de lectura.

lista de iconos de redes sociales con leyenda

HAY EXCEPCIONES
Hay algunos iconos que puedes usar sin una etiqueta. Como una papelera para borrar:
icono de papelera de reciclaje
Un buen ejemplo es el icono de menú. ¡Ya que está en multitud de interfaces! Pero estudios han demostrado que muchas personas no lo utilizan si falta una etiqueta 
iconos de menu sin leyenda y con leyenda

Accesibilidad universal en los edificios de viviendas

Muchas comunidades de vecinos no les interesa esto, es normal la accesibilidad cuesta dinero ahora tiene el estado,CERMI,ONCE y demás organizaciones un maravilloso pretexto para demostrar que son útiles en esta sociedad

martes, 29 de agosto de 2017

Uso de WAI-ARIA 1.1

Es curioso la primera norma es que si puedes usar un elemento de HTML no uses WAI-ARIA, he leido el uso de WAI-ARIA redactado el 5 de Mayo del 2017, habla de HTML 5.1 y ya se trabaja con la versión 5.2
roles basicos de Wai Aria

viernes, 25 de agosto de 2017

Los menús de acordeón y la accesibilidad

 Los  menús y los elementos de diseño del acordeón pueden causar problemas de accesibilidad  sobre todo para los discapacitados visuales si no se codifican correctamente. El icono, formado por tres líneas horizontales apiladas una encima de la otra, aparece en la parte superior de muchas pantallas móviles, ya sea en la extrema izquierda o en la extrema derecha. Al tocar o hacer clic en el icono del menú, se abre otro menú lateral con una selección de opciones o páginas adicionales.

ejemplo de menú acordeón


Un acordeón es un elemento de diseño que se expande para exponer alguna información oculta. Los acordeones empujan el contenido de la página hacia abajo en lugar de superponer el contenido en la parte superior de la página como con las superposiciones o los diálogos modales. Un ejemplo común de un elemento de acordeón es un menú que muestra elementos de submenú cuando un usuario activa un encabezado de menú. Mira los ejemplos interactivos originales del  acordeón en W3C.github.io para obtener una mejor idea de la funcionalidad.

La expansión y el colapso de los menús acordeones necesitan tener nombres accesibles significativos y un estado dinámico que cambie (por ejemplo, <botón aria-expanded = "true"> , botón <aria-expanded = "false"> ) para que sean reconocibles para los lectores de pantalla.también los desarrolladores deben ofrecer a los usuarios que solo usan el teclado la posibilidad de acceder a una pestaña del menú.

jueves, 17 de agosto de 2017

Borrador a 16/08/2017 de pautas de accesibilidad para el contenido web (WCAG) 2.1

imagen del borrador de las pautas WCAG 2.1
El dia 16//08/2017 se publico el borrador de las pautas WCAG 2.1 .En el documento se menciona.
 Este es un borrador de trabajo de las directrices de accesibilidad al contenido web (WCAG) 2.1 del grupo de trabajo sobre directrices de accesibilidad . Este proyecto incluye cuatro nuevos criterios de éxito y dos nuevos términos que han sido formalmente aceptados. Ahora hay 15 nuevos criterios de éxito en WCAG 2.1.
También se dice.
 Las Directrices de Accesibilidad al Contenido Web (WCAG) 2.1 definen cómo hacer que el contenido web sea más accesible para las personas con discapacidades. La accesibilidad involucra una amplia gama de discapacidades, incluyendo discapacidades visuales, auditivas, físicas, del habla, cognitivas, del lenguaje, del aprendizaje y neurológicas. Aunque estas directrices abarcan una amplia gama de cuestiones, no son capaces de atender las necesidades de las personas con todos los tipos, grados y combinaciones de discapacidad. 
Es importante recalcar.
Se pretende que los sitios que se ajusten a las WCAG 2.1 también se ajusten a WCAG 2.0, lo que significa que cumplen con los requisitos de las políticas que hacen referencia a WCAG 2.0,
El grupo de trabajo sobre directrices de accesibilidad está trabajando en los requisitos para una versión 3.0 de las directrices de accesibilidad

Japon para discapacitados

Video informativo de la vida de los discapacitados en Japon, España sueña

miércoles, 16 de agosto de 2017

Dejarte la espalda en el cine

edificio de kinepolis en ciudad de la imagen madrid


El ir al cine para una persona en silla de ruedas es un suplicio, antes de ir tienes que ser un espía investigar la sala, llamar y si tienes suerte puedes ver la película que quieres sin dejarte el cuello, eso si en Kinepolis ciudad de la imagen te hacen un precio especial para que tengas dinero para ir al medico para hacerte unas placas en el cuello.
Creó recordar que la constitución menciona que no habrá ningún tipo de discriminación, pues eso queda muy bien en papel en la realidad estas discriminado a estar en la primera fila de los cines, ami personalmente no me importaría pagar más y poder ver una película sin tener una lesión cervical.
sala de cine de kinepolis en cuesta

Funciones de accesibilidad para Android

Icono de Android accesible


En una de las paginas de RAZMobility he encontrado todas las opciones de accesibilidad que te proporciona Android.

  • Baja visión
    • Talkback
    • Seleccione para hablar
    • Tamaño de fuente
    • Tamaño de la pantalla
    • Gestos de ampliación
    • Opciones de contraste y color
    • BrailleBack
    • Asistente de Google
  • Movilidad
    • Switch Access
    • Acceso por voz
    • Asistente de Google
  • Sordera


Seeing AI app de Microsoft

Microsoft ha lanzado Seeing AI - una aplicación de smartphone que utiliza la visión por ordenador para describir el mundo de los discapacitados visuales. Con la aplicación descargada, los usuarios pueden apuntar la cámara de su teléfono a una persona y les va a decir quiénes son y cómo se sienten. También pueden apuntar a un producto y le dirá lo que es. Todo esto se hace con inteligencia artificial que se ejecuta localmente en su teléfono.

La compañía mostró un prototipo de Seeing AI en marzo del año pasado en su conferencia Build, la aplicación está disponible para descargar de forma gratuita en los EE.UU. en iOS . Sin embargo, aún no se sabe cuándo vendrá a Android o en otros países.

domingo, 13 de agosto de 2017

Travis, el traductor de 80 idiomas

Travis dispositivo que traduce 80 idiomas
Travis es un dispositivo que traduce al instante cualquier idioma. Es cierto que existen muchas apps que llevan a cabo esta tarea, pero la mayoría no funcionan muy bien, y exigen instalar y activar la app en el smartphone. Además mientras la usas no puedes utilizar el móvil. Y si viajas a menudo al extranjero o trabajas en un entorno multinacional, te puede resultar de gran ayuda.
Esta diseñado por una compañía de origen holandés y chino, se pondrá a la venta a partir de junio, a un precio de 189 euros. No obstante a partir de marzo se podrá acceder a una preventa limitada que permitirá adquirir a Travis the Translator por 89 euros.
Traducciones de voz en más de 80 idiomas para una cobertura global real.

HTML 5.2

Icono w3c y HTML5

El 8 de Agosto del 2017 la W3C publico la recomendación del lenguaje HTML 5.2