État du site
Le composant d’état du site associe un état opérationnel visible à un lien vers sa source d’état approuvée. Il rend l’état fourni par le code appelant; la récupération et l’interprétation des données de surveillance demeurent la responsabilité de l’hôte.
Exemple#
BHDicaire.com OpérationnelQuand l’utiliser#
- Placez-le dans le pied de page lorsqu’une source d’état approuvée peut fournir l’état
- Utilisez un seul indicateur par page pour l’état opérationnel de l’ensemble du site
- Pas pour les avis propres à une page — utilisez un encadré dans le corps de la page
Implémentation#
{{ partial "site-status.html" (dict
"href" "https://status.example.com"
"label" "BHDicaire.com"
"state" "operational"
"statusText" "Opérationnel"
) }}Le partiel accepte operational, degraded, outage, maintenance ou unknown. Chaque état reçoit une classe de modification ciblée, tandis que le texte visible en porte le sens. Les pages Markdown utilisent le shortcode d’état du site.
Options#
| Option | Rôle |
|---|---|
href | Lien obligatoire vers la source d’état approuvée |
label | Nom visible obligatoire du site ou du service |
state | État pris en charge obligatoire utilisé pour le style de l’indicateur |
statusText | Texte localisé obligatoire qui nomme l’état actuel |
Manifeste d’interface
- Nature
- Composant
- Catégorie
- Contenu
- Statut
- Implémenté
- Implémentation
- Partial:
layouts/partials/site-status.htmlShortcode:layouts/shortcodes/site-status.htmlCSS:assets/css/site.css - Interfaces liées
- État du site
Accessibilité#
- L’indicateur complet est un lien natif, atteignable avec Tab et activé avec Entrée
- Le texte visible nomme l’état, de sorte que son sens ne dépend pas de la couleur de l’indicateur
- Le texte d’état emploie
role="status"etaria-atomic="true"; sa modification est annoncée poliment sans déplacer le focus - Le code appelant doit mettre à jour
stateetstatusTextlorsque la source approuvée change