lunes, 25 de diciembre de 2017

Lucha entre Jaws y NVDA

Se han publicado los resultados de la 7 encuesta sobre usuarios de lectores de pantalla, existe una lucha muy intebsa entre los lectores de pantall JAWS y NVDA, recordemos que NCDA  es  de codigo abierto y para JAWS hay que tener una licencia la cual facilita en España la ONCE, son muchos detalles que los diferencian pero sigó pensando que NVDA es la mejor solución.
resultados de la 7 encuesta sobre lectores de pantalla donde JAWS y NVDA sobresalen

jueves, 21 de diciembre de 2017

Introducción a la accesibilidad web

Hacer tus documento de Google accesibles

iconos de google doc


Incluir texto alternativo

Incluye texto alternativo para imágenes, dibujos y otros gráficos. De lo contrario, los usuarios de lectores de pantalla solo escuchan "imagen".
  • Agregar texto alternativo
  • Seleccione la imagen.
  • Ve a Formato , luego a  texto Alt .
  • Ingrese texto alternativo en el campo de descripción.

Tablas para datos

Use tablas para presentar datos, no para cambiar el diseño visual de la página.
En la tabla, incluya una fila de encabezado (en lugar de comenzar con los datos en la primera fila) porque los lectores de pantalla leen automáticamente la primera fila como una fila de encabezado. 


Compruebe si hay un alto contraste de color

El alto contraste de color hace que el texto y las imágenes sean más fáciles de leer y comprender. Las Pautas de Accesibilidad para el Contenido Web (WCAG) 2.0 recomiendan una proporción mínima de 4.5: 1 para texto grande y 7: 1 para otro texto e imágenes. Por ejemplo, evite el texto gris claro sobre un fondo blanco.
Para verificar el contraste, puedes usar el comprobador de contraste WebAIM .


Use un texto descriptivo en lo enlaces

Los lectores de pantalla pueden buscar enlaces, por lo que el texto informativo del enlace es útil. 


Tamaño y la alineación del texto

Para facilitar la lectura de su documento o presentación, utilice texto grande alineado a la izquierda cuando sea posible. El texto justificado es más difícil de leer debido al espacio adicional entre las palabras.


Use texto para apoyar el formato

Lo mejor es no confiar solo en el formato visual para comunicar el significado. Los lectores de pantalla pueden no anunciar cambios de formato, como negrita o resaltado.


Use encabezados para organizar su documento

Incluye puntos de referencia de navegación en tu documento

Los puntos de referencia como  encabezados, pies de página, números de páginas y recuentos de páginas  ayudan a los lectores a encontrar dónde se encuentran en su documento.

lunes, 18 de diciembre de 2017

Móviles accesibles: Cómo se manejan las personas con baja visión (LS)


Este video pertenece a UNED Cursos MOOC/COMA la verdad me parece muy interesante te ayuda a diseñar pensando en que no todas las personas tenemos una visión perfecta y además te muestra lo que realiza las personas con discapacidad visual para moverse entre los diferentes iconos o cómo tienen que variar los ajustes para tener una mejor visión o lo que tienen que hacer para variar el tipo de fuente. Es un video muy completo(hasta esta subtitulado en YouTube), es una lastima que en Canal UNED de la UNED, no tengas esa disponibilidad.
video en canal uned de moviles accesibles: baja vision

También es una lastima que se discrimine a cierto colectivo que también sufren una discapacidad, las personas con discapacidad cognitiva que precisan de una transcripción para ir asimilando  el video a un ritmo diferente.



viernes, 15 de diciembre de 2017

Recomendaciones de HTML5.2 y WAI-ARIA 1.1

Recomendación de html 5.2

El 14 de Diciembre del 2017 se publicaron las recomendaciones de HTML 5.2 y WAI-ARIA 1.1 Según se dice en el documento de  wai-aria 1.1 La accesibilidad del contenido web requiere información semántica sobre widgets, estructuras y comportamientos, para permitir que las tecnologías de asistencia transmitan la información adecuada a las personas con discapacidades. Esta especificación proporciona una ontología de roles, estados y propiedades que definen los elementos accesibles de la interfaz de usuario y puede utilizarse para mejorar la accesibilidad e interoperabilidad del contenido y las aplicaciones web.

jueves, 14 de diciembre de 2017

Diseñar el subrayado perfecto

Antes de profundizar en los detalles de cómo diseñar el subrayado perfecto, vale la pena definir nuestro objetivo. Queremos crear un subrayado visible pero discreto. Los usuarios deberían poder entender que el elemento es interactivo: cuando lo ven, deben saber inmediatamente que se trata de un enlace, pero no deben llamar demasiado la atención.
u subrrayada


No subraye el texto que no esa un enlace.

No subraye ningún texto que no sea un enlace. Los subrayados proporcionan la posibilidad de dar fuerza, y los usuarios se sentirán confundidos y frustrados si el texto subrayado no coincide con sus expectativas. Si necesita enfatizar ciertas palabras u oraciones, usar cursiva o negrita es mucho más seguro.

Que sea breve.

Trate de mantener cortas las frases enlazadas, de tres a cinco palabras. Algo más desordenará el texto.

Haga que el texto sea significativo.

El texto de anclaje es el texto que se puede hacer clic en un enlace. Debería ser descriptivo: los usuarios deberían poder predecir qué obtendrán cuando hagan clic en un enlace. Por esta razón, evite el texto de anclaje como "haga clic aquí" porque eso no dice casi nada sobre el contenido detrás del enlace y obliga a los usuarios a buscar más información sobre exactamente en qué harán clic. Los enlaces "Haga clic aquí" también hacen que un sitio web sea menos accesible para las personas que usan lectores de pantalla . La mayoría de los lectores de pantalla dicen "enlace" antes de cada enlace. Por ejemplo, JAWS leería un enlace de "automóviles" como "vales de enlace" . Por lo tanto, puede esperar que JAWS lea un enlace "haga clic aquí" como "enlace, haga clic aquí", que es totalmente nada informativo.

La consistencia es la clave para enseñarles a los usuarios cómo se ven los enlaces en su sitio web. No debería haber una situación en la que algunos de los enlaces en su sitio web estén subrayados y otros no. Diferentes significados visuales que se utilizan en diferentes páginas pueden confundir fácilmente a los visitantes. Elige un diseño de enlace y mantente firme a él.


Descender estrepitosamente es quizás el segundo problema más importante causado por los subrayados (después del desorden). Esto sucede cuando los caracteres que contienen los descensores (como minúsculas p, g, j, y, yq) no se tienen en cuenta y el subrayado toca las formas de las letras. Esto puede causar una apariencia desordenada y fea y hacer que el texto sea menos legible.


Los descendientes y, g yp chocan con un subrayado, reduciendo la legibilidad.

Un buen subrayado se coloca debajo de la línea de base y omite los descensores. Ocultar el subrayado debajo de ciertos caracteres no solo mejorará la legibilidad sino que también se verá más refinado.


¿Cómo se evitar el problema de caída del descensor? Los enlaces en la web se diseñan con la decoración de texto: subrayan la propiedad CSS de forma predeterminada. Lamentablemente, esta propiedad no tiene en cuenta a los descensores.

Entre las soluciones que abordan este problema, la más simple es la propiedad CSS text-decoration-skip . Especifica qué partes del contenido de un elemento deben omitirse mediante la decoración del texto. Controla todas las líneas de decoración de texto dibujadas por un elemento y también cualquier línea de decoración de texto dibujada por sus antepasados.
La propiedad text-decoration-skip no es compatible en todos los navegadores, sin embargo. Alternativas ( como box-shadow ) valdría la pena explorar si su texto es difícil de leer sin él.

Si su navegador es compatible con la propiedad de omisión de decoración de texto, notará que los descendientes aquí (como y y p) tienen un pequeño espacio en blanco a su alrededor.

miércoles, 13 de diciembre de 2017

Endesa tarifa tempo happy si no eres discapacitado

