Contenu affichable/masquable

Aperçu

Chef de projet : Alexander Canas (@canasa)

Objet

Les éléments details et summary éléments permettent au contenu d'être affiché et masqué. Étant donné que certains navigateurs ne prennent pas en charge cette fonctionnalité à l'origine, ce correctif émule la même fonctionnalité à l'aide de HTML générique et WAI-ARIA.

Raison d’être

Les navigateurs qui ne prennent pas en charge les éléments details et summary ignore la fonctionnalité d'affichage et de masquage. Par conséquent, tout le contenu est affiché et est exposé à des technologies d'assistance. Ce correctif permet au contenu d'être affiché et masqué et est exposé aux technologies d'assistance en ajoutant WAI-ARIA.

Mise en œuvre

Pour utiliser le correctif, les éléments details et summary doivent être utilisés. Dans le cas où le navigateur ne supporte pas les éléments details et summary, le correctif est automatiquement chargé.

Paramètres

Le correctif du contenu affichable/masquable accepte un paramètre : open. Ce paramètre est automatiquement ajouté/supprimé lorsque le contenu est affiché/masqué.

Paramètre open

Ce paramètre représente l'état d'affichage/masquage de l'élément details. Si le paramètre open est présent, le contenu de l'élément details est affiché. Si le paramètre open est absent, le contenu de l'élément détails et masqué.

Code d'exemple

Élément details affiché

<details open="open">
	<summary>Visualiser le code source</summary>
... Source code ...
</details>

Élément details masqué

<details>
	<summary>Visualiser le code source</summary>
... Source code ...
</details>

Exemples pratiques

Exemples

Développement

Le contenu affichable/masquable est dépendent sur le soutien natif pour les éléments details et summary de HTML5 et le correctif du contenu affichable/masquable.

Problèmes connus

Il n’existe actuellement aucun problème connu.

Historique des versions

Références