Tests sind entscheidend, um die Funktionalität, Qualität, Zugänglichkeit, Sicherheit und Leistung Ihrer inhaltsbasierten Webanwendung sicherzustellen. Durch Tests können Sie die Nutzererfahrung bewerten und feststellen, ob weitere Entwicklungen erforderlich sind. Ihre Webanwendung sollte die Qualitätsstandards erfüllen und erwartungsgemäß funktionieren.
Hier finden Sie grundlegende Informationen zum Testen, mit denen Sie Ihre Webanwendung barrierefrei und nutzerfreundlich gestalten können.
| Komponenten | |
|---|---|
| Farbkontrast | Stellt sicher, dass das Kontrastverhältnis für Lesbarkeit optimiert ist. Für verschiedene Arten von Farbenblindheit und benutzerdefinierte Farben mit hohem Kontrast müssen Prüfungen durchgeführt werden. |
| Typografie | Ermittelt, ob die Anwendung verschiedene Geräte und Einstellungen unterstützt. Durch die Verwendung der relativen Schriftgröße und der nicht linearen Skalierung kann die Typografie trotzdem mit der maximalen Größe verwendet werden. |
| Bilder | Stellt sicher, dass die Bilder eine hohe Qualität haben und schnell geladen werden können. Es ist wichtig, nach korrekten Fallbacks ohne Netzwerk und ohne optimierte Assets für höhere Auflösungen zu suchen. |
| Navigation | Die Navigation muss klar verständlich sein und Sie können mit der Maus, Berührung und der Tastatur bedient werden. Durch Prüfen der History API wird sichergestellt, dass die Vor- und Zurück-Navigation ebenfalls korrekt erhalten bleibt. |
| Suche | Prüfen Sie, ob die Antwortzeiten in den URL-Suchparametern und im Suchfeld niedrig sind. |
| Form | Es wird sichergestellt, dass alle Formulare benutzerfreundlich ausgefüllt und eingereicht werden können. Wenn Sie die Standardformularübermittlung überschreiben, müssen die korrekten Ereignisse erfasst und geprüft werden, damit das Formular ordnungsgemäß zurückgesetzt und vor böswilliger Nutzereingabe geschützt wird. |
| Leistung | Stellt sicher, dass die Anwendung effizient und reaktionsschnell ist und kurze Ladezeiten ermöglicht. Dies sollte auch ein wichtiger Bestandteil von Regressionstests sein. |
Es gibt viele Tools, mit denen Sie die Barrierefreiheit im Internet prüfen können. Es ist wichtig, mehrere Methoden zu verwenden, um die Bandbreite der Bedienungshilfen abzudecken. Achten Sie auf ARIA-Labels, A11y bei DOM-Elementen, Tastaturnavigation und Screenreader-Nutzung.
Mit Front-End-Test-Frameworks wie Jest, Vitest, Cypress, Mocha oder Jasmine können Sie Tests effizient schreiben und eine verhaltens- und testgesteuerte Entwicklung unterstützen. Durch die Einbindung in CI/CD-Pipelines können Sie auch Ihre Tests automatisieren und Regressionsfehler in Commits vermeiden.
Mit Runner-Frameworks wie Web Test Runner, Playwright, Web Driver oder dem Test Runner in Node.js können Sie diese Tests effizient ausführen und unterstützen Tests in mehreren Umgebungen und Plattformen. Diese Liste ist nicht vollständig und je nach verwendetem Framework können Tests integriert sein.