video de la tarifa happy en la web de Endesa
Muchos discapacitados pasamos muchas horas en casa y otros necesitan los suministros como el eléctrico para sobrevivir pero a la hora de la verdad les dá igual a las grandes compañías como Endesa, que hay legislación en materia de accesibilidad,¡dá igual!, que tenemos obligación ¡dá igual!, total solo es el 20% de la población española sin contar con gente mayor. Es adecuado el nombre de la campaña, tarifa Tempo Happy es un tiempo que si eres sordo,!NO CUENTAS¡,pues cómo el video no es accesible no existes,me imagino la situación,-hola soy discapacitado auditivo quiero acogerme a la tarifa tempo happy por cierto me encanto el anuncio una pena que sea sordo y no pueda escucharlo-,-¡a¡ que usted es sordo disculpe pero no existe, ya si eso usted pague que nosotros nos reiremos de sus derechos-.
Hasta cuando estas empresas nos empezarán a considerar,seguro que el gobierno de turno sacara una ley para garantizar los derechos de los discapacitados yo ya empiezo a estar harto de leyes que cuando llega la fecha de cumplimento no pasa nada, yo ya creó que se rien de nosotros y que solo cada 4 años valemos.
Seguro que los diseñadores de turno y programadores web se preguntarán el porque no esta mejor posicionado en Google o YouTube,la respuesta es simple estos ciegos y solo buscarán archivos accesibles y vuestros videos no lo son.
video tarifa happy en YouTube

martes, 12 de diciembre de 2017

Smart Living Suite 3.0 una interfaz para Windows

Smart Living Desktop es una aplicación diseñada para proporcionar un entorno informático simplificado para quienes deseen disfrutar y tener las opciones disponibles de la amplia gama de recursos educativos, recreativos y de comunicación disponibles en una computadora con Windows, pero sin la complejidad del funcionamiento estándar del sistema. Smart Living Desktop proporciona un único método para acceder a cualquier tipo de contenido de la computadora o de internet; los usuarios simplemente hacen clic en el botón de imagen deseado en su pantalla, y Smart Living Desktop hace el resto.
interfaz simplificada de smart living suite 3.0
Smart Living Desktop cubre la complejidad del escritorio tradicional de la computadora con una pantalla simplificada y ordenada que se puede personalizar para satisfacer las necesidades de una o más personas que pueden compartir una sola computadora.

Más información:https://www.ablelinktech.com/

El futuro de la accesibilidad web,las WCAG 2.1

viernes, 8 de diciembre de 2017

Samsung y su app SeeColors

Samsung ofrece para sus televisores QLED TV la app SeeColors, que diagnostica diferentes tipos y grados de deficiencias en la percepción del color y que, según al resultado de la prueba, ajusta la configuración del color de la pantalla para que “los espectadores con daltonismo disfruten la experiencia de visualizar los colores con total precisión

Ultimo borrador de las pautas WCAG 2.1


web content accessibility guidelines WCAG 2.1

El 7 de Diciembre del 2017 se publico el ultimo borrador de las WCAG 2.1, se espera para finales de Enero del 2018 el borrador definitivo.Según se puede leer en el documento Estas pautas abordan la accesibilidad del contenido web en computadoras de escritorio, computadoras portátiles, tabletas y dispositivos móviles.
Algo a tener muy en consideración es que se pretende que los sitios que se ajusten a WCAG 2.1 también se ajusten a WCAG 2.0, lo que significa que cumplen los requisitos de cualquier política que haga referencia a WCAG 2.0, a la vez que satisfacen mejor las necesidades de los usuarios en la Web actual.
En una anterior entrada  en este blog llamada WCAG 2.1 lo que se espera, explico las mejoras que encontraremos en estas pautas pero hay que tener en consideración que son un paso previo a las 3.0.

jueves, 7 de diciembre de 2017

Herramientas de Evaluación de Accesibilidad Web

accessible e-mail validador de la accesibilidad en e-mail

En la pagina https://www.w3.org/WAI/ER/tools/ podras encontrar 96 herramientas  para una evaluación  automática.Las herramientas de evaluación automática de la accesibilidad web son programas de software o servicios en línea que lo ayudan a determinar si el contenido web cumple con las pautas de accesibilidad..

miércoles, 6 de diciembre de 2017

Microsoft Visio ayuda a simplificar y comunicar información compleja usando diagramas

logotipo de Microsoft Visio


Microsoft Visio ahora ofrece la capacidad de crear y construir diagramas accesibles, lo que debería facilitar a las personas con destreza limitada, baja visión u otras discapacidades trabajar con archivos y crear contenido visual claros y convincentes.Visio y Visio Online, ya incluyen características de accesibilidad clave como Alto contraste, soporte de lector de pantalla, comprobador de accesibilidad, Alt-text (alternativa textual) y Atajos de teclado.
Nuevas características de accesibilidad en Visio incluyen:

  • Creación más fácil de contenido accesible. Ahora puede usar un lector de pantalla para crear un diagrama accesible. Con su teclado y un lector de pantalla como JAWS o Narrador, el lector de pantalla incorporado de Windows, puede crear un diagrama detallado.
  • Navegación más fácil. opción de personalizar el orden de navegación.
  • Un intercambio más fácil . Además, los usuarios pueden ejecutar la herramienta Comprobador de accesibilidad en diagramas para garantizar el acceso completo. Este diagrama accesible también se puede guardar como un archivo PDF accesible para que se pueda compartir ampliamente, usando Alt-Text y orden de navegación definido. Los diagramas de Visio se pueden leer con un lector de pantalla, que lee los detalles de formato específicos como el tamaño, la posición y los detalles de color para las formas.

domingo, 3 de diciembre de 2017

Dia internacional de las personas con discapacidad

logotipos de diversas discapacidades

Es lamentable que en esta sociedad aún se tenga que celebran un dia para concienciar a la sociedad que existimos. Yo Voy hablar de la sociedad donde resido España. En España tenemos legislación para dar y tomar pero que se aplique es otro cantar, todavía tengo en la retina la imagen de la ministra que no veía un Jaguar en su garaje, anunciando la creación del real decreto 1/2013, eso si rodeada de los órganos representantes de las personas con discapacidad,si,hablamos de esos órganos que tienen a sus empleados discapacitados trabajando para ellos con condiciones pésimas.
La verdad yo estoy cansado de tanta legislación,me gustaria una y que se aplicara, es cómo la ley de accesibilidad en sitios web,no la cumples multa no cabe recurso y antes de 6 meses lo debes tener arreglado sino multa diaria, asi se dejaria de tonterias. Pero esto con todo accesibilidad en sitios publicos la LISMI...En eso se tendria que haber centrado los organos representantes de las personas con discapacidad y no solo en hacerse la  foto, aunque seamos serios eso es una escusa para entrar en el negocio de la sanidad, ya sea de servicios de limpieza,jardinería, kiosco...Cada persona tiene derecho a ganarse el pan pero usar a los discapacitados es deleznable, cómo el  duque empalmado que creo una sociedad del deporte para las personas discapacitadas y encima de no tener a ningún empleado con discapacidad se llevaba el dinero de todos los españoles.
Acabó con mi reflexión en un día así nos tendríamos que plantar y pensar que va mal y a donde vamos y lo más importante porque hemos dejado a los de siempre llevar la batuta de nuestro destino ademas sabiendo que ese destino nos lleva al desfiladero.

lunes, 27 de noviembre de 2017

WCAG 2.1 lo que se espera

Lo primero que se debe saber es que la WCAG 2.1 es un esfuerzo para llenar vacíos conocidos dentro de WCAG 2.0 y que WCAG 2.0 todavía están en vigor los principales puntos que tratan las WCAG 2.1 son la baja visión, móvil y la discapacidad cognitiva, Debido a que WCAG 2.0 se publicarón en el 2008.( Si  puedes recordar cómo eran los dispositivos móvil en ese momento), recordará que muchas cosas han cambiado en los dispositivos móviles, por lo que tiene sentido que WCAG no lo haya cubierto. Una cosa tiene que quedar clara.No hay conflicto entre las dos. Ese fue uno de los requisitos que WCAG lo aclaro bien desde el comienzo. Realmente son complementarias, por lo que puede seguir adelante y aplicar WCAG 2.0, luego añadir las 2.1, lo destacado es que algunos de los mejores cerebros del mundo están involucrados en esto.
logotipo de w3c con los principales navegadores

