Ελέγχθηκε στις 31/8/2026 · https://www.spiegel.de/
32 κρίσιμο εμπόδιοn · επιπλέον 7 προς έλεγχο.
Πώς προκύπτει η βαθμολογία; (100 αρχικές μονάδες)
| {n} πεδία φόρμας χωρίς αναγνωρίσιμη ετικέτα | -18 |
| {n} σύνδεσμοι χωρίς αναγνωρίσιμο όνομα στο HTML | -18 |
| {n} κουμπιά χωρίς όνομα στο HTML | -18 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -18 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -6 |
| Καμία επικεφαλίδα <h1> στο παρεχόμενο HTML | -7 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -2 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -2 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -2 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -2 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -2 |
| {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -2 |
| Αποτέλεσμα | 0 / 100 |
Αντιληπτό
{n} πεδία φόρμας χωρίς αναγνωρίσιμη ετικέτα
Ελέγξτε αν υπάρχει aria-label που ορίζεται μέσω JavaScript.
input, select, textarea
Αυτό πρέπει να κάνετε: Συνδέστε κάθε πεδίο με ένα στοιχείο <label for> ή ορίστε aria-label / aria-labelledby. Μόνο ένα placeholder δεν αρκεί.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.button-spon
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.button-effi
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.button-mmo
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.button-hbm
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
input::-moz-placeholder, textarea::-moz-placeholder
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
input::placeholder, textarea::placeholder
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
body .richtext--inverted p
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
body .richtext--inverted a
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
body .richtext--inverted a:focus
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.richtextcredit.richtextcredit--inverted a
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.richtextsystem.richtextsystem--inverted a
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.richtextsystem.richtextsystem--inverted a:hover
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.richtextsystem.richtextsystem--inverted a:focus
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.text-shade-base
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.text-shade-light
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.text-shade-lighter
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.text-shade-lightest
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.text-white
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.placeholder-shade-base::-moz-placeholder
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.placeholder-shade-base::placeholder
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.hover\:text-shade-lighter:hover
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.hover\:text-shade-lightest:hover
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.hover\:text-white:hover
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.focus\:text-shade-base:focus
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.focus\:text-shade-lighter:focus
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.focus\:text-white:focus
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.disabled\:text-shade-base:disabled
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.disabled\:text-shade-light:disabled
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.peer:disabled~.peer-disabled\:text-shade-base
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.debug.svelte-1x5iokp
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.text-effi-primary-base
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.text-elf-primary-base
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.text-shade-dark
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.text-spon-primary-base
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
{n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: {examples}
.disabled\:text-shade-dark:disabled
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
Λειτουργικό
{n} σύνδεσμοι χωρίς αναγνωρίσιμο όνομα στο HTML
Κενοί σύνδεσμοι ή μόνο ένα εικονίδιο/εικόνα χωρίς alt. Ένα aria-label που ορίζεται μέσω JavaScript δεν αναγνωρίζεται εδώ.
a
Αυτό πρέπει να κάνετε: Προσθέστε ορατό κείμενο συνδέσμου ή, σε συνδέσμους με εικονίδιο, χρησιμοποιήστε aria-label ή εικόνα με alt.
{n} κουμπιά χωρίς όνομα στο HTML
Τα κουμπιά χωρίς κείμενο και χωρίς aria-label είναι βουβά για τους αναγνώστες οθόνης — εκτός αν το όνομα ορίζεται μέσω JavaScript.
button
Αυτό πρέπει να κάνετε: Προσθέστε κείμενο κουμπιού ή ορίστε aria-label.
Καμία επικεφαλίδα <h1> στο παρεχόμενο HTML
Κάθε σελίδα θα πρέπει να ξεκινά με ακριβώς μία h1. Σε σελίδες που κατασκευάζονται μέσω JavaScript, η h1 μπορεί να δημιουργηθεί μόνο στον περιηγητή — τότε ελέγξτε στο αποδοσμένο DOM.
body
Αυτό πρέπει να κάνετε: Εισαγάγετε μια ουσιαστική <h1> ως πρώτη επικεφαλίδα (κατά προτίμηση ήδη από την πλευρά του διακομιστή).
Ήδη σωστά επιλυμένο
- Textalternativen: keine automatisch erkennbaren Probleme
- Σύνδεσμος παράλειψης προς το περιεχόμενο υπάρχει
- Ορόσημο <main> υπάρχει
Επόμενα βήματα
- {n} πεδία φόρμας χωρίς αναγνωρίσιμη ετικέτα. Συνδέστε κάθε πεδίο με ένα στοιχείο <label for> ή ορίστε aria-label / aria-labelledby. Μόνο ένα placeholder δεν αρκεί.
- {n} σύνδεσμοι χωρίς αναγνωρίσιμο όνομα στο HTML. Προσθέστε ορατό κείμενο συνδέσμου ή, σε συνδέσμους με εικονίδιο, χρησιμοποιήστε aria-label ή εικόνα με alt.
- {n} κουμπιά χωρίς όνομα στο HTML. Προσθέστε κείμενο κουμπιού ή ορίστε aria-label.
- {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου. Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
- {n} κανόνας{nPlural} CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου. Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
Εβδομαδιαία εκ νέου σάρωση, με απόδοση JS, email για νέα εμπόδια — έρχεται σύντομα.
Δημιουργία δήλωσης προσβασιμότητας →
Μέθοδος & όρια
Στις 31/8/2026 ελέγχθηκε το HTML που παραδίδει ο www.spiegel.de κατά την πρώτη κλήση χωρίς σύνδεση, καθώς και έως τέσσερα συνδεδεμένα αρχεία CSS του ίδιου τομέα. Ελέγχθηκαν: αντίθεση χρωμάτων (από το CSS), εναλλακτικά κείμενα, ετικέτες φορμών, ονόματα στοιχείων χειρισμού, δομή επικεφαλίδων, τίτλος και γλώσσα σελίδας, κλείδωμα ζουμ, διπλά id, θετικές τιμές tabindex, ορόσημα.
Δεν ελέγχθηκαν: οτιδήποτε δημιουργείται μέσω JavaScript, η δυνατότητα χειρισμού με πληκτρολόγιο, η ορατή εστίαση, η σειρά εστίασης, η εκφώνηση αναγνώστη οθόνης, το περιεχόμενο πίσω από σύνδεση, οι υποσελίδες. Ο αυτόματος έλεγχος εντοπίζει περίπου το 20–35 % των παραβιάσεων WCAG — τα υπόλοιπα απαιτούν χειροκίνητο έλεγχο. Στιγμιότυπο, όχι νομική κρίση.