Suchen
Geben Sie mindestens zwei Zeichen ohne persönliche Daten ein.

    BibliothekArtikel und FAQs Ihr ProjektFordern Sie ein Angebot an
    SpracheDE ▾
    Web-Ressourcen

    Leistung, Zugänglichkeit und Qualität

    Qualitätswerkzeuge zeigen Probleme mit der Geschwindigkeit, Zugänglichkeit und Stabilität, aber keine Punktzahl ersetzt eine echte Person, die eine Aufgabe erledigt. Vergleichen Sie Labor- und Felddaten, wenn diese verfügbar sind.

    Messen Sie eine Seite auf einem Telefon und erledigen Sie dann eine Aufgabe per Tastatur und mit größerem Text. Verknüpfen Sie die Ergebnisse mit einer bestimmten Komponente oder einem bestimmten Inhalt, bevor Sie diese beheben.

    Ressourcen durchsuchen Probleme untersuchen

    KI-generierte Illustration

    Redaktionelle Methode

    Ein Verzeichnis, das nicht nur lang nützlich sein soll.

    Jeder Eintrag hat eine klare Rolle und kehrt zu einem offiziellen Ziel zurück. Der Katalog vermeidet Linkfarmen, kopierte Beschreibungen und künstliche Ranglisten.

    01

    Offizielle Basis

    Als erste Maßstäbe dienen Standardisierungsstellen, offizielle Dokumentation und Behörden.

    02

    Professionelle Werkzeuge

    Die etablierten Dienste werden nach tatsächlicher Verwendung klassifiziert: Erstellen, Hosten, Messen, Sichern, Veröffentlichen oder Bewerben einer Website.

    03

    Unabhängiges Lesen

    Präsenz ist redaktionell und unbezahlt. Ein Formular ist weder eine Partnerschaft noch eine Garantie.

    vor der Auswahl

    Vergleichen Sie bei drei konkreten Fragen

    Leistung, Zugänglichkeit und Qualität
    KriteriumFrage zu lösen
    Art des TestsKommt das Ergebnis aus dem Labor, den Felddaten oder der menschlichen Kontrolle?
    KursBleiben Kontakt, Suche und Navigation auf der Tastatur und auf dem Handy nutzbar?
    PrioritätWelches Problem blockiert ein Benutzer und welches Problem kann überprüft werden?

    Führen Sie eine kurze Aufzeichnung der Entscheidung: Bedarf, Quelle, beobachtetes Ergebnis und Punkt, der noch bestätigt werden muss. Lassen Sie die gleiche Aufgabe bei jeder Lösung berücksichtigen, anstatt kommerzielle Listen von Merkmalen zu vergleichen.

    Suche und Filter

    Offizielle Ausgangspunkte für dieses Thema

    Vergleichen Sie ihre Rolle und Dokumentation, bevor Sie ein Werkzeug auswählen. Die Präsenz in dieser Liste ist kein Ranking.

    44 angezeigte Ressourcen

    Leistung, Zugänglichkeit und Qualität

    ARIA Authoring Practices Guide

    Offizielle Muster und Beispiele für die Gestaltung von zugänglichen interaktiven Komponenten mit ARIA.

    W3C WAI — ARIA Authoring Practices Guide · Quelle eingesehen
    Das Datum betrifft das verlinkte Dokument, nicht die Prüfung sämtlicher Funktionen des Dienstes.

    zu verwenden für: Vergleichen Sie das Tastaturverhalten einer interaktiven Komponente mit einem dokumentierten Muster.

    Geh zum Üben
    InternationalInstitution / Standard
    w3.orgBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    WCAG Evaluation Methodology

    Strukturierte Methodik zur Definition des Umfangs, Auswahl einer repräsentativen Stichprobe und Dokumentation einer WCAG-Bewertung.

    zu verwenden für: Bereiten Sie das Beispiel und die Methode vor, bevor Sie über eine Reihe von Seiten die Zugänglichkeit abschließen.

    Geh zum Üben
    InternationalInstitution / Standard
    w3.orgBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    Chrome DevTools Accessibility

    Referenz für DevTools-Funktionen, die den Barrierefreiheitsbaum, den Kontrast und die berechneten Eigenschaften abdecken.

    zu verwenden für: Überprüfen Sie die belichteten Eigenschaften eines Elements und testen Sie dann die Verwendung der Tastatur.

    Geh zum Üben
    InternationalWerkzeug / Software
    developer.chrome.comBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    W3C WAI Form Notifications

    Offizielle Beispiele für die klare Kommunikation von Erfolg oder Fehlern nach einer Formulareinreichung.

    zu verwenden für: Vergleichen Sie die Fehler und Bestätigungen eines echten Formulars mit den Beispielen für die Barrierefreiheit von W3C.

    Geh zum Üben
    InternationalInstitution / Standard
    w3.orgBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    RGESN — écoconception des services numériques

    Öffentliches digitales Ökodesign-Framework mit Kriterien, Verifizierungsmethoden und einer Erklärung zur Dokumentation von Servicedesigns.

    zu verwenden für: Anwendbare Kriterien beurteilen und Beweise beibehalten; Der Fortschritts-Score misst keinen CO2-Fußabdruck.

    Geh zum Üben
    FrankreichInstitution / Standard
    arcep.frBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    W3C WAI Tables

    W3C-Tutorial zu Datentabellen und Assoziationen zwischen Zellen und Headern.

    W3C WAI — Tables tutorial · Quelle eingesehen
    Das Datum betrifft das verlinkte Dokument, nicht die Prüfung sämtlicher Funktionen des Dienstes.

    zu verwenden für: Testen Sie einen echten Tisch mit Überschriften, Bildunterschrift und passender Navigation.

    Geh zum Üben
    InternationalGemeinschaft / Ausbildung
    w3.orgBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    MDN Intersection Observer

    API zum Beobachten der Überschneidung eines Elements mit einem Bezugsbereich.

    MDN Intersection Observer · Quelle eingesehen
    Das Datum betrifft das verlinkte Dokument, nicht die Prüfung sämtlicher Funktionen des Dienstes.

    zu verwenden für: Visuelle Arbeit erst in der Nähe des sichtbaren Bereichs starten.

    Geh zum Üben
    InternationalGemeinschaft / Ausbildung
    developer.mozilla.orgBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    MDN HTML Dialog

    HTML-Element für modale und nicht modale Dialoge mit nativem Verhalten.

    MDN HTML Dialog · Quelle eingesehen
    Das Datum betrifft das verlinkte Dokument, nicht die Prüfung sämtlicher Funktionen des Dienstes.

    zu verwenden für: Öffnen, Schließen und Fokus einer Bestätigung prüfen.

    Geh zum Üben
    InternationalGemeinschaft / Ausbildung
    developer.mozilla.orgBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    MDN HTML Details

    HTML-Element für aufklappbare Inhalte mit summary-Beschriftung ohne eigenes Skript.

    MDN HTML Details · Quelle eingesehen
    Das Datum betrifft das verlinkte Dokument, nicht die Prüfung sämtlicher Funktionen des Dienstes.

    zu verwenden für: Ergänzungen anzeigen, ohne entscheidende Bedingungen zu verbergen.

    Geh zum Üben
    InternationalGemeinschaft / Ausbildung
    developer.mozilla.orgBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    MDN HTML Autocomplete

    HTML-Attribut für erwartete Informationstypen und Hinweise zur automatischen Formularbefüllung.

    MDN HTML Autocomplete · Quelle eingesehen
    Das Datum betrifft das verlinkte Dokument, nicht die Prüfung sämtlicher Funktionen des Dienstes.

    zu verwenden für: Erneute Eingaben reduzieren und klare Beschriftungen und Validierung erhalten.

    Geh zum Üben
    InternationalGemeinschaft / Ausbildung
    developer.mozilla.orgBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    MDN PerformanceObserver

    Schnittstelle für neue Einträge der Leistungszeitachse des Browsers für unterstützte Eintragstypen.

    MDN PerformanceObserver · Quelle eingesehen
    Das Datum betrifft das verlinkte Dokument, nicht die Prüfung sämtlicher Funktionen des Dienstes.

    zu verwenden für: Leistung beobachten, ohne identische Messmöglichkeiten aller Browser anzunehmen.

    Geh zum Üben
    InternationalGemeinschaft / Ausbildung
    developer.mozilla.orgBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    MDN Resource Timing

    Dokumentation verfügbarer Netzwerkzeiten und Größen beim Laden von Ressourcen.

    MDN Resource Timing · Quelle eingesehen
    Das Datum betrifft das verlinkte Dokument, nicht die Prüfung sämtlicher Funktionen des Dienstes.

    zu verwenden für: Eine langsame Datei unter Trennung von Netzwerk, Kompression und Cache finden.

    Geh zum Üben
    InternationalGemeinschaft / Ausbildung
    developer.mozilla.orgBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    MDN User Timing

    API für benannte Markierungen und Intervalle eigener Anwendungsschritte.

    MDN User Timing · Quelle eingesehen
    Das Datum betrifft das verlinkte Dokument, nicht die Prüfung sämtlicher Funktionen des Dienstes.

    zu verwenden für: Die Dauer von einer Aktion bis zum tatsächlich nutzbaren Ergebnis messen.

    Geh zum Üben
    InternationalGemeinschaft / Ausbildung
    developer.mozilla.orgBesuchen Sie die offizielle Website
    Leistung, Zugänglichkeit und Qualität

    web.dev Back/forward Cache

    Erläuterung des Vorwärts-/Zurück-Caches, der Seiten samt Zustand wiederherstellen kann.

    web.dev Back/forward Cache · Quelle eingesehen
    Das Datum betrifft das verlinkte Dokument, nicht die Prüfung sämtlicher Funktionen des Dienstes.

    zu verwenden für: Rückkehr zu einer Liste prüfen und veraltete Zustände vermeiden.

    Geh zum Üben
    InternationalGemeinschaft / Ausbildung
    web.devBesuchen Sie die offizielle Website
    Wählen Sie einen Ausgangspunkt

    Was jede Kategorie hilft, zu entscheiden.

    Diese Beispiele beleuchten die Verwendung; Sie sind weder ein Ranking noch eine kommerzielle Empfehlung. Überprüfen Sie die Dokumentation und die Bedingungen vor einer Entscheidung.

    Leistung, Zugänglichkeit und Qualität

    Qualitätswerkzeuge zeigen Probleme mit der Geschwindigkeit, Zugänglichkeit und Stabilität, aber keine Punktzahl ersetzt eine echte Person, die eine Aufgabe erledigt. Vergleichen Sie Labor- und Felddaten, wenn diese verfügbar sind.

    Punkte zu überprüfen
    • Messen Sie verschiedene Seitenfamilien und Geräte.
    • Verbinden Sie jeden Befund mit einer Ursache und einer betroffenen Reise.

    Übung: Messen Sie eine Seite auf einem Telefon und erledigen Sie dann eine Aufgabe per Tastatur und mit größerem Text. Verknüpfen Sie die Ergebnisse mit einer bestimmten Komponente oder einem bestimmten Inhalt, bevor Sie diese beheben.

    Grenze zu wissen: Ein Labor-Score variiert je nach Umgebung und kann nicht alle Besucher beschreiben. Automatisierte Überprüfungen decken nicht jede Barrierefreiheitsbarriere ab.

    Beispiele: web.dev · PageSpeed Insights

    Zugehöriger Leitfaden: Testen Sie die Zugänglichkeit der Website durch echte Aufgaben

    Situationen zur Fehlerdiagnose ansehen

    Probleme untersuchen

    Qualitätswerkzeuge helfen, einen Fehler zu finden; Die Validierung betrifft eine Aufgabe, die tatsächlich erledigt werden kann. Bewahren Sie das Gerät, die Breite, den Kontext und die Aktionen für jeden Versuch bei. Diese Situationen verbinden eine Partitur oder eine Datei mit einem beobachtbaren Schwierigkeitsgrad.

    Eine gute Punktzahl verbirgt eine Tastaturbarriere

    Was Sie beobachten
    Ein automatisierter Bericht ist beruhigend, aber ein Menü, Filter oder Fensterabschluss verhindert die Beendigung der Aufgabe mithilfe einer Tastatur.
    Bevor Sie Schlüsse ziehen
    Automatisierte und manuelle Auswertungen decken keine identischen Barrieren ab. Ein erfolgreicher Bericht ersetzt nicht das Beobachten der Aufgabe.
    Durchzuführende Prüfung
    Schließen Sie die Aktion von Anfang an mit einer Tastatur ab. Fokusreihenfolge, Sichtbarkeit, angekündigter Zustand und ein Ausweg aus der Komponente. Verbinden Sie jede Barriere mit dem relevanten Bewertungsverfahren und testen Sie sie nach der Korrektur erneut.

    Ein kleines Foto lädt immer noch eine große Datei herunter

    Was Sie beobachten
    Das Bild nimmt auf einer mobilen Seite wenig Platz ein, aber der Browser ruft eine Version ab, die viel größer ist, als es die Anzeige rechtfertigt.
    Bevor Sie Schlüsse ziehen
    Das Reduzieren der CSS-Breite ändert die Präsentation, jedoch nicht unbedingt die übertragene Datei. angebotene Varianten und die tatsächliche Auswahl des Browsers müssen überprüft werden.
    Durchzuführende Prüfung
    Vergleichen Sie die angezeigte Breite, die Ressourcendimensionen, die tatsächlich geladene Datei und die übertragene Größe. Testen Sie mehrere Ansichtsfensterbreiten und Bildschirmdichten. Überprüfen Sie auch das Zuschneiden und den alternativen Text nach der Optimierung.

    Laborergebnisse und Benutzerfeedback sind anderer Meinung

    Was Sie beobachten
    Ihre Tests sind schnell, während einige Besucher berichten, dass sich beim Lesen langsam öffnet oder Elemente bewegt werden.
    Bevor Sie Schlüsse ziehen
    Ein lokaler Versuch spiegelt seine eigenen Bedingungen wider. Besucher können verschiedene Geräte, Netzwerke, Caches oder Phasen einer Aufgabe verwenden.
    Durchzuführende Prüfung
    Reproduzieren Sie eine erste Last, langsamere Verbindung und repräsentative Seite mit langem Inhalt. Vergleichen Sie die verfügbaren Felddaten unter Beibehaltung ihrer Periode und Abdeckung; Fordern Sie keine universelle Erfahrung aus einem Versuch an.

    Weiterführende Dokumentation

    Transparenz

    Redaktioneller Umfang und Websites von Drittanbietern

    Dieses nicht erschöpfende Verzeichnis wurde am 2. Oktober 2026 einer Konsistenzprüfung der Daten und Links unterzogen. Einige Websites beschränken die automatischen Überprüfungen. Es enthält externe Links zu unabhängigen Websites. Ihre Verfügbarkeit, Inhalte, Preise, Cookies und Bedingungen können sich ändern. Française du Numérique Kontrollieren Sie sie nicht und erhalten Sie keine Provision für ihre Anwesenheit.

    eine Ressource oder Korrektur vorschlagen
    Verzeichnisfragen

    Auswahl, Unabhängigkeit und Updates.

    Die redaktionelle Auswahl bevorzugt primäre und offizielle Quellen, anerkannte Normungsgremien, weit verbreitete professionelle Tools, spezialisierte Medien und aktive Gemeinschaften, die direkt mit der Erstellung, dem Betrieb, der Sicherheit oder der Förderung von Websites verbunden sind. Jeder Eintrag muss eine identifizierbare Funktion, einen klar benannten Editor und ein offizielles Ziel haben. Der Katalog ist unabhängig, nicht erschöpfend und will nicht alle verfügbaren Dienstleister klassifizieren. Eine Ressource kann entfernt werden, wenn sie schließt, ihr Objekt tief ändert, irreführend wird oder nicht mehr genügend praktischen Wert bringt. Das Überprüfungsdatum zeigt die letzte globale Überprüfung des Katalogs an; Es garantiert nicht, dass jede externe Seite unverändert bleibt. Vor der Nutzung eines Dienstes ist es daher erforderlich, seine Preise, Bedingungen, Vertraulichkeitsregeln, Sicherheitsniveau und Angemessenheit in der offiziellen Dokumentation zu bestätigen.

    Nein. Ein Blatt ist eine dokumentarische Referenz, keine Zertifizierung, eine Partnerschaft, ein Sicherheitsaudit oder eine kommerzielle Empfehlung. Die referenzierten Organisationen bleiben für ihre Produkte, Inhalte, Preise, Verfügbarkeit, Cookies, Datenverarbeitung und Vertragsbedingungen verantwortlich. Eine Ressource kann je nach Budget, anwendbarem Recht, technischen Anforderungen und Fähigkeiten des Teams an ein Projekt angepasst und einem anderen unangemessen sein. Française du Numérique Erhält keine Provision für das Vorhandensein einer Site in diesem redaktionellen Verzeichnis. Bevor Sie ein Konto erstellen, einen Service kaufen oder Daten anvertrauen, ist es ratsam, die offizielle Dokumentation, die aktuellen Bedingungen, die Exportmöglichkeiten, den Support und die unabhängigen verfügbaren Elemente zu konsultieren. Eine Entscheidung über eine rechtliche, finanzielle oder sicherheitspolitische Frage kann die Beratung eines qualifizierten Fachmanns erfordern.

    Ja, das tue ich. Das Suchfeld untersucht Ressourcennamen und redaktionelle Designs, während Filter die Liste nach Kategorie, geografischer Herkunft und Ressourcentyp einschränken. Die Suche und Sortierung erfolgt lokal im Browser: Die eingegebenen Wörter werden nicht an eine Drittanbieter-Engine übertragen. Die Kombination mehrerer Filter kann keine Ergebnisse erzeugen, während sich eine nützliche Ressource in einer benachbarten Kategorie befindet. Es reicht dann aus, ein Kriterium zu entfernen oder einen größeren Begriff zu verwenden. Die Beschreibungen bleiben absichtlich synthetisch und listen nicht alle Funktionen eines Dienstes auf. Offizielle Dokumentationen sollten vor jeder Entscheidung konsultiert werden, um die aktuellen Fähigkeiten, Bedingungen und Preise zu überprüfen.

    Verwenden Sie die Kontaktseite, indem Sie den Ressourcennamen, seine offizielle Adresse, den Herausgeber, die relevante Kategorie und eine kurze Erläuterung der Nützlichkeit für Fachleute oder Webprojektmanager angeben. Geben Sie für eine Korrektur das betreffende Blatt und die Informationen an, die ungenau oder alt erscheinen, wenn möglich mit einer Primärquelle. Jeder Vorschlag wird vor der Veröffentlichung gelesen und kann abgelehnt werden, wenn er einen vorhandenen Eintrag reproduziert, hauptsächlich Werbung, keinen identifizierbaren Verlag hat, ein vermeidbares Risiko darstellt oder den Umfang des Verzeichnisses verlässt. Ein Vorschlag garantiert keine Veröffentlichung oder einen bestimmten Ort, und dieses redaktionelle Verfahren sieht keine kostenpflichtige Referenzierung vor.

    Dokumentieren Sie die URL, die Breite und Höhe des Ansichtsfensters, die Zoomstufe, die Sprache und die vorhergehenden Schritte. Ein Screenshot allein beschreibt die Ursache möglicherweise nicht. Fügen Sie das erwartete Ergebnis und die betroffene Website-Komponente hinzu und überprüfen Sie die Korrektur im selben Kontext.

    Beginnen Sie mit der geänderten Komponente und den Seitenfamilien, die ihre Regeln teilen. Decken Sie Handy, Desktop, Langtext und relevante Sprachen ab. Verifizieren Sie die Überprüfung, wenn die Änderung eine globale Regel betrifft, eine Regression verursacht oder Unsicherheit über andere Vorlagen hinterlässt.

    Anhand beobachtbarer Ergebnisse vergleichen

    Testen Sie dieselbe Aufgabe mit denselben Daten in begrenztem Umfang. Halten Sie Ergebnis und Grenzen vor der Auswahl fest.

    Führen Sie dieselbe Aufgabe mobil und per Tastatur aus. Notieren Sie Gerät, Bedingungen und Hindernis. Verbinden Sie Probleme mit getesteten Lösungen; ein automatischer Score ersetzt keinen Nutzungstest.