Ελέγχθηκε στις 24/9/2026 · https://www.heise.de/
5 κρίσιμο εμπόδιοn · επιπλέον 2 προς έλεγχο.
Πώς προκύπτει η βαθμολογία; (100 αρχικές μονάδες)
| 40 από 519 εικόνες χωρίς χαρακτηριστικό alt | -18 |
| 4 πεδία φόρμας χωρίς αναγνωρίσιμη ετικέτα | -18 |
| 16 σύνδεσμοι χωρίς αναγνωρίσιμο όνομα στο HTML | -18 |
| 6 κουμπιά χωρίς όνομα στο HTML | -18 |
| 5 κανόναςn CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου | -18 |
| Καμία επικεφαλίδα <h1> στο παρεχόμενο HTML | -7 |
| 6 διπλά χαρακτηριστικά id | -7 |
| Αποτέλεσμα | 0 / 100 |
Αντιληπτό
40 από 519 εικόνες χωρίς χαρακτηριστικό alt
Οι εικόνες που φορτώνονται μέσω JavaScript δεν περιλαμβάνονται εδώ.
<img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3377" height="1898"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="1920" height="1079"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="3200" height="1798"><img src="data:image/svg+xml;base64,PD94bWwgdmVyc2" width="300" height="250">
Αυτό πρέπει να κάνετε: Δώστε σε κάθε <img> ένα alt: σύντομη περιγραφή σε εικόνες με νόημα, alt="" σε καθαρά διακοσμητικές.
4 πεδία φόρμας χωρίς αναγνωρίσιμη ετικέτα
Ελέγξτε αν υπάρχει aria-label που ορίζεται μέσω JavaScript.
<input type="text" name="q" placeholder="Suchen"><input type="text" name="q" placeholder="Suchen"><select name="in"><input type="text" name="fs" placeholder="Im Preisvergleich suchen">
Αυτό πρέπει να κάνετε: Συνδέστε κάθε πεδίο με ένα στοιχείο <label for> ή ορίστε aria-label / aria-labelledby. Μόνο ένα placeholder δεν αρκεί.
5 κανόναςn CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου
Απαιτείται: 4,5:1 (κανονικό) ή 3:1 (μεγάλο κείμενο). Σε «υποτιθέμενο φόντο σελίδας» το πραγματικό φόντο δεν μπόρεσε να προσδιοριστεί με βεβαιότητα — σε περίπτωση αμφιβολίας ελέγξτε στον περιηγητή. Βρέθηκαν μεταξύ άλλων: `.dark a-gift-link dialog`: #e0e0e0 auf #fff (Vorfahren-Hintergrund) = 1.32:1 · `.a-android-native-app-prompt__close-banner`: #323232 auf rgba(0,0,0,0) = 1.64:1 · `a-opt-in[is-active] .opt-in__footnote`: #959595 auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.00:1 · `.a-android-native-app-prompt__load-app`: #fff auf #27a209 = 3.36:1 · `a-topic .topic-label`: #fff auf #ed3725 = 4.06:1
.dark a-gift-link dialog, .a-android-native-app-prompt__close-banner, a-opt-in[is-active] .opt-in__footnote, .a-android-native-app-prompt__load-app, a-topic .topic-label
Αυτό πρέπει να κάνετε: Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
Λειτουργικό
16 σύνδεσμοι χωρίς αναγνωρίσιμο όνομα στο HTML
Κενοί σύνδεσμοι ή μόνο ένα εικονίδιο/εικόνα χωρίς alt. Ένα aria-label που ορίζεται μέσω JavaScript δεν αναγνωρίζεται εδώ.
<a-click-performance><a name="topnavi.ho.magazine-nav.ct" class="hover:bg-brand dark:hover:<a name="topnavi.ho.magazine-nav.ix" class="hover:bg-brand-alternative<a name="topnavi.ho.magazine-nav.foto" class="hover:bg-brand dark:hove
Αυτό πρέπει να κάνετε: Προσθέστε ορατό κείμενο συνδέσμου ή, σε συνδέσμους με εικονίδιο, χρησιμοποιήστε aria-label ή εικόνα με alt.
6 κουμπιά χωρίς όνομα στο HTML
Τα κουμπιά χωρίς κείμενο και χωρίς aria-label είναι βουβά για τους αναγνώστες οθόνης — εκτός αν το όνομα ορίζεται μέσω JavaScript.
<button class="scroll-left text-ho-text"><button class="scroll-right text-ho-text"><button class="scroll-left text-ho-text"><button class="scroll-right text-ho-text">
Αυτό πρέπει να κάνετε: Προσθέστε κείμενο κουμπιού ή ορίστε aria-label.
Καμία επικεφαλίδα <h1> στο παρεχόμενο HTML
Κάθε σελίδα θα πρέπει να ξεκινά με ακριβώς μία h1. Σε σελίδες που κατασκευάζονται μέσω JavaScript, η h1 μπορεί να δημιουργηθεί μόνο στον περιηγητή — τότε ελέγξτε στο αποδοσμένο DOM.
body
Αυτό πρέπει να κάνετε: Εισαγάγετε μια ουσιαστική <h1> ως πρώτη επικεφαλίδα (κατά προτίμηση ήδη από την πλευρά του διακομιστή).
Στιβαρό
6 διπλά χαρακτηριστικά id
π.χ. heisetopnavi_search, HEI_M_Incontent-2-label, HEI_M_Incontent-2, circle. Σπάει τις αντιστοιχίσεις label-for και aria.
[id]
Αυτό πρέπει να κάνετε: Αποδώστε μοναδικά id.
Επόμενα βήματα
- 40 από 519 εικόνες χωρίς χαρακτηριστικό alt. Δώστε σε κάθε <img> ένα alt: σύντομη περιγραφή σε εικόνες με νόημα, alt="" σε καθαρά διακοσμητικές.
- 4 πεδία φόρμας χωρίς αναγνωρίσιμη ετικέτα. Συνδέστε κάθε πεδίο με ένα στοιχείο <label for> ή ορίστε aria-label / aria-labelledby. Μόνο ένα placeholder δεν αρκεί.
- 16 σύνδεσμοι χωρίς αναγνωρίσιμο όνομα στο HTML. Προσθέστε ορατό κείμενο συνδέσμου ή, σε συνδέσμους με εικονίδιο, χρησιμοποιήστε aria-label ή εικόνα με alt.
- 6 κουμπιά χωρίς όνομα στο HTML. Προσθέστε κείμενο κουμπιού ή ορίστε aria-label.
- 5 κανόναςn CSS με πιθανώς πολύ χαμηλή αντίθεση κειμένου. Σκουρύνετε το χρώμα του κειμένου ή φωτίστε το φόντο μέχρι να επιτευχθεί η εκάστοτε ελάχιστη τιμή. Μη χρησιμοποιείτε ποτέ το χρώμα ως μοναδικό διακριτικό στοιχείο.
Εβδομαδιαία εκ νέου σάρωση, με απόδοση JS, email για νέα εμπόδια — έρχεται σύντομα.
Δημιουργία δήλωσης προσβασιμότητας →
Μέθοδος & όρια
Στις 24/9/2026 ελέγχθηκε το HTML που παραδίδει ο www.heise.de κατά την πρώτη κλήση χωρίς σύνδεση, καθώς και έως τέσσερα συνδεδεμένα αρχεία CSS του ίδιου τομέα. Ελέγχθηκαν: αντίθεση χρωμάτων (από το CSS), εναλλακτικά κείμενα, ετικέτες φορμών, ονόματα στοιχείων χειρισμού, δομή επικεφαλίδων, τίτλος και γλώσσα σελίδας, κλείδωμα ζουμ, διπλά id, θετικές τιμές tabindex, ορόσημα.
Δεν ελέγχθηκαν: οτιδήποτε δημιουργείται μέσω JavaScript, η δυνατότητα χειρισμού με πληκτρολόγιο, η ορατή εστίαση, η σειρά εστίασης, η εκφώνηση αναγνώστη οθόνης, το περιεχόμενο πίσω από σύνδεση, οι υποσελίδες. Ο αυτόματος έλεγχος εντοπίζει περίπου το 20–35 % των παραβιάσεων WCAG — τα υπόλοιπα απαιτούν χειροκίνητο έλεγχο. Στιγμιότυπο, όχι νομική κρίση.
Τα widgets overlay (κουμπιά προσβασιμότητας που αλλάζουν αντίθεση ή γραμματοσειρά) δεν κάνουν έναν ιστότοπο συμμορφούμενο — τα εμπόδια που βρέθηκαν πρέπει να διορθωθούν στον πηγαίο κώδικα. Γιατί τα overlays δεν βοηθούν