Rechercher
Saisissez au moins deux caractères, sans donnée personnelle.

    BibliothèqueArticles et FAQ Votre projetDemander un devis
    LangueFR
    Ressources du Web

    Performance, accessibilité et qualité

    Les outils de qualité révèlent des problèmes de vitesse, d’accessibilité et de stabilité, mais aucun score ne remplace une tâche réelle accomplie par une personne. Comparez laboratoire et données de terrain lorsque ces dernières existent.

    Mesurez une page sur téléphone, puis refaites une tâche au clavier et avec le texte agrandi. Reliez les constats à un composant ou contenu précis avant de corriger.

    Parcourir les ressources Résoudre une difficulté Préparer les mises à jour et la sortie

    Illustration générée par IA

    Méthode éditoriale

    Un annuaire conçu pour être utile, pas seulement long.

    Chaque entrée possède un rôle clair et renvoie vers une destination officielle. Le catalogue évite les fermes de liens, les descriptions copiées et les classements artificiels.

    01

    Socle officiel

    Les organismes de normalisation, documentations officielles et autorités publiques servent de premiers repères.

    02

    Outils professionnels

    Les services établis sont classés par usage réel : créer, héberger, mesurer, sécuriser, publier ou promouvoir un site.

    03

    Lecture indépendante

    La présence est éditoriale et non rémunérée. Une fiche ne constitue ni un partenariat ni une garantie.

    Avant de choisir

    Comparer sur trois questions concrètes

    Performance, accessibilité et qualité
    CritèreQuestion à résoudre
    Type de testLe résultat vient-il du laboratoire, de données terrain ou d’un contrôle humain ?
    ParcoursLe contact, la recherche et la navigation restent-ils utilisables au clavier et sur mobile ?
    PrioritéQuel problème bloque un utilisateur et quel correctif peut être vérifié ?

    Conservez une courte trace de décision : besoin, source, résultat observé et point encore à confirmer. Faites effectuer la même tâche à chaque solution envisagée plutôt que de comparer des listes commerciales de fonctionnalités.

    Recherche et filtres

    Points de départ officiels pour ce sujet

    Comparez leur rôle et leur documentation avant de choisir un outil. La présence dans cette liste ne constitue pas un classement.

    44 ressources affichées

    Performance, accessibilité et qualité

    ARIA Authoring Practices Guide

    Modèles et exemples officiels pour concevoir des composants interactifs accessibles avec ARIA.

    W3C WAI — ARIA Authoring Practices Guide · Source consultée
    La date porte sur le document lié, pas sur une vérification de toutes les fonctions du service.

    À utiliser pour : Comparer le comportement clavier d’un composant interactif avec un modèle documenté.

    Passer à la pratique
    InternationalInstitution / standard
    w3.orgVisiter le site officiel
    Performance, accessibilité et qualité

    WCAG Evaluation Methodology

    Méthode structurée pour définir le périmètre, sélectionner un échantillon représentatif et documenter une évaluation WCAG.

    À utiliser pour : Préparer l’échantillon et la méthode avant de conclure sur l’accessibilité d’un ensemble de pages.

    Passer à la pratique
    InternationalInstitution / standard
    w3.orgVisiter le site officiel
    Performance, accessibilité et qualité

    W3C WAI Forms Tutorial

    Tutoriel du W3C sur les libellés, instructions, validations et messages qui rendent les formulaires plus accessibles.

    À utiliser pour : Confronter un formulaire réel aux exemples de libellés, d’erreurs et de confirmations.

    Passer à la pratique
    InternationalInstitution / standard
    w3.orgVisiter le site officiel
    Performance, accessibilité et qualité

    W3C WAI Form Notifications

    Exemples officiels pour annoncer clairement la réussite ou les erreurs après la soumission d’un formulaire.

    À utiliser pour : Comparer les erreurs et confirmations d’un formulaire réel aux exemples accessibles du W3C.

    Passer à la pratique
    InternationalInstitution / standard
    w3.orgVisiter le site officiel
    Performance, accessibilité et qualité

    RGESN — écoconception des services numériques

    Référentiel public d’écoconception : critères, moyens de contrôle et déclaration pour documenter les choix d’un service numérique.

    À utiliser pour : Évaluer les critères applicables et conserver les preuves ; le score d’avancement ne mesure pas une empreinte carbone.

    Passer à la pratique
    FranceInstitution / standard
    arcep.frVisiter le site officiel
    Performance, accessibilité et qualité

    W3C WAI Tables

    Tutoriel du W3C sur les tableaux de données et les associations entre cellules et en-têtes.

    W3C WAI — Tables tutorial · Source consultée
    La date porte sur le document lié, pas sur une vérification de toutes les fonctions du service.

    À utiliser pour : Tester un tableau réel avec ses titres, sa légende et une navigation adaptée.

    Passer à la pratique
    InternationalCommunauté / formation
    w3.orgVisiter le site officiel
    Performance, accessibilité et qualité

    MDN Intersection Observer

    API pour observer les changements d’intersection entre un élément et une zone de référence, sans boucle de défilement permanente.

    MDN Intersection Observer · Source consultée
    La date porte sur le document lié, pas sur une vérification de toutes les fonctions du service.

    À utiliser pour : Déclencher un travail visuel seulement lorsque le composant approche de la zone visible.

    Passer à la pratique
    InternationalCommunauté / formation
    developer.mozilla.orgVisiter le site officiel
    Performance, accessibilité et qualité

    MDN HTML Dialog

    Élément HTML pour une boîte de dialogue modale ou non modale, avec des comportements natifs à vérifier dans le parcours.

    MDN HTML Dialog · Source consultée
    La date porte sur le document lié, pas sur une vérification de toutes les fonctions du service.

    À utiliser pour : Contrôler l’ouverture, la fermeture et le focus d’une boîte de confirmation.

    Passer à la pratique
    InternationalCommunauté / formation
    developer.mozilla.orgVisiter le site officiel
    Performance, accessibilité et qualité

    MDN HTML Details

    Élément HTML de divulgation progressive associant un contenu repliable à un libellé summary, utilisable sans script dédié.

    MDN HTML Details · Source consultée
    La date porte sur le document lié, pas sur une vérification de toutes les fonctions du service.

    À utiliser pour : Afficher un complément sans cacher les informations nécessaires à une décision.

    Passer à la pratique
    InternationalCommunauté / formation
    developer.mozilla.orgVisiter le site officiel
    Performance, accessibilité et qualité

    MDN HTML Autocomplete

    Attribut HTML indiquant au navigateur la nature des informations attendues et des indications de remplissage automatique.

    MDN HTML Autocomplete · Source consultée
    La date porte sur le document lié, pas sur une vérification de toutes les fonctions du service.

    À utiliser pour : Réduire la ressaisie tout en conservant des libellés et une validation compréhensibles.

    Passer à la pratique
    InternationalCommunauté / formation
    developer.mozilla.orgVisiter le site officiel
    Performance, accessibilité et qualité

    MDN PerformanceObserver

    Interface recevant les nouvelles entrées de la chronologie de performance du navigateur pour les types effectivement pris en charge.

    MDN PerformanceObserver · Source consultée
    La date porte sur le document lié, pas sur une vérification de toutes les fonctions du service.

    À utiliser pour : Observer des événements de performance sans supposer que tous les navigateurs exposent les mêmes mesures.

    Passer à la pratique
    InternationalCommunauté / formation
    developer.mozilla.orgVisiter le site officiel
    Performance, accessibilité et qualité

    MDN Resource Timing

    Documentation des temps réseau et tailles disponibles dans les entrées de performance liées au chargement des ressources.

    MDN Resource Timing · Source consultée
    La date porte sur le document lié, pas sur une vérification de toutes les fonctions du service.

    À utiliser pour : Identifier quel fichier ralentit un parcours et distinguer réseau, compression et cache.

    Passer à la pratique
    InternationalCommunauté / formation
    developer.mozilla.orgVisiter le site officiel
    Performance, accessibilité et qualité

    MDN User Timing

    API pour poser des repères nommés et mesurer des intervalles propres aux étapes d’une application.

    MDN User Timing · Source consultée
    La date porte sur le document lié, pas sur une vérification de toutes les fonctions du service.

    À utiliser pour : Mesurer le délai entre une action et l’affichage réellement utilisable de son résultat.

    Passer à la pratique
    InternationalCommunauté / formation
    developer.mozilla.orgVisiter le site officiel
    Performance, accessibilité et qualité

    web.dev Back/forward Cache

    Explication du cache de navigation arrière et avant, qui peut restaurer une page avec son état sans chargement complet.

    web.dev Back/forward Cache · Source consultée
    La date porte sur le document lié, pas sur une vérification de toutes les fonctions du service.

    À utiliser pour : Vérifier le retour à une liste après consultation d’une fiche et éviter les états périmés.

    Passer à la pratique
    InternationalCommunauté / formation
    web.devVisiter le site officiel
    Choisir un point de départ

    Ce que chaque catégorie aide à décider.

    Ces exemples éclairent les usages ; ils ne sont ni un classement ni une recommandation commerciale. Vérifiez la documentation et les conditions en vigueur avant toute décision.

    Performance, accessibilité et qualité

    Les outils de qualité révèlent des problèmes de vitesse, d’accessibilité et de stabilité, mais aucun score ne remplace une tâche réelle accomplie par une personne. Comparez laboratoire et données de terrain lorsque ces dernières existent.

    Points à vérifier
    • Mesurer plusieurs familles de pages et appareils.
    • Associer chaque anomalie à une cause et à un parcours affecté.

    Mise en pratique : Mesurez une page sur téléphone, puis refaites une tâche au clavier et avec le texte agrandi. Reliez les constats à un composant ou contenu précis avant de corriger.

    Limite à connaître : Un score de laboratoire varie selon l’environnement et ne décrit pas à lui seul l’expérience des visiteurs. Les contrôles automatisés ne couvrent pas tous les obstacles d’accessibilité.

    Exemples : web.dev · PageSpeed Insights

    Guide associé : Tester l’accessibilité d’un site web avec méthode

    Accéder aux situations de diagnostic

    Résoudre une difficulté

    Les outils de qualité aident à localiser un défaut ; la validation porte sur un parcours réellement utilisable. Conservez l’appareil, la largeur, le contexte et les actions de chaque essai. Les situations suivantes permettent de relier un score ou un fichier à une difficulté observable.

    Un bon score masque un blocage au clavier

    Ce que vous observez
    Un rapport automatisé est rassurant, mais le menu, un filtre ou la fermeture d’une fenêtre ne permet pas de terminer la tâche au clavier.
    Avant de conclure
    Les contrôles automatiques et manuels ne couvrent pas les mêmes obstacles. La réussite d’un rapport ne remplace pas l’observation du parcours.
    Contrôle à effectuer
    Effectuez l’action depuis le début au clavier. Relevez l’ordre du focus, sa visibilité, l’état annoncé et le moyen de sortir du composant. Associez chaque blocage au contrôle approprié et retestez après la correction.

    Une petite photo télécharge encore un gros fichier

    Ce que vous observez
    L’image occupe peu de place dans la page mobile, mais le navigateur récupère une version beaucoup plus grande que son affichage ne le justifie.
    Avant de conclure
    Réduire une largeur en CSS change la présentation, pas nécessairement le fichier transféré. Les variantes proposées et le choix réel du navigateur doivent être examinés.
    Contrôle à effectuer
    Comparez largeur affichée, dimensions de la ressource, fichier effectivement chargé et poids transféré. Testez plusieurs largeurs et densités d’écran. Vérifiez aussi le cadrage et le texte alternatif après l’optimisation.

    Le laboratoire et les retours utilisateurs divergent

    Ce que vous observez
    Vos essais sont rapides, alors que certains visiteurs signalent une ouverture lente ou un déplacement des éléments pendant la lecture.
    Avant de conclure
    Un essai local reflète ses propres conditions. Les visiteurs peuvent utiliser d’autres appareils, réseaux, caches ou étapes du parcours.
    Contrôle à effectuer
    Reproduisez un premier chargement, une connexion ralentie et une page représentative avec contenu long. Comparez les données de terrain disponibles en gardant leur période et leur couverture ; n’annoncez pas une expérience universelle à partir d’un seul essai.

    Documentation pour approfondir

    Conserver les données utiles lors d’un changement d’outil

    Avant d’intégrer une ressource au fonctionnement du site, préparez aussi sa mise à jour et sa sortie. Ces contrôles portent sur le résultat de votre essai, sans présumer des fonctions ou tarifs d’une offre particulière.

    Garder les conditions d’essai

    Conservez URL, viewport, navigateur, date et mode de mesure. Un résultat de laboratoire sans conditions ne se compare pas proprement à un nouvel essai.

    Exporter les défauts utiles

    Pour chaque défaut retenu, gardez étapes, résultat attendu et impact. La disparition d’un score dans un outil ne prouve pas que le défaut est corrigé.

    Changer de méthode

    Refaites quelques contrôles représentatifs manuellement. Une nouvelle version d’un outil peut modifier ses règles sans que la page ait changé.

    Passer à la pratique
    Transparence

    Périmètre éditorial et sites tiers

    Cet annuaire non exhaustif a fait l’objet d’un contrôle de cohérence des données et des liens le 2 octobre 2026. Certains sites limitent les vérifications automatiques. Il contient des liens externes vers des sites indépendants. Leur disponibilité, leurs contenus, tarifs, cookies et conditions peuvent évoluer. Française du Numérique ne les contrôle pas et ne reçoit aucune commission pour leur présence.

    Proposer une ressource ou une correction
    Thèmes connexes
    Questions sur l’annuaire

    Sélection, indépendance et mises à jour.

    La sélection éditoriale privilégie les sources primaires et officielles, les organismes de normalisation reconnus, les outils professionnels largement utilisés, les médias spécialisés et les communautés actives directement liés à la création, à l’exploitation, à la sécurisation ou à la promotion des sites internet. Chaque entrée doit avoir une fonction identifiable, un éditeur clairement nommé et une destination officielle. Le catalogue est indépendant, non exhaustif et ne cherche pas à classer tous les prestataires disponibles. Une ressource peut être retirée si elle ferme, change profondément d’objet, devient trompeuse ou n’apporte plus assez de valeur pratique. La date de vérification indique la dernière revue globale du catalogue ; elle ne garantit pas que chaque site extérieur reste inchangé ensuite. Avant d’utiliser un service, il faut donc confirmer ses tarifs, conditions, règles de confidentialité, niveau de sécurité et adéquation au besoin sur sa documentation officielle.

    Non. Une fiche constitue un repère documentaire, pas une certification, un partenariat, un audit de sécurité ni une recommandation commerciale. Les organisations référencées restent responsables de leurs produits, contenus, tarifs, disponibilité, cookies, traitements de données et conditions contractuelles. Une ressource peut être adaptée à un projet et inappropriée à un autre selon le budget, le droit applicable, les exigences techniques et les compétences de l’équipe. Française du Numérique ne reçoit aucune commission pour la présence d’un site dans cet annuaire éditorial. Avant de créer un compte, d’acheter un service ou de confier des données, il convient de consulter la documentation officielle, les conditions en vigueur, les possibilités d’export, l’assistance et les éléments indépendants disponibles. Une décision comportant un enjeu juridique, financier ou de sécurité peut nécessiter l’avis d’un professionnel qualifié.

    Oui. Le champ de recherche examine les noms des ressources et les thèmes éditoriaux, tandis que les filtres limitent la liste par catégorie, origine géographique et type de ressource. La recherche et le tri s’effectuent localement dans le navigateur : les mots saisis ne sont pas transmis à un moteur tiers. La combinaison de plusieurs filtres peut ne produire aucun résultat alors qu’une ressource utile se trouve dans une catégorie voisine ; il suffit alors de retirer un critère ou d’employer un terme plus large. Les descriptions restent volontairement synthétiques et ne recensent pas toutes les fonctions d’un service. La documentation officielle doit être consultée pour vérifier les capacités, conditions et tarifs actuels avant toute décision.

    Utilisez la page de contact en indiquant le nom de la ressource, son adresse officielle, son éditeur, la catégorie pertinente et une courte explication de son utilité pour les professionnels ou responsables de projets web. Pour une correction, précisez la fiche concernée et l’information qui paraît inexacte ou ancienne, si possible avec une source primaire. Chaque suggestion est relue avant publication et peut être refusée lorsqu’elle reproduit une entrée existante, relève surtout de la promotion, ne possède pas d’éditeur identifiable, présente un risque évitable ou sort du périmètre de l’annuaire. Une proposition ne garantit ni la publication ni une place particulière, et ce processus éditorial ne prévoit pas de référencement payant.

    Notez l’URL, la largeur et la hauteur d’écran, le niveau de zoom, la langue et les étapes précédentes. Une capture seule ne décrit pas toujours la cause. Ajoutez le résultat attendu et l’élément concerné, puis vérifiez le correctif avec le même contexte.

    Commencez par le composant modifié et les familles qui partagent ses règles. Couvrez mobile, desktop, textes longs et langues concernées. Étendez les contrôles lorsque la correction touche une règle globale, produit une régression ou laisse une incertitude sur d’autres gabarits.

    Comparer sur une preuve observable

    Avant de choisir une ressource, réalisez un essai limité avec les mêmes données et la même tâche. Gardez le résultat et ses limites, plutôt qu’un classement fondé sur la notoriété.

    Faites réaliser la même tâche sur mobile, au clavier et avec les outils de contrôle retenus. Conservez page, appareil, conditions et obstacle observé. Un score automatique ne remplace pas la vérification du parcours ; associez chaque problème à un essai de correction.