logo

Extra Block Types (EBT) - Nueva experiencia con Layout Builder❗

Extra Block Types (EBT): tipos de bloques con estilo y personalizables: Presentaciones de diapositivas, Pestañas, Tarjetas, Acordeones y muchos más. Configuraciones integradas para fondo, DOM Box y plugins de JavaScript. Experimenta hoy el futuro de la construcción de diseños.

Módulos de demostración EBT Descargar módulos EBT

❗Extra Paragraph Types (EPT) - Nueva experiencia con Paragraphs

Extra Paragraph Types (EPT): conjunto de módulos basado en párrafos de forma análoga.

Módulos de demostración EPT Descargar módulos EPT

Scroll
  1. Inicio
  2. Documentación de Drupal
  3. Funciones especiales

Ocultar contenido

20/06/2025, by Ivan

Menu

Ocultar contenido es muy útil para la accesibilidad. Podemos ocultar elementos visualmente y mostrarlos solo a usuarios de lectores de pantalla, podemos ocultar contenido a usuarios de lectores de pantalla y mostrarlo solo visualmente, o podemos ocultar contenido a ambos. Drupal viene con algunas clases CSS integradas que pueden ayudar a asegurar la claridad de las intenciones. No recomendamos usar { display:none; } ya que a menudo se usa incorrectamente.

Técnica Oculto visualmente Oculto para lectores de pantalla Información adicional

CSS:

<div class="visually-hidden"></div>

 Sí No

Esto está integrado en Drupal 8. En Drupal 7 era class="element-invisible".

CSS:

<div class="hidden"></div>

 Sí Sí

Esto está integrado en Drupal 8. En Drupal 7 era class="element-invisible".

Atributo HTML5:

<div hidden></div>

 Sí Sí

En navegadores compatibles es equivalente a CSS { display:none; }

Atributo ARIA:

<div aria-hidden="true"></div>

 No Sí Integrado en navegadores modernos. Muy similar al atributo hidden de HTML5

CSS:

<div class="visually-hidden focusable"></div>

 Sí Sí Esto está integrado en Drupal 8. En Drupal 7 era class="element-invisible element-focusable".

 

Este formato está tomado de la página contenido oculto de 18F.

Source URL:
Hide Content Summary
Source authors:
mgifford

Drupal’s online documentation is © 2000-2020 by the individual contributors and can be used in accordance with the Creative Commons License, Attribution-ShareAlike 2.0. PHP code is distributed under the GNU General Public License.