Girl in separador
La página donde Renfe explica cómo se llega a ser maquinista tiene seis rayas finas que separan sus apartados. Cada una lleva el mismo texto alternativo, el que lee en voz alta un lector de pantalla: «Girl in separador». Y por debajo, en su código, la página lleva otras cinco páginas enteras metidas dentro.
- Dominio
- empleo.renfe.com
- Guardado
- 31 AGO 2026
- Citas
- 4 en 1 fichero guardado
- Lectura
- unos 4 min

Una página web es un documento. Se escribe con etiquetas, las marcas entre ángulos que dicen qué es cada cosa: empieza con una que abre el documento, sigue con otra que abre lo que se ve y termina cerrando las dos. Hay un documento por página, igual que hay un sobre por carta. Lo que va dentro puede ser un desastre y la página seguirá funcionando; lo que no se espera es encontrarse el sobre dentro del sobre.
En esta página hay cinco. Dentro del documento que sirve el portal, en el hueco donde va el contenido que alguien escribe desde el gestor, aparece otro documento entero: empieza otra vez por el principio, abre su propio cuerpo y sigue como si acabara de nacer. Y así cinco veces, una por cada bloque de texto de la página. Ninguno de los cinco está mal cerrado: cada uno abre su documento, escribe lo suyo y lo cierra en regla, dentro del documento que ya estaba abierto. En el fichero hay seis documentos completos donde debería haber uno.
- Copia
- archivo
- Guardado
- 31 ago 2026
- Peso
- 58,7 kB
- sha256
- 7b0dc5327c4a…
| 318 | border: 1px dashed #d62d61 !important; |
| 319 | outline: none !important; |
| 320 | } |
| 321 | </style> |
| 322 | <div dir="auto" style=" " class="buttontext buttontextf592a1c64f9b3e46 rtltextaligneligible center unmodified backgroundimage backgroundcolor9b9bfaad1398294d linkcolorc14fe5b6b0394263 linkhovercolor23de0e68c3bbe58b displayMTD "> |
| 323 | <div class="inner " style="font-family:Arial, Helvetica, sans-serif; font-size:28px;"> |
| 324 | <h2 style="font-family:Arial, Helvetica, sans-serif; font-size:30px;" class="h3 fontcolorc14fe5b6b0394263 fontalign-center">PROCESO DE SELECCIÓN: Maquinista de Entrada</h2><span class=" |
| 325 | </div> |
| 326 | </div> |
| 327 | |
| 328 | <div class="customPlugin custom |
| 329 | <div class="inner"><html> |
| 330 | <body> |
| 331 | <p>La puntuación global máxima que podrá obtenerse en el proceso de selección será de <b>100 puntos.</b></p> |
| 332 | <img src=" |
| 333 | <p class="pFase" ><font color='#696969';><font size="4"><b>Primera fase: Cumplimiento de requisitos y Valoración de méritos</b> </font></font> |
| 334 | <img src=" |
| 335 | |
| 336 | <p>Una vez cerrado el proceso de inscripción, se realizará la comprobación de requisitos, para la determinación de las personas candidatas admitidas a pruebas, y su correspondiente valoración de méritos. |
| 337 | |
| 338 | <H3><FONT COLOR=" |
| 339 | <p style="text-align: justify;">Se revisará la documentación aportada por las personas candidatas para comprobar la acreditación de los requisitos de acuerdo con las bases de la convocatoria, determinando el estado de cada persona candidata (Admitido/Admitido… |
| 340 | <H3><FONT COLOR=" |
Cómo llegaron ahí no consta en nada que hayamos guardado. Se ve, en cambio, dónde están: los cinco en los bloques de contenido propio de la página, los que se rellenan desde el gestor, el programa con que se escriben sus textos, y ninguno en la parte que pone el producto. El navegador no protesta: cuando encuentra una etiqueta de documento donde no toca, la ignora, se queda con lo de dentro y lo pinta. Quien lee la página no nota nada.
Dentro de esos cinco documentos hay 26 etiquetas font. Con font se ponía el color y el tamaño de la letra antes de que existieran las hojas de estilo, el lenguaje con que hoy se decide el aspecto de una página. El estándar la desaconsejó en 1997, con HTML 4.0, y hoy la da por obsoleta; sobrevive porque los navegadores siguen entendiéndola para no romper las páginas viejas. Aquí está en la página que se servía el 26 de septiembre de 2026, en el portal de empleo de una empresa pública.
Tres de esas 26 traen además un detalle de dieciséis caracteres. Dicen color, igual, comillas, el código de un gris, comillas y un punto y coma. Ese punto y coma no pinta nada ahí: es puntuación de las hojas de estilo, donde cada propiedad se cierra con él. El atributo, el dato que va dentro de la etiqueta, está escrito a la manera del HTML y puntuado a la manera de las hojas de estilo: las dos formas de colorear una letra en el mismo sitio. El navegador se lo traga y pinta el gris.
- Copia
- archivo
- Guardado
- 31 ago 2026
- Peso
- 58,7 kB
- sha256
- 7b0dc5327c4a…
| 322 | <div dir="auto" style=" " class="buttontext buttontextf592a1c64f9b3e46 rtltextaligneligible center unmodified backgroundimage backgroundcolor9b9bfaad1398294d linkcolorc14fe5b6b0394263 linkhovercolor23de0e68c3bbe58b displayMTD "> |
| 323 | <div class="inner " style="font-family:Arial, Helvetica, sans-serif; font-size:28px;"> |
| 324 | <h2 style="font-family:Arial, Helvetica, sans-serif; font-size:30px;" class="h3 fontcolorc14fe5b6b0394263 fontalign-center">PROCESO DE SELECCIÓN: Maquinista de Entrada</h2><span class=" |
| 325 | </div> |
| 326 | </div> |
| 327 | |
| 328 | <div class="customPlugin custom |
| 329 | <div class="inner"><html> |
| 330 | <body> |
| 331 | <p>La puntuación global máxima que podrá obtenerse en el proceso de selección será de <b>100 puntos.</b></p> |
| 332 | <img src=" |
| 333 | <p class="pFase" ><font color='#696969';><font size="4"><b>Primera fase: Cumplimiento de requisitos y Valoración de méritos</b> </font></font> |
| 334 | <img src=" |
| 335 | |
| 336 | <p>Una vez cerrado el proceso de inscripción, se realizará la comprobación de requisitos, para la determinación de las personas candidatas admitidas a pruebas, y su correspondiente valoración de méritos. |
| 337 | |
| 338 | <H3><FONT COLOR=" |
| 339 | <p style="text-align: justify;">Se revisará la documentación aportada por las personas candidatas para comprobar la acreditación de los requisitos de acuerdo con las bases de la convocatoria, determinando el estado de cada persona candidata (Admitido/Admitido… |
| 340 | <H3><FONT COLOR=" |
| 341 | <p>La puntuación máxima que podrá obtenerse por valoración de méritos será de<FONT COLOR="black"><b> 4 puntos. </b></FONT></p> |
| 342 | <p>En el caso de que alguna persona candidata sobrepasara este valor con la suma de todos los factores, se tendrán en cuenta sólo<FONT COLOR="black"><b> 4 puntos.</b></p> |
| 343 | <p><u>La fecha a considerar para la valoración de los méritos</u> será la del <FONT COLOR="black"><b>27 de febrero de 2025, </b></FONT>fecha de finalización del plazo de presentación de solicitudes.</p> |
| 344 | <p>Los factores valorables de esta convocatoria son los siguientes:</p> |
El resto del andamiaje es de la misma época. La tabla que traduce el nivel de inglés en puntos, un C2 cuatro puntos, declara su borde dentro de la propia etiqueta, como se hacía antes de las hojas de estilo. Y va metida dentro de otra tabla que no tiene datos: solo está para centrarla. Una tabla es para datos en filas y columnas, como la del inglés; la de fuera sirve para colocar cosas en la pantalla, que es justo para lo que las tablas no están.
- Copia
- archivo
- Guardado
- 31 ago 2026
- Peso
- 58,7 kB
- sha256
- 7b0dc5327c4a…
| 340 | <H3><FONT COLOR=" |
| 341 | <p>La puntuación máxima que podrá obtenerse por valoración de méritos será de<FONT COLOR="black"><b> 4 puntos. </b></FONT></p> |
| 342 | <p>En el caso de que alguna persona candidata sobrepasara este valor con la suma de todos los factores, se tendrán en cuenta sólo<FONT COLOR="black"><b> 4 puntos.</b></p> |
| 343 | <p><u>La fecha a considerar para la valoración de los méritos</u> será la del <FONT COLOR="black"><b>27 de febrero de 2025, </b></FONT>fecha de finalización del plazo de presentación de solicitudes.</p> |
| 344 | <p>Los factores valorables de esta convocatoria son los siguientes:</p> |
| 345 | <ul> |
| 346 | <li>Nivel B1 o superior, según MCERL, de idioma inglés: Máximo<FONT COLOR="black"><b> 4 puntos. </b></FONT> <a href=" |
| 347 | </ul> |
| 348 | <table style="width:100%; text-align: center;" > |
| 349 | <tr> |
| 350 | <td> |
| 351 | <table border=1 style="width:50%"> |
| 352 | <tr> |
| 353 | |
| 354 | <td width="25%" style="text-align: center"> |
| 355 | <b>Nivel de idioma Inglés </b> <br> |
| 356 | </td> |
| 357 | <td width="25%" style="text-align: center"> |
| 358 | <b>Puntuación</b> |
| 359 | </td> |
| 360 | |
| 361 | </tr> |
| 362 | <tr> |
Y llegamos al título. Antes y después de tres rótulos de la página hay una imagen decorativa, una raya fina de separación que se sirve desde los servidores del producto. Toda imagen lleva, o debería llevar, un texto alternativo: la descripción que el navegador enseña si la imagen no carga y que un lector de pantalla lee en voz alta. Es lo único que llega de esa imagen a quien no la ve. El de estas dice «Girl in separador». Mitad en inglés, mitad en español, y sin sentido en ninguno de los dos idiomas.


- Copia
- archivo
- Guardado
- 31 ago 2026
- Peso
- 58,7 kB
- sha256
- 7b0dc5327c4a…
| 323 | <div class="inner " style="font-family:Arial, Helvetica, sans-serif; font-size:28px;"> |
| 324 | <h2 style="font-family:Arial, Helvetica, sans-serif; font-size:30px;" class="h3 fontcolorc14fe5b6b0394263 fontalign-center">PROCESO DE SELECCIÓN: Maquinista de Entrada</h2><span class=" |
| 325 | </div> |
| 326 | </div> |
| 327 | |
| 328 | <div class="customPlugin custom |
| 329 | <div class="inner"><html> |
| 330 | <body> |
| 331 | <p>La puntuación global máxima que podrá obtenerse en el proceso de selección será de <b>100 puntos.</b></p> |
| 332 | <img src=" |
| 333 | <p class="pFase" ><font color='#696969';><font size="4"><b>Primera fase: Cumplimiento de requisitos y Valoración de méritos</b> </font></font> |
| 334 | <img src=" |
| 335 | |
| 336 | <p>Una vez cerrado el proceso de inscripción, se realizará la comprobación de requisitos, para la determinación de las personas candidatas admitidas a pruebas, y su correspondiente valoración de méritos. |
| 337 | |
| 338 | <H3><FONT COLOR=" |
| 339 | <p style="text-align: justify;">Se revisará la documentación aportada por las personas candidatas para comprobar la acreditación de los requisitos de acuerdo con las bases de la convocatoria, determinando el estado de cada persona candidata (Admitido/Admitido… |
| 340 | <H3><FONT COLOR=" |
| 341 | <p>La puntuación máxima que podrá obtenerse por valoración de méritos será de<FONT COLOR="black"><b> 4 puntos. </b></FONT></p> |
| 342 | <p>En el caso de que alguna persona candidata sobrepasara este valor con la suma de todos los factores, se tendrán en cuenta sólo<FONT COLOR="black"><b> 4 puntos.</b></p> |
| 343 | <p><u>La fecha a considerar para la valoración de los méritos</u> será la del <FONT COLOR="black"><b>27 de febrero de 2025, </b></FONT>fecha de finalización del plazo de presentación de solicitudes.</p> |
| 344 | <p>Los factores valorables de esta convocatoria son los siguientes:</p> |
| 345 | <ul> |
De dónde sale ese texto no consta en nada que hayamos guardado. Consta el texto, y que está seis veces en la misma página. Un texto alternativo en una imagen decorativa tiene solución fácil y conocida: se deja vacío, y entonces el lector de pantalla la salta en silencio. Con «Girl in separador» dentro, la página está escrita para decir seis veces esas tres palabras a quien la recorre escuchando. En la página que explica cómo optar a un puesto de maquinista.
Y ahora lo que esto no es, porque aquí es fácil pasarse de frenada. El producto pone la caja, y lo que va dentro lo escribe quien administra el contenido. La página carga y se lee, y las fases y sus puntos están a la vista. Y esta pieza no dice nada sobre el proceso de selección en sí, que es cosa de otro expediente y no del nuestro.
Y sigue igual. El 15 de septiembre de 2026, quince días después de guardarla, la página traía los mismos cinco documentos anidados, las mismas 26 etiquetas font y los mismos seis «Girl in separador». El 26 de septiembre, lo mismo: los mismos recuentos, las mismas líneas que enseñan las vitrinas y, con la imagen bloqueada, el texto alternativo escrito en pantalla antes y después del rótulo de la primera fase.
Cinco documentos dentro de uno, 26 etiquetas desaconsejadas desde 1997 y una raya que se presenta seis veces como «Girl in separador».
- En la página https://empleo.renfe.com/MA/content/MA-Proceso-Seleccion/, guardada el 31 de agosto de 2026, el contenido incluye cinco etiquetas <html> y cinco <body> anidadas dentro del documento que sirve el portal, cada una con su cierre y cada una en un bloque de contenido propio (
customPlugin) de la página (seis documentos completos en el fichero), y dentro de ellas 26 etiquetas font y seis imágenes servidas desde rmkcdn.successfactors.com cuyo texto alternativo es «Girl in separador». - Tres de las font declaran el color como color='#696969'; con el punto y coma de CSS dentro del atributo.
- La página tiene tres tablas: la del nivel de inglés, con el atributo border=1; otra sin datos que la envuelve para centrarla, y la de cookies que pone el producto.
- La etiqueta font quedó desaconsejada en HTML 4.0, de 1997.
- El 15 y el 26 de septiembre de 2026 la misma dirección sigue sirviendo los mismos recuentos; el 26 fotografiamos la página con la imagen de las rayas bloqueada por nosotros, y el navegador escribe en su lugar el texto alternativo.
- La titularidad de empleo.renfe.com la dice la información legal que enlaza su propio pie, en grupo.renfe.com: el portal es de Renfe-Operadora, entidad pública empresarial, que la ley de régimen jurídico del sector público cuenta como organismo público; es sector público, no Administración, y su certificado, comercial, está a nombre de Renfe Operadora.
- No decimos nada del proceso de selección ni de sus criterios: esta pieza mira el código que presenta la página, no lo que la página decide.
- No decimos que el fallo sea del producto con el que está hecho el portal: lo que va en los bloques de contenido lo escribe quien administra el contenido.
- No decimos de dónde sale el texto «Girl in separador» ni cómo llegaron ahí los cinco documentos, porque no consta en nada que hayamos guardado.
- No hemos oído la página con un lector de pantalla: decimos lo que su código le da para leer.
- Y no decimos que nada de esto impida usar la página, porque no lo impide.
De dónde sale cada cita
Cada trozo de código de esta ficha está en un fichero guardado tal como lo entregó el servidor, con su huella (sha256) y su hora. Las citas entre «» se comprueban por programa contra ese fichero antes de publicar.
- https://empleo.renfe.com/MA/content/MA-Proceso-Seleccion/31 de agosto de 2026, 16:08archivosha256 7b0dc5327c4abe6767da4b9d96bb73e394b73e6a51977998bf3ab34de439be39