[WP] Smart Slider muestra nombres de fichero con guiones bajos en el header #29

Closed
opened 2026-06-28 19:13:19 +00:00 by rafa · 0 comments
Owner

Labels: area:aesthetic, bug:important

Descripción

El Smart Slider 3 del header muestra texto como Calentar_el_corazon, Ser_quien_eres, Cicatrices visibles en el HTML. Provienen del elemento de accesibilidad <div role="note" class="n2-ss-slide--focus"> que no está ocultado visualmente.

Causa

Los slides tienen como título el nombre del fichero de imagen (con guiones bajos) en lugar de un título legible. Este elemento es usado por lectores de pantalla pero aparece en el DOM y puede renderizarse.

Solución

  1. En Smart Slider 3 → editar cada slide → cambiar el título: Calentar_el_corazonCalentar el corazón, etc.
  2. Alternativamente, añadir CSS: .n2-ss-slide--focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
**Labels:** area:aesthetic, bug:important ## Descripción El Smart Slider 3 del header muestra texto como `Calentar_el_corazon`, `Ser_quien_eres`, `Cicatrices` visibles en el HTML. Provienen del elemento de accesibilidad `<div role="note" class="n2-ss-slide--focus">` que no está ocultado visualmente. ## Causa Los slides tienen como título el nombre del fichero de imagen (con guiones bajos) en lugar de un título legible. Este elemento es usado por lectores de pantalla pero aparece en el DOM y puede renderizarse. ## Solución 1. En Smart Slider 3 → editar cada slide → cambiar el título: `Calentar_el_corazon` → `Calentar el corazón`, etc. 2. Alternativamente, añadir CSS: `.n2-ss-slide--focus { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }`
rafa closed this issue 2026-06-28 19:13:19 +00:00
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: rafa/feadulta#29