{"id":220,"date":"2026-09-29T08:00:29","date_gmt":"2026-09-29T08:00:29","guid":{"rendered":"https:\/\/turinconaccesible.com\/?p=220"},"modified":"2026-09-30T06:08:44","modified_gmt":"2026-09-30T06:08:44","slug":"escapando-de-los-backrooms-digitales","status":"publish","type":"post","link":"https:\/\/turinconaccesible.com\/index.php\/2026\/09\/29\/escapando-de-los-backrooms-digitales\/","title":{"rendered":"Escapando de los Backrooms digitales"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Si recientemente has visto la pelicula de &#8216;Backrooms&#8217; , o simplemente has visto cosas relacionadas con la misma, podremos hablar juntos de la sensaci\u00f3n de agobio y angustia que generan esos pasillos infinitos, lugares sin formas, habitaciones con el mismo color o en general laberintos que no tienen salida alguna. Pues resulta y pasa que esta angustia se plasma hoy en dia en el mundo digital, y no en una o dos webs sino en el m\u00edtico dato anual de webAIM con la friolera cifra de&#8230; <strong>&nbsp;<a href=\"https:\/\/webaim.org\/projects\/million\/#errors\">56,114,377&nbsp;errores<\/a> <\/strong>sobre un testeo de 1.4 billones de p\u00e1ginas (B de bill\u00f3n, la cifra esa que ni nos ense\u00f1aron a poner en el cole de manera num\u00e9rica).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aun as\u00ed, nos vamos a quedar con la que nos interesa que viene al caso dentro de este informe, y cito:<em> \u00abHome page complexity continues to steadily increase. The average number of page elements increased to 1437 per home page in February 2026\u2014a 14.3% increase in only one year!\u00bb  <\/em>es decir<em> \u00abLa complejidad de las p\u00e1ginas de inicio sigue aumentando de forma constante. El n\u00famero promedio de elementos por p\u00e1gina de inicio ascendi\u00f3 a 1437 en febrero de 2026: \u00a1un incremento del 14,3 % en tan solo un a\u00f1o!\u00bb <\/em>&#8211; gracias google translate.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esto es solo en la p\u00e1gina de inicio, si nos quedamos atrapados en este nivel que no es ni el 1&#8230; \u00bfadonde vamos a llegar?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Atrapados en el nivel cero<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hemos empezado fuerte hablando de los Backrooms: pasillos infinitos de moqueta amarilla, zumbido de los fluorescentes, desesperaci\u00f3n al caminar sin referencias&#8230; \u00bfc\u00f3mo podriamos hacer entonces para solucionar esto en una p\u00e1gina de inicio? \u00bfy porqu\u00e9 vamos tan directos?. Si recorda\u00eds apenas unos p\u00e1rrafos arriba hablamos de los fallos que suceden en el mundo digital, sobretodo dentro del mundo de la accesibilidad. Cuando hay personas que necesitan (necesitamos) utilizar ciertas herramientas, ya no tan &#8216;complejas&#8217; como un lector de pantalla, para navegar y llegar a lo que necesitamos &#8211; puede ser un teclado &#8211; podemos sentirnos directamente como si estuvieramos en estas Backrooms y para ello necesitamos orientarnos de alguna manera. \u00bfY c\u00f3mo se comporta el ser humano a la hora de navegar por las pantallas? <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hay un estudio sobre usabilidad en el cual se dictaminaron que patrones de lectura son m\u00e1s viables a la hora de dise\u00f1ar para los usuarios. Se presentan dos modelos de comportamiento visual fundamentales para estructurar interfaces y reducir la carga cognitiva del usuario: los patrones en F y en Z:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Patr\u00f3n de lectura en forma de F\n<ul class=\"wp-block-list\">\n<li><strong>Escaneo eficiente:<\/strong> Permite localizar informaci\u00f3n clave r\u00e1pidamente en p\u00e1ginas con mucho contenido<\/li>\n\n\n\n<li><strong>Prioriza lo importante:<\/strong> Lo que se ubica arriba y a la izquieda tiene m\u00e1s probabilidades de ser retenido<\/li>\n\n\n\n<li><strong>Consistencia:<\/strong> Se alinea con los h\u00e1bitos de lectura naturales de las audiencias occidentales<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Pros del patr\u00f3n en Z:\n<ul class=\"wp-block-list\">\n<li><strong>Mayor cobertura:<\/strong> Abarca una porci\u00f3n m\u00e1s grande del contenido, brindando una comprensi\u00f3n m\u00e1s amplia<\/li>\n\n\n\n<li><strong>Fomenta la exploraci\u00f3n:<\/strong> Reduce la probabilidad de perder detalles importantes al obligar a recorrer la pantalla<\/li>\n\n\n\n<li><strong>Ideal para lo visual:<\/strong> Funciona perfectamente con elementos gr\u00e1ficos<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Y esto es m\u00e1s curioso todav\u00eda, estos patrones se utilizan en sitios tan dispares como puede ser un comando de controles de avi\u00f3n, una sala de mandos nuclear o la primera p\u00e1gina de b\u00fasqueda de google. Os dejo en enlace por si quer\u00e9is investigar:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/medium.com\/uxd-critical-software\/understanding-the-f-shaped-and-z-shaped-reading-patterns-for-optimal-usability-in-complex-systems-e96668839abd\">Understanding the F-Shaped and Z-shaped Reading Patterns for Optimal Usability in Complex Systems<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Seguimos atrapados en el nivel cero<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Oye, pues en un lienzo perfecto y ordenadito de Figma el usuario siempre sigue el Happy Path pero en el mundo real si la UI no es navegable acabar\u00e1s de meter al usuario en un Backroom \u00bfverdad?. Ahora conocemos como se comporta un poco mejor el ser humano y a\u00fan as\u00ed nos queda mucho que ver para pasar este nivel cero. Vamos a complicarlo pero empatizando con nosotros mismos porque muchos habr\u00e1n pensado que teniendo rat\u00f3n no van a utilizar el teclado, \u00bfy si te quedaras sin mando a distancia?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nivel uno: All\u00e1 vamos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vale, el m\u00f3vil y el PC est\u00e1n m\u00e1s o menos controlados al menos para ti, pero \u00bfqu\u00e9 pasa cuando nos sentamos en el sof\u00e1?. Imagina que no tienes el mando a distancia, acabas de perderlo &#8211; luego te lo voy a dar y tampoco ser\u00e1 f\u00e1cil &#8211;  pero tienes conectado un smart home controlado por voz para utilizar la televisi\u00f3n y dices:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&#8216;Abre la aplicaci\u00f3n me gusta el f\u00fatbol&#8217;<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Hasta aqu\u00ed est\u00e1 todo claro, el dispositivo reconoce tu voz, la orden &#8216;abre la aplicaci\u00f3n&#8217; sin embargo no sabe que es &#8216;me gusta el f\u00fatbol&#8217;. Resulta, que esta aplicaci\u00f3n tiene un nombre que no ha sido designado como etiqueta accesible, por tanto, no podr\u00edamos activarla. Tranquilo que no es culpa tuya, alguien detr\u00e1s de esa aplicaci\u00f3n no estuvo atento el dia de clase de accesbilidad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora, te voy a dar el mando, pero como estaba debajo del sof\u00e1 tiene botones que no funcionan. Tu nueva meta es navegar con &#8216;accesos directos&#8217; como es el caso de los dispositivos de Apple y Amazon:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Apple TV: Activando VoiceOver, el mando dispone de un rotor (s\u00ed, esa superficie t\u00e1ctil del Siri Remote tiene magia oculta) para <a href=\"https:\/\/support.apple.com\/es-es\/guide\/tv\/atvbfa4ff6cd\/tvos\">seguir navegando por secciones como encabezados o controles<\/a>. Gracias a esto simplemente con el touchpad podr\u00edas navegar sin problema<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Fire TV: En este caso el lector de pantalla se llama VoiceView y tiene modos de navegaci\u00f3n para poder ir mediante accesos directos de controles o listas o encabezados o deletrear palabras complicadas<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Hasta aqu\u00ed todo bien, has conseguido pasar el nivel 1 y a\u00fan te quedan cosas por aprender, te recomiendo para llegar m\u00e1s al fondo de la situaci\u00f3n que accedas al curso de nuestros compa\u00f1eros de <a href=\"https:\/\/weaaare.com\/inicio\">weAAAre<\/a> sobre lectores de pantalla y gestos en dispositivos m\u00f3viles: <a href=\"https:\/\/weaaare.com\/cursos\/curso-accesibilidad-digital-lectores-de-pantalla-voiceover-talkback\">Lectores de pantalla VoiceOver y TalkBack.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Nivel dos: Dificultad a\u00f1adida<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Volvamos a nuestro PC. Resulta que tenemos unos a\u00f1itos y hemos perdido visi\u00f3n, los Backrooms acechan pero por suerte tenemos lectores de pantalla para navegar y como no tenemos mucha experiencia todav\u00eda nos manejamos solo con el tabulador para navegar por toda la p\u00e1gina. Pues si utilizamos ciertas teclas podremos ser navegantes expertos que ser\u00e1n nuestras br\u00fajulas para escapar de cualquier laberinto, en este caso utilizando <a href=\"https:\/\/nvda.es\/\">NVDA<\/a>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>La magia de la tecla H:<\/strong> En la web, un usuario pulsa la <strong>tecla H<\/strong> (de <em>Heading<\/em> \/ Encabezado) para saltar de t\u00edtulo en t\u00edtulo y hacerse un mapa mental de la habitaci\u00f3n<\/li>\n\n\n\n<li><strong>El teletransporte de la tecla D (Regiones o <em>Landmarks<\/em>)<\/strong>: Imagina que te bajas en una estaci\u00f3n de metro inmensa en hora punta. No te paras a leer cada cartel publicitario de las paredes; levantas la cabeza buscando los grandes letreros luminosos que dicen \u00abSalida\u00bb o \u00abAnd\u00e9n 3\u00bb<\/li>\n\n\n\n<li><strong>El bot\u00f3n de p\u00e1nico de la tecla B (Botones)<\/strong>: Piensa en un <em>escape room<\/em>. Si necesitas abrir la puerta antes de que el cron\u00f3metro llegue a cero, palpas las paredes buscando un interruptor mec\u00e1nico real que haga \u00abclic\u00bb, no una pintura en la pared con forma de interruptor. Pulsando la <strong>tecla B<\/strong> (de <em>Button<\/em>), el usuario escanea la interfaz buscando las acciones puras y duras: \u00abPagar\u00bb, \u00abEnviar\u00bb, \u00abCancelar\u00bb<\/li>\n\n\n\n<li><strong>Los portales interdimensionales de la tecla K (Enlaces)<\/strong>: Navegar por la web deber\u00eda ser como tener la pistola de portales de <em>Rick y Morty<\/em>: disparas y saltas a otro universo. Con la <strong>tecla K<\/strong> (de <em>Link<\/em>), el usuario filtra el ruido y se mueve de un portal a otro. Pero aqu\u00ed entra en juego el monstruo silencioso de la carga cognitiva: si el lector de pantalla solo anuncia \u00abHaz clic aqu\u00ed\u00bb, \u00abSaber m\u00e1s\u00bb, \u00abSaber m\u00e1s\u00bb, \u00abLeer m\u00e1s\u00bb, acabas de poner al usuario frente a un pasillo de veinte puertas grises exactamente iguales sin un solo letrero<\/li>\n\n\n\n<li><strong>El mostrador de Hacienda y la tecla F (Campos de formulario)<\/strong> Enfrentarse a un <em>checkout<\/em> web suele ser tan divertido como rellenar papeleo burocr\u00e1tico en un idioma que no dominas. Pulsando la <strong>tecla F<\/strong> (de <em>Form field<\/em>), un usuario aterriza directamente en las casillas donde la interfaz exige su interacci\u00f3n: cajas de texto, <em>checkboxes<\/em> o selectores.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Todo esto y muchas teclas m\u00e1s os las dejo de referencia como bonus por llegar hasta este nivel:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>NVDA (NonVisual Desktop Access): <a href=\"https:\/\/dequeuniversity.com\/screenreaders\/nvda-keyboard-shortcuts\">NVDA Keyboard Shortcuts<\/a><\/li>\n\n\n\n<li>JAWS (Job Access With Speech): <a href=\"https:\/\/dequeuniversity.com\/screenreaders\/jaws-keyboard-shortcuts\">JAWS Keyboard Shortcuts<\/a><\/li>\n\n\n\n<li>VoiceOver (Apple): <a href=\"https:\/\/dequeuniversity.com\/screenreaders\/voiceover-keyboard-shortcuts\">VoiceOver Keyboard Shortcuts on a Mac<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Un dise\u00f1o universal no asume que todos vean el mapa; se asegura de que todos puedan leerlo, ya sea con los ojos, con los o\u00eddos o con las manos. Hagamos de esto un mantra y que los Backrooms solo ocurran en las pel\u00edculas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Nota sobre el sitio: Este espacio est\u00e1 en constante construcci\u00f3n y mejora continua para garantizar la mejor accesibilidad posible. Si encuentras alguna barrera de acceso durante tu visita, o tienes alguna sugerencia en la que no haya ca\u00eddo, te agradecer\u00e9 enormemente que me lo hagas saber para corregirla cuanto antes. Asimismo, me gusta ser transparente: me apoyo en herramientas de Inteligencia Artificial para la correcci\u00f3n gramatical y la revisi\u00f3n de estilo de los textos, asegurando as\u00ed una lectura clara y fluida<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si recientemente has visto la pelicula de &#8216;Backrooms&#8217; , o simplemente has visto cosas relacionadas con la misma, podremos hablar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":234,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[21],"tags":[],"class_list":["post-220","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-practico"],"_links":{"self":[{"href":"https:\/\/turinconaccesible.com\/index.php\/wp-json\/wp\/v2\/posts\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/turinconaccesible.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/turinconaccesible.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/turinconaccesible.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turinconaccesible.com\/index.php\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":10,"href":"https:\/\/turinconaccesible.com\/index.php\/wp-json\/wp\/v2\/posts\/220\/revisions"}],"predecessor-version":[{"id":236,"href":"https:\/\/turinconaccesible.com\/index.php\/wp-json\/wp\/v2\/posts\/220\/revisions\/236"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/turinconaccesible.com\/index.php\/wp-json\/wp\/v2\/media\/234"}],"wp:attachment":[{"href":"https:\/\/turinconaccesible.com\/index.php\/wp-json\/wp\/v2\/media?parent=220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/turinconaccesible.com\/index.php\/wp-json\/wp\/v2\/categories?post=220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/turinconaccesible.com\/index.php\/wp-json\/wp\/v2\/tags?post=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}