Diseño · Guía práctica
En un desplegable HTML, open="false" sigue dejando el contenido abierto
El atributo open de details funciona por presencia; una palabra que parece negar el estado puede mantenerlo activado.
MDN documenta details como un elemento de divulgación que permite mostrar u ocultar contenido bajo un resumen. Su atributo open es booleano: el contenido se muestra cuando el atributo está presente. Por eso escribir open="false" no equivale a retirarlo y cerrar el desplegable.
Caso propio de diseño: una ficha de exposición debe mostrar el encabezado Cómo llegar y mantener inicialmente plegadas las instrucciones. Si la plantilla añade open="false", el navegador sigue recibiendo el atributo que indica apertura. Para representar el estado cerrado inicial, se omite open en lugar de rellenarlo con una cadena que parece negativa.
Una revisión pequeña puede comparar tres fragmentos de plantilla: details sin open, details con open y details con open="false". Según la semántica documentada, el primero comienza cerrado y los otros dos abiertos. Es una comparación documental de estados, no un ensayo que hayamos realizado en todos los navegadores o tecnologías de apoyo.
El texto dentro de summary identifica el control mientras el resto está plegado. Conviene que describa lo que se desplegará; una etiqueta como Más repetida en varias fichas aporta menos orientación que Horarios de acceso o Condiciones de la visita. Esa elección editorial no añade automáticamente la información que falta en el contenido interior.
No hay que confundir el estado inicial de la plantilla con las elecciones posteriores del visitante. La documentación describe la interacción para abrir y cerrar el elemento; una hoja de estilos o un programa adicional puede intervenir en la presentación. Esta guía no modifica una web ajena: ayuda a revisar qué estado entrega el HTML antes de investigar un fallo visual.
Comprobación práctica
- Identifica el elemento details
- Comprueba si open está presente
- No uses false como ausencia
- Redacta un resumen descriptivo