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
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.
- js/polyfills/detailssummary.js - contient le code JavaScript pour le correctif du contenu affichable/masquable.
- js/sass/includes/_details.scss - contient le SCSS pour le correctif du contenu affichable/masquable
- js/sass/includes/_details-ie.scss - contient le SCSS pré-IE9 pour le correctif du contenu affichable/masquable
Problèmes connus
Il n’existe actuellement aucun problème connu.
Historique des versions
Références
- Date de modification :