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/

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.

viernes, 1 de diciembre de 2017

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.