Warum ein Screenshot nicht ausreicht
Nicht aus einem geringeren Grund als der, der Diwall prägte – aus einem stärkeren Grund. Drei Dinge, die ein Bild verborgen hätte, und warum die von Dinoer gewählte Text-only-Ansicht eine eigene, eigentliche Schwäche aufweist, die eher ausgesprochen als ignoriert wird.
Einem Modell einen Screenshot zu zeigen, fühlt sich an, als würde man ihm Augen geben. Es kommt dem ähnlich, jemandem ein Foto von einem Raum zu geben und ihn zu bitten, die dritte Schublade zu öffnen. Dinoers Antwort war nicht, ein besseres Foto zu machen – sondern überhaupt keine Bilder mehr zu erstellen, in keinem Modus und aus keinem Grund.
Eins – was ein Element ist und wo es hingehört
Auf einem Screenshot sind ein Link und eine Schaltfläche, die identisch gestaltet sind, nicht zu unterscheiden. Ebenso sind eine deaktivierte Komponente und eine aktivierte Komponente nicht unterscheidbar, wenn das Design einen dezenten Grauton verwendet.
Die Seite kennt den Unterschied. link "Learn more" /url: https://… gibt an,
die Rolle und das Ziel – bevor etwas angeklickt wird. Keine Menge von
Pixelbetrachtungen kann das wiederherstellen. Das ist der Hauptgrund, warum Dinoer
Struktur liest und nicht rendert: Die Informationen, die ein Klick tatsächlich benötigt,
waren von Anfang an nie visuell vorhanden. Der Barrierefreiheitsbaum →
Zwei – Was ist auf der Seite enthalten, aber nicht gerendert?
Ein <dialog> befindet sich im Dokument und wurde noch nicht geöffnet. Seine Schaltflächen sind real und ansprechbar und für jeden, der von einem Bild ausgeht, unsichtbar. Ein zusammengeklapptes Menü enthält seine Links; ein Tab-Bereich enthält seinen Inhalt.
Das wird nicht dadurch gelöst, dass Text anstelle von Pixeln gelesen wird – es ist ein echtes, gemeinsames Problem. Die eigene Startseite dieser Website, während der Entwicklung, bewies dies anhand ihres eigenen Autors: ein natives <details> Menü war geschlossen, und der Accessibility-Baum meldete eine Gruppe ohne lesbaren Inhalt – das gleiche Fehlen, das ein Screenshot gezeigt hätte, nur kostengünstiger zu erstellen. Entscheidend ist, ob ein Element gerendert wird, nicht ob es in einer der beiden Darstellungen vorhanden ist, und keine der beiden hat eine visuelle oder textuelle Möglichkeit, den Unterschied selbstständig anzuzeigen.
Drei – ob das Ziel noch das Ziel ist
Ein Screenshot ist ein Momentaufnahme. Zwischen dem Zeitpunkt, zu dem sie erstellt wird, und dem Zeitpunkt, zu dem eine Aktion ausgeführt wird, kann ein Banner geschlossen werden, ein Modalfenster geöffnet werden oder eine Liste Zeilen gewinnen. Alles, was durch seine Position in diesem Moment identifiziert wird, hat sich stillschweigend verschoben – dies ist die häufigste Art und Weise, wie ein automatisierter Klick auf das falsche Element landet, während gleichzeitig ein Erfolg gemeldet wird.
Dinoer identifiziert niemals etwas anhand seiner Position – jede Aktion nennt einen CSS-Selektor, der nach Identität und nicht danach zielt, wo sich etwas auf einer Seite befindet, die zum Zeitpunkt des Klicks möglicherweise nicht mehr existiert. Das macht Selektoren zwar nicht immun gegen Veränderungen (ein Selektor kann auch nach einer DOM-Änderung ein anderes Element treffen), aber es eliminiert eine ganze Fehlerursache, die ein positionsbasierter Ansatz aufgrund seiner Konstruktion mit sich bringt.
Was gibt es also für Sie zu sehen?
Nichts, absichtlich.
Wenn Sie die Seite so sehen möchten, wie ein Mensch sie sehen würde, öffnen Sie sie – der gleiche, unveränderte Browser, den Dinoer verwendet, ist bereits auf dem Gerät installiert. Was Dinoer zurückgibt, ist keine verkleinerte Version eines Bildes; es ist eine andere Art von Antwort, die dazu dient zu entscheiden, was als Nächstes gelesen oder bearbeitet werden soll, und nicht zum Betrachten.
Kurz gesagt
- Rollen und Ziele haben keine visuelle Form – das ist der Hauptgrund, die Struktur zu lesen anstatt sie darzustellen.
- Was in einem Dokument vorhanden ist, ist nicht dasselbe wie das, was dargestellt wird, sei es in Text oder in einem Bild – eine echte gemeinsame Einschränkung, die durch den Wechsel zu Text nicht behoben wird.
- Selektoren zielen nach Identität und nicht nach Position – dadurch wird ein möglicher Fehlerfall beseitigt, der bei einer nummerierten Überlagerung auftreten könnte.
- Es gibt kein Bild, weder für das Modell noch für Sie. Öffnen Sie die Seite selbst, wenn Sie eines benötigen.