Entradas

Mostrando entradas de julio, 2018

Adiós a las abreviaturas y acrónimos en los sitios web oficiales del Reino Unido

Hace unos días se publicó la noticia  Goodbye, etc: why the UK government will stop using Latin abbreviations online : RIP eg, ie and etc. Henceforth the three abbreviated Latin phrases – which stand for exempli gratia (for the sake of example), id est (that is) and et cetera (and the rest) – will stop being used on Britain’s .gov.uk websites. Eventually they will be replaced in toto by English alternatives such as such as, that is, and so on and so on. En WCAG 2.1 , el criterio de éxito 3.1.4 Abbreviations está dedicado a este problema: (Level AAA) A mechanism for identifying the expanded form or meaning of abbreviations is available.

inSuit, competencia de Inclusite

Imagen
A través de la noticia El Ayuntamiento de Alcalá de Henares instala en su web una herramienta de accesibilidad me he enterado de la existencia de inSuit , un producto similar a Inclusite : La mejora de la navegación con la herramienta Insuit está destinada a personas con disminución o falta de visión, dificultad o falta de movilidad en manos y brazos, incluso cuando están combinadas con dificultades para el habla o discapacidad cognitiva/intelectual. También se ha hecho más sencilla la navegación para personas mayores con dificultades para la lectura o con pocas capacidades digitales.  Para la concejala de Transparencia, Brianda Yáñez, "es una prioridad la accesibilidad universal a los servicios municipales, un condicionante para garantizar los derechos de todas las personas sea cual sea su situación. Las herramientas digitales se están implantando a gran velocidad pero deben ser accesibles para no generar más barreras sino todo lo contrario, debemos lograr que sean facilitadoras

Deja de usar PDF en las páginas web

Por fin alguien dice algo que llevaba tiempo queriendo leer: deja de usar PDF en las páginas web. En los últimos años, el uso y abuso de PDF para publicar contenido en los sitios web es impresionante. Y es un error, porque una cosas es un PDF y otra una página web. Me recuerda a la "epidemia" que se vivió en la primera década del siglo XXI cuando lo "cool" era usar Flash para crear sitios web, o mejor dicho, falsos sitios web. En  Why GOV.UK content should be published in HTML and not PDF se proporcionan varias razones para dejar de usar PDF en los sitios web: They do not change size to fit the browser They’re not designed for reading on screens It’s harder to track their use They cause difficulties for navigation and orientation They can be hard for some users to access They’re less likely to be kept up to date They’re hard to reuse Y si PDF es tan malo ¿por qué se usa tanto? Algunas razones son: They’re quick and easy to create Control over the design They’re eas

Curso "Start Building Accessible Web Applications Today"

Start Building Accessible Web Applications Today es un excelente curso sobre accesibilidad web: Accessible Icon Buttons Accessible Button Events Building Forms with Accessibility in Mind Headings and semantic structure for accessible web pages Focus management using CSS, HTML, and JavaScript What is the Accessibility Tree? Intro to ARIA How Visible vs. Hidden Elements Affect Keyboard/Screen Reader Users Using the Voiceover screen reader to test for accessibility Testing for Accessibility with the NVDA Screen Reader on Windows Creating visual skip links in HTML and CSS Accessible modal dialogs Using the tabindex attribute for keyboard accessibility Basic accessibility testing Accessibility testing with axe-cli

Formulario de acceso con captcha, ¿para qué?

Imagen
El usuario @begoodness de Twitter me ha avisado del siguiente error. La página web  Te damos la bienvenida al Área Personal del Demandante (el título de la página ya es malo) presenta un formulario de acceso con usuario y contraseña que además añade un captcha: Esto supone un grave problema de accesibilidad. ¿Para qué el captcha si tienes usuario y contraseña? Seguramente lo han puesto para evitar ataques masivos. Pero en ese caso hay formas más inteligentes y menos perniciosas para el usuario: controlar la dirección IP, controlar el número de accesos en un período de tiempo, etc.

Ejemplos de textos alternativos de risa en el periódico El País

Imagen
Estos ejemplos son de risa, si digo que son una mierda seguro que alguien se queja por usar un lenguaje inapropiado. El primer ejemplo entra dentro de lo esperable, es un error típico: una imagen que es un enlace y tiene como texto alternativo el mismo texto que el enlace textual asociado a la fotografía. Resultado: el lector de pantalla leerá dos veces el mismo texto; molestia, confusión, desorientación para el usuario. Pero además, como no se ha modificado el color del texto, el texto alternativo es muy difícil de leer. Doble error. El segundo error no entra dentro de lo esperable y nunca había visto algo así: ¿qué es ese texto alternativo en inglés cuando el periódico está en español? Una posible explicación es fácil de entender (el texto alternativo lo han tomado de la descripción de la fotografía que han tomado de un banco de imágenes o de un boletín de una agencia de noticias), pero no es perdonable. Al revés, es completamente condenable.

