Closed sweckenmann closed 9 months ago
Wahrscheinlich nicht - aber man sollte es vielleicht anhand von mehreren Sites mal überprüfen, ob es doch Unterschiede gibt...
Vergleiche mal DevTools-Button-Ansicht (mobile Ansicht 320px in Chrome), mit der händischen Ansicht (Einstellung mit Scrollbalken auf Viewport-Breite 336px wie bislang beschrieben):
Erstes Fazit: je schlechter zugänglich und je mehr JavaScript-Gebastel, desto wahrscheinlicher, dass es im Vergleich der Ansichten (geringe) Unterschiede in Darstellung mit ggf. Auswirkungen auf Nutzung und Bewertung von PS wie 9.1.4.10 und ggf. auch anderen wie 9.2.1.1 gibt.
@detlevhfischer Warum 334px (nicht 336) - da ist doch gar kein Scrollbalken? Den Scrollbalken hatten wir ma früher mit einbezogen, als die Prüfüng über die Web Developer Toolbar (Resize Window oder Display Windwow Size (weiß nicht mehr) genacht wurde. Da erschien ein Scrollbalken. Aber in der Weise, wie es jetzt beschrieben wird, ist kein Scrollbalken zu sehen? Oder versteh ich da was nicht?
Wenn man 320px nimmt sehe ich keinen Unterschied? Wo genau? (Erbliche Netzhauterkrankung)
Edit: Sorry, nur bei der mobilen Navi gabs keinen Scrollbalken....
ich sehe auch keine nenneswerte Unterschiede beim Testen mit 320 px. man sollte nur bei "Bildschirmgröße Testen" "Berührungssimulation" deaktiviert halten (letztes Icon in der Leiste bei Firefox). Das aktivieren der Funktion gibt unterschiedliche Breiten des Consent-Banners bei Erbliche Netzhauterkrankung aus.
Ich teste schon seit Anbeginn des Erfolgskriteriums mit der Ansicht in Firefox (Die Öffnen-Möglichkeit über das Menü kannte ich noch nicht, ich habe immer die Schaltfläche in den Entwickler-Werkzeugen verwendet). Ich bin mit der Firefox-Umsetzung ganz zufrieden, habe bisher allerdings keine Vergleiche mit der Chrome-Ansicht mit breiten Entwickler-Werkzeugen gemacht.
Danke für ein paar Beispiele, Detlev. Ich habe mal die ersten beiden und das letzte ausprobiert. Bei den Netzhauterkrankungen habe ich keinen Unterschied bemerkt. Bei der Stadtreinigung Hamburg ist mir aufgefallen, dass im Fußbereich die E-Mail-Adresse nachhaltigkeit@stadtreinigung.hamburg.de im Firefox mit einem Bindestrich dargestellt wird, im Chrome dagegen nicht. Die über body
vererbte CSS-Eigenschaft hyphens:auto
wird wohl von beiden Browsern unterschiedlich umgesetzt. Und die Scrollbalken, die bei Zara auftauchen, werden auch von verschiedenen Browsern generell unterschiedlich dargestellt.
Aus meiner Sicht scheint keine der beiden Möglichkeiten schlechter oder besser geeignet sein als die andere. Kleinere Details scheinen mir mit der Umsetzung in den Browsern zu tun zu haben, wobei das auch in der Desktop-Ansicht zu kleinen Unterschieden führen kann.
@weckenmann Sollen wir dann die Prüf-Alternativen drin lassen und die Prüfung über DevTools / Mobile Ansicht (da am einfachsten) hinzufügen und an die erste Stelle setzen?
@detlevhfischer Ja, stimme zu.
Ist so umgesetzt. Ich schließe dieses Issue. Bei Bedarf wieder öffnen.
Spricht etwas dagegen, statt:
mit dem Browser-Werkzeug zu testen:
Firefox: Extras > Browser-Werkzeuge > Bildschrim-Größe testen > 320 im entsprechenden Formularfeld für die Bildschirm-Breite eingeben.
Ich würde dann die Prüfanleitung anpassen.