devLecturas (IV)

Me ha interesado bastante este artículo sobre una «craft crisis» en el mundo del diseño, pero no por el mundo del diseño. Ni el inicio del artículo: personalmente, saltaría directamente hasta How we got here. El artículo va de cómo, desde el mundo del diseño, si bien no hace falta saber escribir código, perder el contacto íntimo con la parte técnica representa un problema, y sí es necesario tener una «alfabetización estratégica» (y ojo, que el artículo deja el listón de esa alfabetización considerablemente alto)… A media lectura me ha parecido que, de hecho, no hablaba del diseño (o al menos no estrictamente de las personas que etiquetamos como diseñadores, gráficos / de interacción / …), sino de cualquier campo que dependa de otro para implementar lo que sea: si delegas absolutamente el conocimiento, flaco favor el que te haces, y traspasas buena parte del poder a diseño / desarrollo / el departamento que sea que hay entre tú y el producto / servicio a entregar.

Por lo que respecta a novedades-ya-no-tan-novedosas de CSS, llego a 12 CSS features you can use today with no build step (es de septiembre :-S), entre las cuales el anidado en CSS sin pre ni postprocesadores, :has(), subgrid, espacios de color OKLCH (todas baseline widely available desde hace más de un año), container queries (aún más viejas: baseline widely available desde hace dos), cascade layers (tres años ya) o :is() y :where() (cuatro). No quiero mirar cuánto no se usan, porque me deprimo (aunque igual el «mal de muchos» me consolaría un poco).

Por su parte, la consultoría de accesibilidad Tetralogical publica su Accessible components library, con su documentación y, sobre todo, los requisitos de accesibilidad, los escenarios de prueba y los tests automatizados. Incluyen acordeón, migas de pan («breadcrumbs«), cuadro de diálogo, «disclosure«, paginación, pestañas y entrada de texto, documentando los correspondientes criterios de éxito de las WCAG 2.2.

Otro de accesibilidad. Me entero por este hilo (de hace como un mes) de Bluesky de Eric Bailey de la última edición (la undécima, parece ser) de la «survey» sobre el uso de lectores de pantalla de WebAIM. Documento de interés muy alto, y no dejéis de leer tampoco el hilo de Bluesky, que la interpretación de Bailey es de lectura casi obligatoria para los que (como yo) no sabemos tanto como querríamos.

Y cerramos con accesibilidad… e IA. En mayo (sí, estas entradas deberían llamarse «devLecturas a punto de caducar)) en el blog de GitHub publicaban una historia sobre el desarrollo de un agente (de IA) de accesibilidad de propósito general. Con la precaución necesaria al leer una historia sobre agentes IA de una compañía que quiere vender agentes IA, resulta interesante. El objetivo era que el robot fuera capaz de (i) responder a las preguntas de los desarrolladores, y (ii) detectar y corregir problemas de accesibilidad simples y objetivos (los adjetivos son importantes). Para mayo, el agente había revisado tres mil quinientas pull requests y resuelto (según las métricas de GitHub, claro) un 68% de problemas. El texto enlaza a una evaluación de la accesibilidad de lo que producen los modelos grandes de lenguaje que, para sorpresa de nadie, no es para tirar cohetes (o sí, dependiendo de hacia dónde se apunten dichos cohetes, claro), fruto de este proyecto (que parece que lleva unos meses sin tocarse). A pesar de ser GitHub, el autor, Eric Bailey (le acabáis de «ver» en el párrafo anterior), tiene un recorrido importante en esto de la accesibilidad, y el planteamiento y conclusiones hacen que valga la pena leer sobre los aspectos que se pueden automatizar en cuestiones de accesibilidad.

devLecturas (III)

Cinco enlaces más: tres de CSS, uno de CMS nuevo para probar, y uno de accesibilidad…

Me encuentro en la newsletter de Frontend Focus con este generador de CSS crítico: lo apuntas hacia una URL, le especificas un tamaño de pantalla objetivo y te analiza el CSS para extraer el que es crítico para renderizar el «above the fold», que puedes incrustar en el HTML para minimizar el tiempo que tarda el navegador en mostrarte el contenido.

De la misma newsletter, pero de una edición posterior, sale esta técnica para sidenotes solo con CSS que este fan de las notas al pie y familia debería explorar con cariño. También esta de anotaciones.

Siguiendo con CSS, me encuentro con CSS Bed, un agregador de temas «classless» (esto es, no definen su CSS para determinadas clases, si no directamente para los elementos HTML).

Por no hablar solo de CSS… el 29 de septiembre se anunció la 1.0 de emDash, un CMS nuevo, construido sobre Astro, con el soporte (para bien o para mal, a gusto del consumidor) que parte de la pregunta (dicen ellos mismos) «¿cómo sería WordPress si se crease hoy?». Con la que está cayendo en Automattic, estudiar si es una alternativa real a WordPress, o puede serlo en el futuro, comienza a ser una necesidad…

Y cerramos con un poco de accesibilidad, de la mano de This hue shall pass, un verificador de la accesibilidad de paletas de color que, como factor diferencial, no solo te dice si la paleta es o no accesible, sino que te da herramientas para intentar mejorar su accesibilidad (idealmente, hasta pasar los criterios AAA, claro :-)).

devLecturas (II)

Cinco enlaces más de cosillas de desarrollo web entendido en sentido amplio (la edición anterior es de principios de junio, no sé yo si esto va a tener mucha continuidad, pero lo seguiremos intentando).

