Imagina una página de servicios con el precio, las restricciones y el proceso de consulta ocultos dentro de doce filas idénticas. La pantalla parece ordenada, pero los visitantes deben abrirlo todo para entender la oferta. Es un ejemplo editorial, no un caso de un cliente. La presentación compacta solo ayuda cuando no convierte la lectura en una búsqueda de condiciones ocultas.
Separa lo esencial de los detalles de apoyo
Mantén visibles la explicación breve del servicio, las limitaciones principales y el siguiente paso claro. Los detalles de preparación, las excepciones y las definiciones pueden ir en secciones desplegables. Antes de diseñar la página, clasifica cada párrafo: ¿lo necesita todo el mundo o solo algunos lectores? Esta decisión editorial importa más que la forma de la flecha.
Un encabezado debe prometer una respuesta concreta
«¿Qué incluye el mantenimiento de una web?» orienta mejor que «Información adicional». Utiliza el lenguaje del visitante en lugar de los nombres internos de los departamentos. Empieza la sección desplegada con una respuesta directa, seguida de las condiciones y un enlace a la página correspondiente. No obligues a abrir otra sección para terminar la idea anterior.
Empieza con el comportamiento estándar
HTML ofrece los elementos details y summary para mostrar y ocultar contenido. Son un punto de partida razonable para explicaciones sencillas, pero también requieren pruebas en los navegadores de destino. Para un componente desplegable personalizado, las orientaciones del W3C describen un botón, activación con Intro y Espacio, y un estado aria-expanded que refleja la visibilidad. Dibujar un signo más no implementa este comportamiento.
Evita cerrar una respuesta innecesariamente
Cuando los lectores comparan dos explicaciones, cerrar la primera automáticamente puede entorpecerlos. Para el material de consulta, considera permitir que varias respuestas permanezcan abiertas. Si eliges otro comportamiento, pruébalo con una tarea real: encontrar una condición, comparar opciones o volver a un punto concreto. No existe un número universal de secciones adecuado para todos los sitios web.
Comprueba antes de publicar
Navega con un teclado, amplía el texto y abre una respuesta larga en una pantalla estrecha. Confirma que el foco sigue visible, que las etiquetas no se cortan y que el texto desplegado no tapa los controles vecinos. Con tecnología de asistencia, comprueba que el estado se anuncia claramente. Después lee la página con todas las secciones cerradas: ¿se entiende lo esencial sin hacer clic en nada?
Nuestro principio editorial es hacer que la respuesta sea completa y comprensible antes de decidir cómo mostrarla. Una sección de preguntas frecuentes no puede sustituir una estructura lógica del sitio ni promete posiciones en los buscadores. Para etiquetas de navegación más claras, consulta Enlaces que explican el camino.