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.

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

Microsoft Word creando documentos accesibles

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.

Borrador de HTML 5.3

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

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.

Guia para la accesibilidad en Facebook.

Entrevista en Diario Información a Jose Maria Fernandez. Accesibilidad, ...

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

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.

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.

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.

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

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

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

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.

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.

• 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

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.

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

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.

Ideal para la gente deficiente visual que no ve las imágenes.

PROBLEMA MATEMÁTICO

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

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.

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.

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

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:

• Un rastreador ocular Tobii Dynavox
• El último software de Windows 10 (Fall Creators Update) en su PC o tableta
• El Eye Control de Microsoft 

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.

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.

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

Accesibilidad Digital – Actividad Ponerse en el lugar del otro

Mercavalencia ¿una web accesible sin encabezado?

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.

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

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.

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

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.

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.

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.

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:

Nombre de pila: 
 Suscríbete al boletín

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>