Ciberiluminismo.xyz ahora es apto para screen readers

Ciberiluminismo.xyz ahora es apto para screen readers

IG: @postdigitalist / TW: @lowendpowerhaus


Cuando monté Ciberiluminismo.xyz (sin esfuerzo alguno, sobre Binder), lo hice seducido por la estética brutalista que posibilitaría y por cómo facilitaría reversionar el sitio en diversos idiomas. Pero Binder pierde en un aspecto muy particular: Al no consistir sino de una serie de iFrames "enmarcados", los sitios que se producen con Binder como boilerplate son inaccesibles by design.

Ayer comencé a trabajar en la anteúltima entrega de mi serie sobre la estética de internet*. En ella, trataré el brutalismo web y su relación con la accesibilidad, bajo el ideal de "diseñar sin lastimar a nadie". Esto azuzó que revisitara el sitio de CEg y buscase una solución al problema de la accesibilidad. Hacerlo no fue tanto un ejercicio de proficiencia técnica, como de practicidad.

Pasos a seguir

1.Tomar todo el texto del sitio y compilarlo en el Google Doc, asegurándose de ordenarlo correctamente (que los encabezados sean encabezados, etc.)

2. Descargarlo como .html. Google nos dará un .zip. Puede descomprimirse y, como yo hice, colocarse en una carpeta ./accesibilidad dentro del repositorio/directorio del sitio, con el nombre de archivo que se desee. Idealmente, debería ser algo corto y descriptivo.

3. Convertir el logo en un link, y ponerle como texto alternativo algo del estilo de "Clickeá para acceder a la versión apta para screen readers".

<a href="accesibilidad/[contenido.html]"><img src="[source]" alt="Clickeá para acceder a la versión apta para screen readers" title="[Nombre]"></a>

Cómo funciona

Prueba con Sliktide

¿En qué casos es conveniente?

  1. Se usa Binder/el contenido está en una serie de iFrames.
  2. El contenido relativamente breve.
  3. El usuario no interactúa más que como un lector.


Me explayaré sobre asuntos de accesibilidad en un artículo para Nada Respetable, de muy pronta publicación.

________

*Te invito a leer sus entregas anteriores (Pura ideología & Brutalismo y postironía).