Lo que es súper alucinante es que el W3C es una organización completamente abierta y transparente. Desde el primer momento, WCAG 2.1 se ha escrito de forma que usted pueda verlo públicamente. Todos los minutos de todas las reuniones son públicos. Cada borrador es público. Todos los comentarios y preguntas para cada miembro son públicos, hasta el punto de que WCAG 2.1 se está creando en GitHub.

Informacion sacada del articulo de Glenda Sims:Understanding WCAG 2.1: What to Expect

viernes, 24 de noviembre de 2017

Microsoft Word creando documentos accesibles

logo de MS Word

Es bueno repasar la creación de documentos WORD accesibles partimos de la premisa que Microsoft Word es actualmente el procesador de textos más utilizado en el mercado, MS Word se usa a menudo para crear archivos PDF y HTML para sitios web. A pesar de algunos avances en los últimos años, la creación de contenido web accesible con Word no es un proceso sencillo.

Encabezados

Una estructura de encabezado uniforme suele ser la consideración de accesibilidad más importante en los documentos de Word. Cuando se encuentra con un documento de Word extenso, los usuarios de lectores de pantalla a menudo se desplazan rápidamente por la página y buscan texto en negrita los encabezados para tener una idea de su estructura y del contenido.

  • Título 1 suele ser un título de página o un encabezado de contenido principal. Es el encabezado más importante, y generalmente hay solo uno.
  • Título 2 es generalmente un encabezado de sección principal.
  • Título 3 es generalmente una subsección del título 2.
  • Título 4 suele ser una subsección del Título 3, y así sucesivamente, terminando con el Título 6 .
Desafortunadamente, es una práctica común crear un "encabezado" al cambiando el texto directamente en un documento de Word.resaltando el texto y aplicando un tipo de letra diferente. Si bien estos cambios realizados con estilo de fuente proporcionarán una estructura visual para algunos de sus usuarios, la estructura del documento necesaria para la navegación por usuarios de tecnología de asistencia Está perdida. Por esta razón, usa la herramienta de encabezado provista por Word.

Texto alternativo

Hay varias formas de proporcionar texto alternativo en documentos de Word:
Usando el campo Descripción en el campo Alt Text , O Proporcionando información sobre el contenido o la función de la imagen.
Cuando el texto equivalente no se puede proporcionar de manera unida en el texto cerca de la imagen, puede vincularlo a otra sección del documento (por ejemplo, un apéndice) o a una página web accesible.

Consejos para texto alternativo

Exacto y equivalente: 
No son necesarias más que unas pocas palabras; raramente una oración corta o dos pueden ser apropiadas.
NO será redundante: no brinde información que esté en el texto circundante.
NO use frases descriptivas: el software de lectura de pantalla identifica las imágenes, por lo tanto, no use frases como "imagen de ..." o "gráfico de ...".


Tablas de datos

El objetivo de las tablas de datos es presentar información 

Propiedades de tabla

Puede agregar propiedades a una tabla en un documento de Word. La primera fila en una tabla se puede identificar como una fila de encabezado. Esto proporcionará al usuario del lector de pantalla información adicional cuando el documento se exporte a PDF.


Los hipervínculos

En documentos de Word los hipervinculos les permiten a los usuarios visitar páginas web, navegar a encabezados y marcadores de Word y abrir enlaces de correo electrónico.Debido a que el texto de la URL puede no tener sentido para un usuario, es aconsejable editar el texto de enlace predeterminado de Word.

Principios para crear enlaces accesibles:

  • Use un texto de enlace descriptivo que no dependa del contexto
  • Mantenga la cantidad de texto en el enlace al mínimo.
  • Utilice texto subrayado con un color que se destaque
Evite el texto de enlace ambiguo que es difícil de entender fuera de contexto (por ejemplo, "haga clic aquí").

Listas y columnas

Las listas y columnas agregan una estructura jerárquica importante a un documento.
Tipos de lista
Hay dos tipos de listas utilizadas en Word: ordenadas y desordenadas.

Las listas ordenadas (numeradas) se utilizan para presentar un grupo de elementos (palabras, frases, oraciones) que siguen una secuencia:
Las listas desordenadas (viñetas) se usan para un grupo de elementos.


Comprobador de accesibilidad

Word para Windows proporciona un Comprobador de accesibilidad para identificar y reparar problemas de accesibilidad. Los resultados de la inspección del inspector clasifican los problemas de accesibilidad en tres categorías:
Errores: contenido que hace que un documento sea muy difícil o imposible de acceder para las personas con discapacidad.
Ejemplo: una imagen sin texto alternativo.

Advertencias: contenido que en la mayoría de los casos, pero no en todos, dificulta el acceso de las personas con discapacidad al documento.
Ejemplo: un enlace con texto que no es descriptivo de su función.

Sugerencias: contenido al que las personas con discapacidad pueden acceder, pero que podría estar mejor organizado o presentado.
Ejemplo: saltar de un encabezado de primer nivel a un encabezado de tercer nivel.

Otros principios

  • Use un lenguaje simple.
  • Asegúrese de que el tamaño de letra sea lo suficientemente grande, generalmente un mínimo de 11 puntos.
  • Proporcione suficiente contraste entre los colores del texto y los colores de fondo.
  • No use el color como la ÚNICA manera de transmitir contenido.
  • Tenga cuidado con el uso de filigranas(lenguajes técnicos). Pueden afectar la legibilidad y crear bajo contraste.
  • Proporcione una tabla de contenido para documentos largos.

jueves, 23 de noviembre de 2017

Borrador de HTML 5.3

LOGO DE LA W3C

Borrado de HTML 5.3 a 21 de Noviembre de 2017
HTML es el lenguaje de marcado principal de la World Wide Web. Originalmente, HTML fue diseñado principalmente como un lenguaje para describir semánticamente documentos científicos. Su diseño general, sin embargo, ha permitido que se adapte, en los años posteriores, para describir varios otros tipos de documentos e incluso aplicaciones.

Modo de subtitular los videos en Facebook

logotipo de Facebook


Para añadir subtítulos a un vídeo
Utilizando el formato de archivo SubRip (.srt). Puedes usar la herramienta Aegisub

  • Haz clic en Foto/vídeo en la parte superior de la sección de noticias o la biografía.
  • Haz clic en Subir fotos/vídeo.
  • Elige un vídeo del ordenador y haz clic en Publicar.
  • Recibirás una notificación cuando el vídeo esté listo para reproducirse. Haz clic en la notificación o en la fecha y la hora de color gris en la parte superior de la publicación en la sección de noticias o la biografía.
  • Coloca el cursor sobre el vídeo, haz clic en Opciones en la parte inferior y selecciona Editar este vídeo.
  • Haz clic en Elegir vídeo debajo de Subir archivos SRT y selecciona un archivo .srt de tu ordenador.
  • Haz clic en Guardar.


Para quitar los subtítulos de un vídeo que hayas subido:


  • Haz clic en el vídeo para ampliarlo.
  • Haz clic en Opciones en la parte inferior y selecciona Editar este vídeo en el menú.
  • Haz clic en la x que aparece junto al archivo que quieres eliminar.
  • Haz clic en Guardar.

martes, 21 de noviembre de 2017

La hipocresía del grupo parlamentario Ciudadanos

Lo que peor llevo en esta vida es la hipocresía hacia los que somos discapacitados, hace unos días ley la noticia La concejal en el Ayuntamiento de Madrid por Ciudadanos @sofia_miranda_ visita las instalaciones del @cesyaes en donde conoce nuestras herramientas para mejorar la #accesibilidad
twitt de sofia miranda visitando el CESya

Recordemos que el CESyA se denomina cómo: Centro Español del Subtitulado y la Audiodescripción, antes de nada decir que yo valoro mucho su trabajo en favor de las personas con diversidad funcional. Lo que me duele y mucho es que se nos use cómo tontos, en el video  MANIFESTACIÓN HISTÓRICA EN BARCELONA aparece Rivera besando a una discapacitada y la voz de Inés Arrimadas hablando de dignos en el futbol¡¡¡¡¡¡¡¡¡¡¡¡ alguien me puede decir que tiene que ver el fútbol con futuro.
subtitulado de la web de ciudadanos mezclando futbol con futuro

A buen entendedor pocas palabras bastan, fué hacerse la foto a un organo que se preocupa del subtitulado y los videos de la web de Ciudadanos no se molestan en berificar los subtitulos, es muy sencillo poner subtitulado automático y olvidarse, me parece deleznable.

Web del congreso anticuada no, lo siguiente

Cada vez que veo la web de el congreso no puedo más que reirmé por no llorar, ¿es que no dá verguenza?, si hay dinero para tonterias y no hay dinero para mejorar la primera impresión que recibe el usuario extranjero de nuestro gobierno.
web del congreso de los diputados escorandose por su diseño a la derecha
Si os fijais han dejado todo el lado derecho en blanco han usado para su diseño medidas absolutas no es de mucho entender lo que ocurrió, allá por 1999 (aproximadamente), en el diseño de la web la veían en un monitor antiguo una web que ocupaba toda la pantalla, que resolvía todas las necesidades pero llego la revolución, la gente ya no tenia esos monitores gordos, largos, se empezaba a usar otras medidas de pantalla de sistemas operativos otras resoluciones y lo que antes se veía en toda la pantalla pasó a escorarse a la derecha y en vez de adaptarse a lo que requería la sociedad, prefirieron seguir empeñandose en tener el mismo diseño de 1999.Ya hablé en esté mismo blog de la web del congreso con la entrada Web del congreso de los diputados, la vergüenza de Europa, la verdad sirvió de poco o nada espero que con esta reacionen,porque es de ley.

lunes, 20 de noviembre de 2017

WeCo biblioteca de accesibilidad

WeCO es una biblioteca donde podras encontrar documentos y entradas a blogs que tratan de los temas de accesibilidad web.
WeCO se define: WeCo is a company built by and for professionals living with disabilities.  That’s because we believe that people living with disabilities become experts at access simply by navigating their day-to-day lives.  WeCo’s Accessibility Specialist, Test Consultant and Staff Team careers translates into an exciting opportunity for people who may have been overlooked by traditional work environments. We consider this talented group of people our best-kept trade secret.

Los evaluadores que realmente viven con discapacidades le dan resultados claros y orientación. Es por eso que WeCo es la única compañía que actualmente capacita a los examinadores en todas las clasificaciones de discapacidad:

Smartvision2 dispositivo movil para personas mayores y discapacitados visuales

Actualmente es el único que ofrece un interfaz triple: pantalla táctil, teclado físico y sistema de reconocimiento de voz.En España se puede adquirir en  la tienda on-line tenyus software
Imagen de smartvision2 encendido
El precio de la gama básica es de 603,79 €, según el fabricante las principales caracteristicas de accesibilidad son:


  • Síntesis de voz clara y potente
  • Exploración táctil: vocalización de elementos afectados
  • Atajos de teclado (30+): marcación rápida, estado del teléfono, etc.
  • Elección del tamaño de fuente
  • Función de ampliación de texto personalizable con opciones de tamaño, contraste y velocidad de desplazamiento
  • Gestos de ampliación para ampliar la pantalla
  • Compatible con la gama de teclados Braille a través de Bluetooth
  • En este terminal, las tres funciones (OCR, GPS KAPTEN y LECTOR DE LIBROS) están en versión gratuita de demostración durante 15 días
  • Mas de 30 idiomas incluidos el Español
  • Vocalización de pantallas
  • Teclado fisico
  • Teclas arqueadas, para mejor detección
  • Teclado de navegación multidireccional, en la tecla central está el OK
  • Teclado numérico en 4 líneas
  • Pantalla Táctil de 4 pulgadas
En mi opinión aún preocupándose de la accesibilidad de los usuarios es un precio elevado para un terminal.




Todo lo que necesitas saber de una descripción en audio

Ejemplo de cómo es una descripción auditiva

viernes, 17 de noviembre de 2017

Rampa automática para discapacitados

El periódico ABC y su idea de UX

Leyendo por internet articulos sobre accesibilidad y usabilidad web me encontre con el articulo Entrevista con la responsable de UX Pilar López Pascual de la web abc.es ¿Qué es el UX?, en el  explica la importancia del diseño ux, las herramientas,la importancia del móvil en UX...La verdad un articulo interesante, aprobado en teoria pero pasemos a la realidad, según dicén en el articulo, el diseño UX son las siglas de User Experience, un concepto que engloba todos los aspectos relacionados con la experiencia de usuario,pero ¿de todos los usuarios o de unos pocos?, porque los usuarios con problemas de audición,¿ somos usuarios o no?.
No he tenido que ir muy lejos para entender que los usuarios discapacitados no les importamos nada o casi nada(casi nada si estas pagando la cuota), yo no entro en su linea editorial solo lo que un usuario discapacitado padece
Los videos de ABC.es carecen de un boton donde puedas leer el subtitulado

En el video que usan  para recriminar a Pablo Iglesias llamado: El recado de la Unión del Pueblo Leonés a Iglesias: «Que haga un curso de Historia»,¿donde esta el boton para el subtitulado?. otro aspecto que me a llamado la atención es que comienza automaticamente el anuncio de Frenadol, una pequeña recomendación, leanse las pautas WCAG 2.0 sobretodo el punto 2.2.2 que dice:  Poner en pausa, detener, ocultar: Para la información que tiene movimiento, parpadeo, se desplaza o se actualiza automáticamente, se cumplen todos los casos siguientes: (Nivel A)
Movimiento, parpadeo, desplazamiento: Para toda información que se mueve, parpadea o se desplaza, que (1) comienza 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 la pueda poner en pausa, detener u ocultar, a menos que el movimiento, parpadeo o desplazamiento sea parte esencial de una actividad; y
Actualización automática: Para toda información que se actualiza automáticamente, que (1) se inicia automáticamente y (2) se presenta en paralelo con otro contenido, existe un mecanismo para que el usuario la pueda poner en pausa, detener u ocultar, o controlar la frecuencia de actualización a menos que la actualización automática sea parte esencial de una actividad.
Se pueden"agarrar" en la excepción 3, que dice. Para el contenido que es actualizado periódicamente por medio de un software, o que se sirve a la aplicación de usuario por medio de streaming, no hay obligación de preservar o presentar la información que ha sido generada o recibida entre el inicio de la pausa y el reinicio de la presentación; no sólo podría no ser técnicamente posible, sino que además en muchas ocasiones podría ser erróneo o engañoso hacerlo.
Yo no me agarraria muy fuerte. Es cierto que no tienen que estar con la ley pero si deben cumplir con todos o la mayoría de usuarios. Para acabar no es conveniente usar el alt o texto alternativo para repetir el encabezado de la noticia.
texto alternativo del periodico ABC igual que el titular

jueves, 16 de noviembre de 2017

Buffer y el texto alternativo

El dia 15 de Noviembre de 2017 la ingeniería de Buffer Emily Plummer público en un twitter la noticia la extensión de búffer ahora admite texto alternativo para imágenes.
Buffer es la forma más simple y sencilla de programar publicaciones, realizar un seguimiento del rendimiento de su contenido y administrar todas sus cuentas en un solo lugar.Es fácil agregar texto alternativo a las imágenes usando la extensión de búffer.
Logotipo de Buffer



  • Subir una imagen o elegir entre las imágenes sugeridas

  • Seleccione la imagen

  • Agregue el texto alternativo (limitado a 420 caracteres).

  • Selecciona guardar para compartir tu publicación





miércoles, 15 de noviembre de 2017

Tamaño del texto en WCAG 2.1

Mirando el los blog de  la gente que precisa de la accesibilidad web y esta trabajando para que llegue a  la gente, me he  encontrado con la entrada de blog de Low Vision Task Force (LVTF) en el hablan de las nuevas pautas WCAG 2.1 referido a la fuente.
diferentes fuentes de texto