Cómo joder a la gente con el placeholder

Imagen
En  Don’t Use The Placeholder Attribute el resumen es claro y rotundo: The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. Let’s clarify why you need to stop using it. Pues eso, DEJA DE USAR EL PLACEHOLDER, DEJA DE JODER A LA GENTE, o mejor dicho, DEJA DE USARLO MAL. Esto ya lo he comentado varias veces en este blog: Ejemplo de que usar el placeholder es una mala idea Diez razones por las que los placeholders son problemáticos Y aquí, unos ejemplos que aparecen en el artículo  Don’t Use The Placeholder Attribute : * El formulario de registro de Facebook con un abuso de del uso de placeholder: * Tienes que introducir tu fecha de nacimiento, pero ¿el formato era MM/DD/YY, MM/DD/YYYY, DD/MM/YY o DD/MM/YYYY? ¿No te acuerdas? Pues te jodes, así de sencillo: * Tiene que introducir una contraseña que debe cumplir una serie de requisitos. ¿Empiezas a escribir la contraseña y no te acuerdas de los requisitos? Pues ya sabes, te j

Problema de accesibilidad para las personas que usan el control por voz

Imagen
Olga Carreras ha publicado el artículo  WCAG 2.1 Comprende el criterio "2.5.3 Etiqueta en el nombre" en el que comenta un nuevo criterio de WCAG 2.1: En este vídeo explico algunos de los problemas que pretende evitar el nuevo criterio "2.5.3 Etiqueta en el nombre (A)" de las WCAG 2.1, el cual dice así: "Para los componentes de la interfaz de usuario con etiquetas que incluyen texto o imágenes de texto, el nombre accesible contiene el texto que se presenta visualmente". Además ha hecho un vídeo para explicar la importancia de este criterio:

Expediente sancionador contra Endesa

Hace unos días se publicó la noticia  Endesa, multada con 30.000 euros por "incumplir" en la web requisitos de accesibilidad para discapacitados : La Secretaría de Estado de Servicios Sociales, dependiente del Ministerio de Sanidad, Servicios Sociales y Bienestar Social, ha resuelto sancionar con una multa de 30.001 euros a la compañía Endesa por "incumplimiento" de los requisitos mínimos de accesibilidad para personas con discapacidad en su web de atención al cliente.  [...]  Esta resolución es consecuencia de una denuncia formulada en abril de 2017 por el Comité de Representantes de Personas con Discapacidad (CERMI) contra Endesa por "no reunir" en su portal 'www.endesaclientes.com' "los requisitos legales de accesibilidad a los que obliga la Ley de Servicios de la Sociedad de la Información y de Comercio Electrónico". Y ojo a la aclaración que se hace: Por otro lado, el CERMI también denunciaba deficiencias en la accesibilidad de la we

Cómo ayuda la tecnología a una persona ciega

En el siguiente vídeo, una persona ciega comenta algunas situaciones en las que la tecnología le es de una gran ayuda en su vida diaria: Christine Hà - Stories from the Digital Divide from Siteimprove Inc on Vimeo .

Voice Dictation

Voice Dictation es un sistema que permite mostrar transcripción de lo que se dice, por ejemplo en una conferencia, en tiempo real. El sistema usa el motor de Google Speech Recognition para transcribir más de 100 idiomas. Este sistema es similar a Web Captioner que comenté hace un par de meses.

Cómo funciona un lector de pantalla

Muy interesante el artículo  A Tale of Two Rooms: Understanding screen reader navigation , que explica mediante analogías el funcionamiento de un lector de pantalla: One of the best ways to better understand the screen reader user experience is to try it yourself. It is certainly advantageous to try using screen reading software on your own to navigate web page content. In addition though, here is a simple exercise you can do to simulate the scenarios illustrated above. (I don’t recommend finding random conference rooms with people in them and turning out all the lights!) Print out a paper copy of a web page. I recommend one that is not too large but contains a variety of elements such as text, links, menus, etc. Find a blank sheet of paper and make a small hole in the center of it. The hole should be about the size of 2 or 3 words (around a half inch in diameter is usually sufficient). Place the paper with the hole in it over the printout of the web page and try making sense of what i