Numérique & outils

MDN Web Docs

Une documentation de référence sur HTML, CSS, JavaScript, les API web et les pratiques de développement.

Accéder au site officiel
Capture de la page d’accueil de MDN Web Docs
Aperçu du site

Capture de la page d’accueil. Le site actuel peut avoir évolué.

Un cas d’usage précis

Comprendre une fonction du Web

Lire une référence HTML, CSS ou JavaScript avec exemples et compatibilité.

Avant de vous appuyer sur le résultat : Vérifier la fonction et son support dans les navigateurs visés.

Comparer avec les autres besoins de la rubrique →
Un ordinateur, un clavier, un téléphone et un disque de sauvegarde
Illustration de contexte générée par IA · Scène fictive, pas une photographie des locaux ou prestations de cet organisme.
Notre méthode commentée

Vérifier une action de page avec le clavier

Bouton natif
Examiner l’élément prévu pour l’action.
Rôle ARIA
Distinguer sémantique et interactions.
  1. Identifiez l’élément déclenchant l’action.
  2. Vérifiez son nom et son accès au clavier.
  3. Testez l’activation pertinente avec Entrée et Espace.

Exemple fictif : un prototype colore un bloc comme un bouton, mais seul le clic fonctionne. Le développeur examine l’élément et ses interactions avant de retenir ce composant.

Votre trace utile : Élément, nom accessible, touches testées et résultat observé.

La présence d’un rôle ARIA ne prouve pas l’accessibilité complète du composant.

Choisir une autre méthode commentée

Méthode éditoriale construite à partir de MDN — ARIA button role. Documentation consultée le . Les exemples sont des exercices fictifs, pas des résultats de test du service.

Repères documentés sur la ressource

Relier une API à sa prise en charge réelle

MDN organise la documentation des technologies web, notamment HTML, CSS, JavaScript et les API. Pour appliquer un exemple, lisez les prérequis et les données de compatibilité puis testez dans les navigateurs et conditions réellement visés.

Documentation
Syntaxe, paramètres, exemples et références de technologies.
Compatibilité
Lire les versions, restrictions et notes associées.
Vérification
Tester clavier, mobile et navigateur cible sur votre propre page.
Nature du document
MDN publie références, guides, glossaire et tutoriels ; une page de documentation n’est pas la spécification elle-même.
Lire le cache
no-cache autorise un stockage avec revalidation avant réutilisation ; no-store demande de ne pas stocker la réponse. Ces directives ne sont pas interchangeables.
Diagnostic
Comparer les en-têtes de réponse et le comportement après rechargement avant d’attribuer un ancien contenu au navigateur ou au serveur.
Portée de Baseline
Baseline résume la disponibilité d’une fonctionnalité dans un ensemble de navigateurs. « Newly available » ne signifie pas qu’elle fonctionne dans toutes les anciennes versions ou toutes les vues web intégrées.
Source : MDN — Baseline compatibility · consultée le
Compatibilité et qualité d’usage
Le badge ne remplace pas les tests d’accessibilité, de performance ou de sécurité. Conserver la version du navigateur et tester les technologies d’assistance pertinentes pour le public visé.
Source : MDN — Baseline compatibility · consultée le
Rôle et comportement
role="button" indique une sémantique sans fournir automatiquement le comportement clavier.
Source : MDN — ARIA button role · consultée le
Bouton natif
MDN recommande généralement les éléments button ou input appropriés.
Source : MDN — ARIA button role · consultée le
Un exemple qui fonctionne dans mon navigateur suffit-il ?

Non. Vérifiez les navigateurs visés, les conditions de sécurité et les alternatives avant de le publier.

Une technologie documentée fonctionne-t-elle dans tous les navigateurs ?

Non. MDN documente aussi des technologies en cours de standardisation ; lisez les données de compatibilité de la fonction et testez les versions ciblées.

Documentation du profil initial

Documentation du profil initial consultée le . Les repères ajoutés portent leur propre source et date de consultation ci-dessus.