Antes de analizar las WCAG 2.1 y la fuente tratan de explicar un antiguo mito diciendo. Fue cierto en la era IE5-6, donde el tamaño del texto era el método principal para hacer que el contenido fuera más grande. Técnicamente todavía evita el tamaño del texto en algunos navegadores (por ejemplo, Internet Explorer)
Es sabido que ahora explorer pasó a Edge.
Pero yendo al asunto de las fuentes y las pautas WCAG 2.1 se dice:
1.4.4 Cambiar el tamaño del texto : a excepción de los leyendas y las imágenes de texto, el texto se puede redimensionar sin tecnología de asistencia hasta en un 200 por ciento sin pérdida de contenido o funcionalidad.(pauta igual en WCAG 2.0  y en 2.1.
- WCAG 2.0
Esto significa que debe poder cambiar el tamaño del contenido (no excluye el zoom) para que el texto sea un 200% más grande. No tiene ningún requisito sobre el desplazamiento horizontal, lo que lo hace bastante inútil en estos días, ya que cada sitio puede ampliarse (el zoom no era común cuando se escribió WCAG 2.0).

Reflujo: el contenido puede presentarse con un ancho equivalente a 320 píxeles CSS sin pérdida de información o funcionalidad, y sin necesidad de desplazarse en dos dimensiones, excepto en las partes del contenido que requieren un diseño bidimensional para su uso o significado.

Con este requisito, las personas deberían poder leer cosas en tamaños más grandes sin tener que desplazarse hacia atrás y hacia adelante, y evitar las cosas que faltan fuera de la pantalla.

Otro nuevo requisito del (borrador) de WCAG 2.1:

Si las tecnologías que se utilizan permiten que el agente de usuario adapte las propiedades de estilo del texto, no se produce ninguna pérdida de contenido o funcionalidad esencial al adaptar todo lo siguiente:
Altura de línea (espaciado de línea) a al menos 1,5 veces el tamaño de fuente;
Espaciar debajo de los párrafos al menos 2 veces el tamaño de la fuente;
Espaciado de letras (seguimiento) a por lo menos 0,12 veces el tamaño de fuente;

Espaciado de palabras a por lo menos 0,16 veces el tamaño de la fuente.

Este requisito permite a las personas anular los estilos con su propia familia de fuentes, altura de línea y espaciado entre letras
Estos tres requisitos juntos significan que las personas deberían poder cambiar el tamaño del contenido de manera más significativa que ahora y anular ciertos aspectos.

Accesibilidad Informativa

lunes, 13 de noviembre de 2017

El mejor captchas, no tener que usarló

Los captchas se inventaron para proteger los sitios web del spam. Pero en el momento actual no hay uno accesible completamente así que la mejor decisión es no usarlos.
Imaginese que ha pasado una eternidad rellenando un formulario. Finalmente llegas al final y encuentras esta pregunta.
Demuestra que no eres un robot. Haz clic en los animales de la imagen.

Tu no puedes ver ninguno pero te dán una alternativa.
Demuestra que no eres un robot. soluciona el axioma de Craws dejando dos variables x.

Son ejemplos ridículos de lo que se encuentra la gente con discapacidad,  ya sea visual, auditiva o psiquica.

DE IMAGENES

Unos ejemplos el captchas de Facebook.
captha de Facebook
Ideal para la gente deficiente visual que no ve las imágenes.

PROBLEMA MATEMÁTICO

Captcha de resolucion de un problema matematico
Es un problema para las personas con problemas de atención, es cómo si les pusieras una raiz cuadrada.


DE DOS PALABRAS

Captcha de dos palabras

El problema es para los dislexicos


DE AUDIO


Muchos captchas ofrecen una alternativa de audio. Intenta escuchar el próximo que encuentres y entenderás por qué no es lo suficientemente accesible. Puede ser realmente difícil escuchar el mensaje, ya que tiene que estar lo suficientemente distorsionado como para que las computadoras no puedan resolverlo.Otro problema con el captcha de audio es que el icono suele ser muy pequeño y difícil de encontrar. Los usuarios de lectores de pantalla también tienden a tener problemas ya que el audio comienza a reproducirse antes de encontrar el campo para ingresar el texto. 


La soluciónes: Según veo yo es mezclar dos opciones, la opción  que activas tu en la web  y la opción que te dá el servidor, ejemplo.  yo relleno un formulario me pide mi numero de movil, a el le llega un codigo que sino le inserto no activa el formulario.
otra opción es la Seguridad biométrica Su dispositivo probablemente tenga una cámara o una pantalla inteligente / panel táctil,  los desarrolladores desean aprovechar ese hecho para mayor seguridad. ¿Qué es más fiable que sus ojos, cara o huella dactilar, verdad? Aprovechar los datos de su cuerpo hará mucho para limitar la capacidad de los spammers para crear cuentas de correo electrónico.



domingo, 12 de noviembre de 2017

Homenaje a Chiquito

Somos muchos los que hemos crecido con las frases de ese- fistro duadenal- y los que hemos reido o imitado sus andares para hacer una gracia. Los que desarrollamos web también deseamos rendir un pequeño homenaje. La mayoría de los diseñadores y desarrolladores web hemos usado alguna vez la web lorem ipsum, esa web que nos sirve para añadir texto esperando el texto definitivo del cliente, cómo homenaje se a creado chiquito ipsum, solo se puede crear tres párrafos cómo máximo.

imagen  con frases tipicas de chiquito la calzada

Lorem fistrum de la pradera tiene musho peligro te va a hasé pupitaa. Ahorarr papaar papaar de la pradera a wan pecador te voy a borrar el cerito a peich papaar papaar ese pedazo de

viernes, 10 de noviembre de 2017

Microsoft Eye Control demo - compatible with Tobii Dynavox eye trackers

Una decisión en una fracción de segundo que camb...

Desgraciadamente casos cómo el siguiente ocurren  mucho,  una noche de borrachera, demostrar tu valentia tirandote a un lugar sin fondo....Hay demasiados pero la vida continua tienes que reacerte y seguir viviendo por suerte la tecnología a evolucionado mucho y donde antes habia un discapacitado al que tenian que esconder de la sociedad, ahora hay una persona que con sus limitaciones puede tener una vida practicamente plena.
Para los usuarios que no pueden usar un mouse o teclado para controlar su computadora, Eye Control presenta un punto de entrada de seguimiento ocular. Tener acceso a tu computadora a través de Eye Control les brinda a los individuos una forma de comunicarse, la posibilidad de permanecer en la fuerza laboral y ¡mucho más!

Para empezar, todo lo que necesita son tres cosas:



Los Eye Trackers de Tobii Dynavox, junto con la funcionalidad de zoom de Windows Control, le permiten alcanzar incluso los objetivos más pequeños de la pantalla, casi con precisión de píxeles, una y otra vez.

jueves, 9 de noviembre de 2017

Creación de tablas accesibles

El propósito de las tablas de datos es presentar información tabular y tener columnas o filas que muestran el significado de la información. Los usuarios videntes pueden escanear visualmente una tabla y pueden crear rápidamente asociaciones visuales entre los datos de la tabla y sus encabezados de fila y / o columna apropiados. Los usuarios que no puede ver la tabla no puede hacer estas asociaciones visuales, por lo que el marcado adecuado se debe usar para hacer una asociación programática entre los elementos dentro de la tabla. Cuando el marcado HTML es correcto y está en su lugar, los usuarios de lectores de pantalla pueden navegar a través de las tablas de datos de una en una, y oirán los encabezados de columna y fila.
TABLA DE DATOS ACCESIBLE

Conocer el contenido de la tabla

Las tablas de datos muy a menudo tienen un breve texto descriptivo antes o después, que indica el contenido de esa tabla. Este texto debe estar asociado a su tabla respectiva usando el <caption>. El <caption>elemento debe ser lo primero después de la <table>etiqueta de apertura .
<table>
<caption>Tazas de cafe</caption>

Encabezados de fila y columna

Un paso crítico hacia la creación de una tabla de datos accesible es designar encabezados de fila y / o columna. En el marcado, el <td> se utiliza para celdas de datos y el <th>se usa para celdas de encabezado.

Asociar las celdas de datos con los encabezados

El atributo scope es el encargado:identifica si un encabezado de tabla es un encabezado de columna o un encabezado de fila.

<table>
  <tr>
    <th></th>
    <th scope="col">Month</th>
    <th scope="col">Savings</th>
  </tr>
  <tr>
    <td scope="row">1</td>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td scope="row">2</td>
    <td>February</td>
    <td>$80</td>
  </tr>

</table>

SINTASIS

<td scope="col|row|colgroup|rowgroup">


USAR TAMAÑOS RELATIVOS A ABSOLUTOS


Si es necesario definir el ancho de las celdas, use valores relativos, como porcentajes, en lugar de valores de píxel. En general, se deben evitar las alturas definidas de las celdas para que la celda pueda expandirse hacia abajo para acomodar su contenido, algo especialmente útil para usuarios con baja visión que pueden ampliar el contenido del texto.

El atributo summary de la <table> se puede usar para proporcionar un resumen de una estructura de tabla de datos, el soporte para el resumen varía, pero, en general, es específico del lector de pantalla (no es accesible para nadie más).

Los elementos theady tfoot definen las filas de encabezado y pie de página para las tablas. No proporcionan ninguna funcionalidad de accesibilidad y generalmente solo se usan cuando se imprime una tabla larga

miércoles, 8 de noviembre de 2017

Accesibilidad Digital – Actividad Ponerse en el lugar del otro

Mercavalencia ¿una web accesible sin encabezado?

noticia sobre la web de mercavalencia
Tengo en mi correo de Gmail una alerta sobre noticias referidas a  la accesibilidad web y me he encontrado con la noticia-La nueva web de Mercavalència: información útil, al día y universalmente accesible-
Me he dicho una buena noticia para los discapacitados valencianos pero pronto he visto que mi gozo en un pozo.
pagina principal de mercavalencia

Al entrar en los encabezados me he encontrado con <h1> vacios.
falta de encabezados H1

Según mi opinión no entiendo cómo puedo comenzar una web dejando los h1 vacios, en la web de WebAIM se mencionan 10 simples consejos para mejorar la accesibilidad en la web, en el punto 5 se dice: El título de la página (que no debe confundirse con el <title>elemento, aunque debe ser breve y descriptivo del contenido de la página) es generalmente el texto grande y en negrita al principio del contenido principal que describe el contenido o la funcionalidad de esa página. Si bien una buena estructura de encabezado para todo su documento es excelente para la accesibilidad, simplemente haciendo que el título de su página principal sea un <h1>facilitará la navegación y la comprensión de la página.
En la web cómo ya he mencionado antes no hay ninguna referencia a los <h1>, el principio numero 4 de la WCAG 2.0 Robusto - El contenido debe ser suficientemente robusto como para ser interpretado de forma fiable por una amplia variedad de aplicaciones de usuario, incluyendo las ayudas técnicas.
Desconozco cómo es una web accesible ty dentro de la ley si esta fuera de ella
Supongo que la presentación erá para presentar mejoras en la web de mercavalencia.

martes, 7 de noviembre de 2017

CIS, el gráfico de la situación politica no importa


grafica de la situación politica con acromatosia
grafico de la situacion politica con vision normal

Ya sé que es mucho trabajo y es difícil cobrar un sueldo por hacer graficas de excel pero si estás allí ¿que importa hacer tu trabajo bien?, ¿es mucho pedir?.
Una persona sin problemas de  visión podrá entender el gráfico, cada linea marca un sentido pero cómo sufras acromatopsia te quedas sin entender el gráfico (gráfico primero o gráfico en blanco y negro), supongo que las cabezas pensantes del CIS dirán-bua¡, son 3 gatos-, si pero esos tres gatos están pagando tu sueldo, tu hipoteca y porque no, el colegio privado de tus hijos. La verdad no me  extraña esta falta de consideración hacia las personas con diversidad funcional, ya que la web usa el nivel A de las WCAG 1.0¡ anda que no esta desfasada desde 1999 no han tenido tiempo de pensar en cómo hacer que los gráficos lo puedan entender los discapacitados visuales.
Personalmente una institución del gobierno, que esta fuera de la ley en lo que se refiere a accesibilidad web poco me puede dar de seguridad referido a sus datos, lo principal son sus clientes, en este caso la población y no les tiene ningún  respeto, solo el dia de cobro.


domingo, 5 de noviembre de 2017

Mapfre,por si no queda claro te lo repito

Deseaba conocer las opciones que me da Mapfre para contratar un seguro pero no me gusta que me repitan lo que pueden hacer por mi, con que me lo digan una vez basta pero Mapfre en su carrusel me informa no una sino dos veces de lo mismo.
Ya sé que hacen planes de pensiones no me lo tienen que repetir.
 Cómo soy muy cotilla he querido saber el porque de estos dos alt, he entrado en su código fuente y he encontrado una explicación, tienen dos imágenes parecidas una se visualiza si la pantalla es 320*250 (medida de móviles, tablet....) y otra si el dispositivo de salida es una pantalla de ordenador.
Personalmente soy de las personas que creen en la universalidad de la web y que se tiene que ver igual en cualquier dispositivo, la gente me dice que son errores minimos y sin importancia,bueno serán mínimos y sin importancia pero si esta sociedad no se exige al final seremos eso el pais sin importancia.
El profesor Sergio Lujan Mora en su web y blog explica perfectamente como usar Alt y lo que debe comunicar, el dice:Este atributo especifica texto alternativo para agentes de usuario que no puedan mostrar imágenes, formularios o aplicaciones
 Es un atributo opcional que se puede emplear en algunas etiquetas HTML para ofrecer información adicional o alternativa sobre un elemento. Su utilidad depende plenamente del programa que se emplee para visitar (ver u oir) las páginas web, ya que si no lo tiene en cuenta el programa, de nada sirve este atributo.
Ya que es opcional y en esta ocasión se usa, supongo que tendrá algún objetivo poner alt="defaultalt" en la imagen de seguros de decesos.

Es una web referida a la accesibilidad pero lo que no me gusta es que tu la veas diferente segun el dispositivo que uses.

jueves, 2 de noviembre de 2017

Persona ciega muestra como usa JAWS

Cuando he visto esté video me he acodado del subtitulado y que la ONCE a cada afiliado facilita una serie de licencias para usar JAWS, también me he acordado de que la UNED, publica sus videos sin ser accesibles y no es por falta de recursos pero es que son funcionarios,¿que puedes pedir?




Tutorial de accesibilidad,los formularios ese mundo perdido

Para muchos ese mundo perdido, los formularios se usan comúnmente para proporcionar interacción del usuario en sitios web y en aplicaciones web. Por ejemplo, iniciar sesión, registrar, comentar y comprar.
Un consejo muy fácil de recordar: No hagas un formulario con muchos campos, al haber muchos los usuarios se aburren y lo dejan, mejor sé conciso.
Los formularios no deben estar sujetos a un límite de tiempo para permitirles a los usuarios completar el formulario a su ritmo. Si se debe establecer un límite de tiempo, por ejemplo, por razones de seguridad, el usuario debe tener la opción de apagarlo o ampliarlo. Esta norma no se aplica si el límite de tiempo se debe a un evento en vivo, como una subasta o un juego, o si el tiempo para completar el formulario es esencial para una presentación válida.
vista de un formulario simple


Los formularios accesibles son más fáciles de usar para todos, incluidas las personas con discapacidades.

Las personas con discapacidades cognitivas pueden comprender mejor el formulario y cómo completarla, ya que al hacer que los formularios sean accesibles mejora la estructura del diseño, sobretodo las instrucciones.

Las personas que usan la entrada de voz pueden usar las etiquetas a través de comandos de voz para activar controles y mover el foco a los campos que tienen que completar.

Las personas con destreza limitada se benefician de las grandes áreas que incluyen las etiquetas, especialmente para controles más pequeños, como botones de opción y casillas de verificación.

Las personas que usan lectores de pantalla pueden identificar y comprender los controles de forma más fácilmente porque están asociados con etiquetas, conjuntos de campos y otros elementos estructurales.

Criterios que afecta en WCAG 2.0:

1.3.1 Información y relaciones: (Nivel A)

2.4.6 Encabezados y etiquetas: (Nivel AA)

3.3.2 Etiquetas o instrucciones: (Nivel A)

4.1.2 Nombre, función, valor:(Nivel A)

Muy importante: Controles de etiquetado

Proporcione etiquetas para identificar todos los controles de formulario, incluidos campos de texto, casillas de verificación, botones de opción y menús desplegables. En la mayoría de los casos, esto se hace mediante el uso del <label>.
Esconder el texto de la etiqueta

Etiqueta oculta:

Una etiqueta para un control de formulario ayuda a todos a comprender mejor su propósito. En algunos casos, el propósito puede ser lo suficientemente claro desde el contexto cuando el contenido se representa visualmente. La etiqueta se puede ocultar visualmente, aunque todavía debe proporcionarse dentro del código para admitir otras formas de presentación e interacción, como para el lector de pantalla y los usuarios de entrada de voz.
En este enfoque, el <label>elemento se proporciona para identificar un control de formulario dentro del código, pero se oculta visualmente para evitar la redundancia para los usuarios que pueden derivar el propósito de las indicaciones visuales.

FRAGMENTO DE CÓDIGO:
<label for="search" class="visuallyhidden">Search: </label>
<input type="text" name="search" id="search">
<button type="submit">Search</button>


Información sacada de: Forms Concepts tutoriales de la W3C
EJEMPLO:

 
FRAGMENTO DE CÓDIGO: HTML
<label for="firstname">First name:</label>
<input type="text" name="firstname" id="firstname"><br>

<input type="checkbox" name="subscribe" id="subscribe">
<label for="subscribe">Subscribe to newsletter</label>

martes, 31 de octubre de 2017

Presentation Translator,proyecto de Microsoft Garage

Presentation Translator,es un proyecto de Microsoft Garage,el cual rompe la barrera del idioma al permitir a los usuarios ofrecer presentaciones subtituladas directamente desde PowerPoint. Mientras habla, el complemento con la función en vivo de Microsoft Translator le permite mostrar los subtítulos directamente en su presentación de PowerPoint en cualquiera de los más de 60 idiomas de texto compatibles.
El subtítulo en vivo de Presentation Translator se basa en la característica en vivo de Microsoft Translator, un traductor universal personal que permite que hasta 500 personas traduzcan conversaciones en sus dispositivos favoritos a través de la aplicación Translator o en la web en http://translate.it .
Para acceder tienes que validarte en la web https://translator.microsoft.com/

Presentation Translator es un complemento de Office para PowerPoint que permite a los presentadores mostrar subtítulos en vivo y en vivo. Mientras habla, el complemento le permite mostrar los subtítulos directamente en su presentación de PowerPoint en cualquiera de los más de 60 idiomas de texto compatibles,

Características principales:


  • Subtitulado en vivo: hable en cualquiera de los 10 idiomas de habla soportados: árabe, chino (mandarín), inglés, francés, alemán, italiano, japonés, portugués, ruso y español, y subtítelos en cualquiera de los más de 60 idiomas de traducción de texto.
  • Los interlocutores tienen la opción de personalizar el motor de reconocimiento de voz utilizando el vocabulario dentro de las diapositivas y las notas de diapositivas para adaptarse a la jerga, los términos técnicos, los nombres de productos o lugares, etc.
  • Traduce el texto de PowerPoint conservando el formato original.
  • Los miembros de la audiencia de ayuda sordos o con problemas de audición siguen la presentación y participan en la discusión.
Para descargar translator tienes que hacerlo desde la web de Microsot

lunes, 30 de octubre de 2017

Hacer que las imágenes de Twitter sean accesibles

Cuando twitteas fotos usando la aplicación de Twitter para iOS, Android, o en twitter.com, tiene la opción de componer una descripción de las imágenes para que el contenido sea accesible para las personas con discapacidad visual.
witter para iOS

logotipo de twitter


Twitter para iOS 


En el menú superior, toca el ícono de tu perfil , luego toca Configuración y privacidad .
En General , toca Accesibilidad .
Junto a las descripciones de las imágenes de composición , arrastre el control deslizante para activar o desactivar la configuración.


Cómo agregar descripciones de imágenes en Tweets de Twitter para iOS 


Comience tocando el icono de redacción de Tweet  y adjunte su (s) foto (s).
Nota: para obtener instrucciones detalladas sobre cómo agregar fotos a sus Tweets, lea este artículo .
En la imagen, toque Agregar descripción para insertar texto descriptivo.
Escriba su descripción de la imagen y toque Aplicar . Toque la descripción nuevamente para editarla antes de publicar el Tweet. (El límite es de 420 caracteres)
Puede agregar una descripción a cada imagen en un Tweet.
Nota: las descripciones de las imágenes no se pueden agregar a GIF o videos.
Twitter para Android


Descripciones de las imágenes de Twitter para Android


En el menú superior, verá un ícono del menú de navegación  o su ícono de perfil . Toca el icono que tengas.
Toca Configuración y privacidad .
En General , toca Accesibilidad .
Junto a las descripciones de las imágenes de composición , marque la casilla para activar o desactivar la configuración.


Cómo agregar descripciones de imágenes en Tweets de Twitter para Android


Comience tocando el ícono de Tweet  y adjunte su (s) foto (s).
Nota: para obtener instrucciones detalladas sobre cómo agregar fotos a sus Tweets, lea este artículo .
En la imagen, toque Agregar descripción para insertar texto descriptivo.
Escriba su descripción de la imagen y toque Aplicar . Toque la descripción nuevamente para editarla antes de publicar el Tweet. (El límite es de 420 caracteres)
Puede agregar una descripción a cada imagen en un Tweet.
Nota: las descripciones de las imágenes no se pueden agregar a GIF o videos.
Twitter para la web (twitter.com)
Cómo habilitar la composición de las descripciones de las imágenes en twitter.com

Haga clic en el icono de su perfil y seleccione  Configuración y privacidad en el menú desplegable (o presione la tecla "g" rápidamente, y luego la tecla "s").
Haga clic en Accesibilidad  en la lista de configuraciones.
Busque la casilla de verificación Componer descripciones de imagen .
Marque la casilla para activar o desactivar la configuración.
Haga clic en Guardar cambios .


Tweets de twitter.com


Haga clic en el botón de redacción de Tweet o presione la tecla "n" para usar el atajo de teclado.
Adjunte su foto (s).
Nota: para obtener instrucciones detalladas sobre cómo agregar fotos a sus Tweets, lea este artículo .
Para insertar texto descriptivo, abra el cuadro de diálogo de vista previa en miniatura haciendo clic en la miniatura. (Si usa el teclado, enfoque la miniatura con la tecla "tab" y presione la tecla "enter" para abrir el cuadro de diálogo de vista previa en miniatura).
Escriba su descripción de la imagen y haga clic en el botón Aplicar . Para editar la descripción, vuelva a abrir el cuadro de diálogo de vista previa en miniatura antes de publicar el Tweet. (El límite es de 420 caracteres)
Puede agregar una descripción a cada imagen en un Tweet.
Nota: las descripciones de las imágenes no se pueden agregar a GIF o videos.
VoiceOver en Twitter para iOS


Cómo habilitar la composición de las descripciones de las imágenes utilizando VoiceOver


Encuentre el botón de menú Usuario en la esquina superior derecha de la pantalla mediante exploración táctil.
Toca dos veces el botón de menú Usuario .
Encuentra el botón Configuración y privacidad en el medio de la pantalla usando exploración táctil o el gesto de derecha / izquierda.
Toca dos veces el botón Configuración y privacidad .
Encuentra el elemento Accesibilidad usando la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces Accesibilidad .
Encuentre el botón de cambio de descripciones de la imagen Componer utilizando la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces el botón para activar o desactivar la configuración.


Descripciones de imágenes en Tweets usando VoiceOver


Encuentre el botón Redactar Tweet en la esquina superior derecha de la pantalla usando exploración táctil.
Toca dos veces el botón Redactar Tweet .
Busque el botón de la biblioteca de fotos utilizando la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces el botón de la biblioteca de fotos para agregar una imagen.
Utilice la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda para buscar la imagen que desea agregar.
Toca dos veces una imagen para agregarla y regresar al compositor.
En el compositor, busca la imagen mediante la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Mientras se enfoca en la imagen, deslice hacia arriba o hacia abajo hasta que escuche " Agregar descripción a la foto " y luego toque dos veces para agregar una descripción para la imagen.
Escriba su descripción de la imagen. (El límite es de 420 caracteres)
Busque el botón Aplicar en la esquina superior derecha de la pantalla mediante la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces el botón Aplicar para agregar la descripción y regresar al compositor.


Cómo editar descripciones de imágenes en Tweets usando VoiceOver


Puede editar la descripción de su imagen antes de publicar el Tweet. En el compositor, busca la imagen mediante la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Mientras se enfoca en la imagen, deslice hacia arriba o hacia abajo hasta que escuche " Editar descripción para la foto " y luego toque dos veces para agregar una descripción a la imagen.
Cambiar la descripción de la imagen. (El límite es de 420 caracteres)
Busque el botón Aplicar en la esquina superior derecha de la pantalla mediante la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces el botón Aplicar para agregar la descripción y regresar al compositor.
TalkBack en Twitter para Android
Cómo habilitar la composición de las descripciones de las imágenes con TalkBack

Busque el  botón del cajón de navegación en la parte superior derecha de la pantalla usando la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces el   botón del cajón de navegación para abrir el menú.
En el menú, encuentre la configuración  y el elemento de privacidad usando la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces la configuración  y el elemento de privacidad .
Encuentra el elemento Accesibilidad usando el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces Accesibilidad .
Busque la casilla de verificación Componer descripciones de imagen usando la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces la casilla de verificación para activar o desactivar la configuración.


Descripciones de imágenes en Tweets usando TalkBack


Encuentra el botón Escribir en la parte inferior izquierda de la pantalla usando exploración táctil.
Toca dos veces el botón Escribir .
Encuentra el botón Fotos usando la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces el botón Fotos para agregar una foto.
Use la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda para buscar la foto que desea agregar.
Toca dos veces una foto para agregarla y regresar al compositor.
En el compositor, encuentre el botón Agregar descripción usando la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces el botón Agregar descripción .
Escriba su descripción de la imagen. (El límite es de 420 caracteres)
Busque el botón Aplicar en la esquina superior derecha de la pantalla mediante la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces el botón Aplicar para agregar la descripción y regresar al compositor. ( Nota: después de agregar la descripción, la etiqueta del botón Agregar descripción se cambiará para que coincida con la descripción).


Descripciones de imágenes en Tweets usando TalkBack


Puede editar la descripción de su imagen antes de publicar el Tweet. Encuentre el botón etiquetado con la descripción actual mediante exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces el botón.
Cambiar la descripción de la imagen. (El límite es de 420 caracteres)
Busque el botón Aplicar en la esquina superior derecha de la pantalla mediante la exploración táctil o el gesto de desplazamiento hacia la derecha / izquierda.
Toca dos veces el botón Aplicar para agregar la descripción y regresar al compositor. ( Nota: después de agregar la descripción, la etiqueta del botón Agregar descripción se cambiará para que coincida con la descripción).
Usando VoiceOver para Mac con twitter.com
Cómo habilitar la composición de las descripciones de las imágenes en twitter.com

Vaya a Configuración y privacidad presionando la tecla "g" rápidamente, seguido de la tecla "s".
Presiona las teclas "control + opción + u" al mismo tiempo para abrir Web Rotor.
Presione la tecla de la flecha hacia la derecha para seleccionar Enlaces en el Rotor Web.
Use la tecla de flecha hacia abajo para encontrar el elemento Accesibilidad y presione la tecla "enter".
Presione "enter" para navegar a la configuración de Accesibilidad .
Presiona las teclas "control + opción + u" al mismo tiempo para abrir Web Rotor.
Presione la tecla de la flecha hacia la derecha para seleccionar Controles de formulario en Web Rotor.
Use la tecla de la flecha hacia abajo para encontrar las descripciones de la imagen Componer y presione la tecla "enter".
Use la barra espaciadora para activar o desactivar la configuración.
Presione las teclas "control + opción + u" para que aparezca el Rotor web
Use la tecla de flecha hacia abajo para encontrar Guardar cambios y presione la tecla "enter".


Descripciones de imágenes en Tweets de twitter.com


Abra el compositor de Tweet usando el atajo de teclado (presione la tecla "n").
Use la tecla "tab" para navegar hasta el botón Agregar fotos o video y presione "enter".
Use el cuadro de diálogo del sistema de archivos para elegir la imagen que desea agregar.
En el compositor, busca la imagen que agregaste usando la tecla "tabular". La imagen se etiquetará según el orden en que se agregó (por ejemplo, "Imagen 1")
Para insertar texto descriptivo, abra el cuadro de diálogo de vista previa en miniatura presionando la tecla "enter" mientras se enfoca en la imagen.
Escriba su descripción de la imagen. (El límite es de 420 caracteres)
Busque el botón Aplicar presionando la tecla "tab" y presione "enter", o simplemente presione "enter" mientras mantiene presionada la tecla "comando".
Para editar la descripción, vuelva a abrir el cuadro de diálogo de vista previa en miniatura antes de publicar el Tweet.
Uso del lector de pantalla JAWS para Windows con twitter.com
Cómo habilitar la composición de las descripciones de las imágenes en twitter.com

Presione las teclas "Insertar" y "3" juntas para evitar temporalmente la navegación virtual de JAWS.
Después de escuchar la tecla Entrar para pasar , navegue a Configuración usando el teclado. atajo (presione la tecla "g", seguida rápidamente por la tecla "s").
Presione las teclas "Insertar" y "F7" para que aparezca la lista de enlaces para la página.
Use la tecla de flecha hacia abajo para encontrar el elemento Accesibilidad y presione la tecla "enter".
Presione la tecla "f" para encontrar el elemento Componer descripciones de imagen .
Use la barra espaciadora para activar o desactivar la configuración.
Presione la tecla "f" para encontrar el botón Guardar cambios y presione la tecla "enter".


Cómo agregar descripciones de imágenes en Tweets de twitter.com


Presione las teclas "Insertar" y "3" juntas para evitar temporalmente la navegación virtual de JAWS.
Abra el compositor de Tweet usando el atajo de teclado (presione la tecla "n").
Use la tecla "tab" para navegar hasta el botón Agregar fotos o video y presione "enter".
Use el cuadro de diálogo del sistema de archivos para elegir la imagen que desea agregar.
En el compositor, busca la imagen que agregaste usando la tecla "tabular". La imagen se etiquetará de acuerdo con el orden en que se agregó (por ejemplo, "Imagen 1").
Para insertar texto descriptivo, abra el cuadro de diálogo de vista previa en miniatura presionando la tecla "enter" mientras se enfoca en la imagen.
Escriba su descripción de la imagen. (El límite es de 420 caracteres)
Busque el botón Aplicar presionando la tecla "tab" y presione "enter", o simplemente presione "enter" mientras mantiene presionada la tecla "comando".
Para editar la descripción, vuelva a abrir el cuadro de diálogo de vista previa en miniatura antes de publicar el Tweet.
Usando el lector de pantalla NVDA para Windows con twitter.com
Cómo habilitar la composición de las descripciones de las imágenes en twitter.com

Presione las teclas "insertar" y "espacio" juntas para ingresar al modo formularios.
Vaya a Configuración y privacidad presionando la tecla "g" rápidamente, seguido de la tecla "s".
Presione las teclas "insertar" y "espacio" juntas para salir del modo formularios.
Presione las teclas "Insertar" y "F7" juntas para que aparezca la lista de enlaces para la página.
Use la tecla de flecha hacia abajo para encontrar el elemento Accesibilidad y presione la tecla "enter".
Presione la tecla "f" para encontrar el elemento Componer descripciones de imagen .
Use la "barra espaciadora" para activar o desactivar la configuración.
Presione la tecla "f" para encontrar el botón Guardar cambios y presione la tecla "enter".


Cómo agregar descripciones de imágenes en Tweets de twitter.com


Presiona "insertar" y las teclas espaciales juntas para ingresar al modo formularios
Abra el compositor de Tweet usando el atajo de teclado (presione la tecla n).
Use la tecla "tab" para navegar hasta el botón Agregar fotos o video y presione "enter".
Use el cuadro de diálogo del sistema de archivos para elegir la imagen que desea agregar.
En el compositor, busca la imagen que agregaste usando la tecla "tabular". La imagen se etiquetará de acuerdo con el orden en que se agregó (por ejemplo, "Imagen 1").
Para insertar texto descriptivo, abra el cuadro de diálogo de vista previa en miniatura presionando la tecla "enter" mientras se enfoca en la imagen.
Escriba su descripción de la imagen. (El límite es de 420 caracteres)
Busque el botón Aplicar presionando la tecla "tab" y presione "enter", o simplemente presione "enter" mientras mantiene presionada la tecla "comando".
Para editar la descripción, vuelva a abrir el cuadro de diálogo de vista previa en miniatura antes de publicar el Tweet.

INFORMACION SACADA DE: Making images accessible for people on Twitter