logo

Paleta de lienzo: 隆Hazlo colorido!馃帹

Palette - Constructor visual de p谩ginas, no se requiere t铆tulo en dise帽o.

Demo en vivo Descargar Palette

Scroll
20/06/2025, by Ivan

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.