De los vídeos de la commit, celebrada a principios de junio, me han llamado la atención un par de charlas. La primera, una «nueva manera de testear el frontend», «test while developing«.

Y la segunda, la de Ramón Corominas sobre evaluación automática de accesibilidad:

Aprovechando que estoy con uno de accesibilidad, hace apenas unos días Olga Carreras repasaba la WCAG Evaluation Methodology (WCAG-EM) 2.0.

Volviendo a principios de junio, Manuel Matuzovic hablaba de encabezados «concientes de su contexto». La idea, si los navegadores acaban dándole soporte, es que finalmente podamos escribir bloques de código dándoles título con un <h1>, y que sea luego el navegador el que lo convierta en el h-loquesea conveniente usando un «offset» y le aplique el CSS adecuado, cosa especialmente interesante si se trabaja con componentes. De momento solo se está implementando en Firefox. Dedos cruzados para que lo adopten el resto de navegadores 🤞.

Y para cerrar (el enlace es más antiguo, pero yo la encuentro ahora), tenemos esta Retro UI library que no creo que use nunca, pero que me parece absolutamente maravillosa.

Ray-ban Meta: accidentalmente accesibles

A finales de 2023, cuando salieron las Ray-ban Meta, escribí una cosilla breve sobre lo mucho que me cabreaba que a Meta no se le hubiese pasado por la cabeza la potencial utilidad del cacharrito para las personas con discapacidad visual (tampoco es que el tema apareciese en los medios en los que yo vi noticias al respecto, debe decirse).

Ayer me pasaba hermanito la evaluación de las smart glasses Ray-ban Meta que han hecho desde la ONCE (no he sabido encontrar la fecha en que se hizo). Concluyen:

Las gafas Ray-Ban Meta Smart Glasses no son un dispositivo específicamente diseñado para personas con ceguera, aunque presentan algunas funcionalidades que podrían resultar interesantes para este colectivo.

Si bien la aplicación Meta View es en gran medida accesible a través de lectores de pantalla y las gafas ofrecen la posibilidad de realizar llamadas, videollamadas, enviar mensajes y reproducir audio, la utilidad para personas ciegas se ve limitada por la imposibilidad de utilizar plenamente la IA para la descripción de imágenes y la lectura de textos en español.

A pesar de estas limitaciones, la posibilidad de realizar videollamadas y permitir que el interlocutor vea a través de la cámara de las gafas podría ser una característica valiosa para algunas personas ciegas, así como la posibilidad de realizar diferentes funciones sólo con la voz permitiendo al usuario tener las manos libres.

Con la llegada de Meta IA a Europa quiero pensar que a la barrera del idioma no le queda mucho para caer, pero me da a mí que a Meta no le dará por promocionar los usos para esas personas (aunque sería una excelente ocasión para lavar un poco la imagen que tiene la empresa).

Y solo nos queda desear que alguien sea capaz de sacar un producto equivalente pero abierto, aunque sea cien, doscientos, o trescientos euros más caro.



PS 20250528 A mediados de este mes de mayo Meta ponía en marcha algunas funcionalidades de accesibilidad muy interesantes que había anunciado en noviembre. De momento solo en algunos países anglosajones, pero algo es algo.

Daredevil y visibilizar la [falta de] accesibilidad

Por razones que no vienen a cuento, estos días me estoy leyendo los Daredevils que de 2011 en adelante hizo el equipo creativo de Mark Waid al guion, Chris Samnee al dibujo y Javier Rodríguez al color (y en algunos números dibujando también, supongo que cuando Samnee no llegaba).

(Bueno: sí viene a cuento: uno es muy fan tanto de Chris Samnee como de Javier Rodríguez. Grandísimos creadores visuales ambos, opino.)

Y la cuestión es que no he podido evitar fijarme en cómo en algunas viñetas se permiten visibilizar algunas de las cosas que caracterizan la vida digital de las personas ciegas. Sirvan estas tres como ejemplo:

En una viñeta, Daredevil señala un ordenador y comenta que no puede utilizar esas cosas
Eres Daredevil y tienes superpoderes… pero los ordenadores se te resisten. Innecesariamente, porque si programas la aplicación como deberías, una persona ciega no debería tener problemas para usarla.
Daredevil se para delante de un cajero automático. Se pone unos auriculares. El cajero le da instrucciones habladas.
No tengo yo muy controlado si con la popularización de las apps de los bancos hay otras maneras de hacer accesibles los cajeros, y no me he fijado si sigue habiendo cajeros con conector para auriculares. Pero sí, como mínimo por aquella época, los cajeros sabían hablar…
Matt Murdock usando un móvil para enviar mensajes de texto. Vemos una pantalla con media docena de círculos.
Un último ejemplo… El iPhone siempre ha sido un móvil muy accesible para las personas ciegas (y parece ser que ya hace años que Android también se ha puesto las pilas con el tema, por lo que me dicen). Los asistentes de voz y las funcionalidades de accesibilidad, como el teclado braille que se ve en la viñeta, han supuesto un gran avance…

En fin, que no debería ser destacable que las discapacidades se visibilizasen, y menos aún las de las personas ciegas en una serie que tiene por protagonista a una persona ciega. Pero, aun así, creo que valía la pena destacarlo…

Por si alguien quiere leer más sobre el tema: