CSS-Überschreibungen können das Standardaussehen fast alles ändern.
- Sie können CSS verwenden, um das Aussehen von Checkboxen oder Radio-Buttons zu überschreiben, aber wenn Sie es nicht tun, sieht die Checkbox wie eine Standard-Checkbox auf Ihrem Betriebssystem aus, und einige würden sagen, das sei das Beste für Barrierefreiheit und Benutzerfreundlichkeit.
- Sie können CSS verwenden, um das Aussehen eines Auswahlelements zu überschreiben, aber wenn Sie es nicht tun, sieht das Auswahlelement wie ein Standard-Auswahlelement auf Ihrem Betriebssystem aus, und einige würden sagen, das sei das Beste für Barrierefreiheit und Benutzerfreundlichkeit.
- Sie können das Aussehen von Ankerlinks überschreiben, aber einige würden sagen, sie sollten blau mit Unterstreichungen sein, weil das der Standard ist und das Beste für Barrierefreiheit und Benutzerfreundlichkeit ist.
- Sie können das Aussehen von Scrollbars überschreiben, aber wenn Sie es nicht tun, sehen die Scrollbars (und verhalten sich) so, wie Standard-Scrollbars auf Ihrem Betriebssystem aussehen (und sich verhalten), und einige würden sagen, das sei das Beste für Barrierefreiheit und Benutzerfreundlichkeit.
Es geht immer weiter und weiter...
- Sie können das Aussehen eines Buttons anpassen, aber...
- Sie können das Aussehen des Cursors anpassen, oder bestimmter Elemente auf Ihrer Website, aber...
- Sie können die Text-Hervorhebungsfarbe ändern, Sie können die Akzentfarbe ändern, ehrlich gesagt, bald können Sie anpassen, wie Rechtschreib- und Grammatikfehler in bearbeitbaren Textfeldern aussehen, aber...
Wo ziehen Sie die Grenze?
Meiner Erfahrung nach hat jeder eine andere Grenze. Fast jeder gestaltet seine Buttons. Fast jeder gestaltet seine Links, aber manche passen vielleicht nur den Blauton an und lassen die Unterstreichung, und ziehen damit die Grenze bei aufwendigeren Änderungen. Es ist ziemlich beliebt, Formularelemente wie Checkboxen, Radio-Buttons und Auswahlelemente zu gestalten, aber manche Leute ziehen die Grenze davor.
Manche Leute ziehen eine Grenze und sagen, man sollte niemals einen Standard-Cursor ändern, manche schieben diese Grenze zurück, um den Cursor zu einem Zeiger für erstellte interaktive Elemente zu machen, manche schieben diese Grenze so weit, dass sie mit benutzerdefinierten Bildern als Cursors einverstanden sind. Manche Leute ziehen die Grenze bei Scrollbars und sagen, sie sollten niemals angepasst werden, während manche Leute aufwendige Designs implementieren.
CSS ist eine Sprache zur Änderung des Designs von Websites. Jede Regelsatz, den Sie schreiben, ändert wahrscheinlich die Standards von etwas. Die Grenzen sind relativ verschwommen, aber ich würde sagen, es gibt nichts in CSS, das gänzlich verboten werden sollte – es geht mehr um die Styling-Entscheidungen, die Sie treffen. Wenn Sie also etwas gestalten, sollte es benutzerfreundlich und zugänglich bleiben. Ehrlich gesagt, background-color kann furchtbar missbraucht werden und Bereiche einer Website unzugänglich und unbenutzbar machen, aber niemand regt sich darüber auf.
Mich würde interessieren, was diesen Beitrag ausgelöst hat, wer sich aufgeregt hat und worüber?
Es ist als allgemeine Beobachtung gedacht. Ich habe in der Vergangenheit schon Gegenwind bei all dem erlebt.
Hier zum Beispiel Eric Bailey (ich glaube, er hat hier Recht, für das Protokoll) darüber, warum man einen Cursor nicht anpassen sollte
https://ericwbailey.design/writing/dont-use-custom-css-mouse-cursors/
Persönlich habe ich eine TONNE von Kritik dafür bekommen, Scrollbars anzupassen.
Ich habe im Laufe der Jahre viel Gegenwind bezüglich der Anpassung von Formularelementen gesehen.
Das sollten sie definitiv! Ich denke, für neue Erfahrungen und im Zeitalter von NFTs und digitaler Kunst sollten wir in der Lage sein, die Stile jedes Pixels des Browserfensters anzupassen. Zumindest wäre es sehr unterhaltsam!
Alles sollte anpassbar sein.
UA-Entwickler sind Menschen wie wir und sie tun Dinge wie jeder andere auch (hallo Firefox-Team, nette Scrollbars, die ihr da habt).
Daher sollte alles anpassbar sein
Leider sind die Standardeinstellungen nicht immer die besten für Barrierefreiheit und Benutzerfreundlichkeit. Ein Beispiel dafür kann der Fokus-Zustand sein, manche Browser haben einen schlechten Kontrast, auch wenn Sie einen weißen Hintergrund verwenden.
Ich stimme dem zu. Außerdem, wenn sich alle Browser zusammensetzen und all ihre Standardeinstellungen KONSISTENT machen würden, dann wären wir vielleicht ein wenig weniger geneigt, einige dieser Dinge zu gestalten.
Zum Beispiel ist mir die schönste Radio-Buttons und Checkboxen nicht so wichtig, aber wenn sie in allen Browsern gleich aussehen würden, dann müsste ich nicht die Art und Weise ändern, wie sie in manchen Browsern und nicht in anderen aussehen, zum Beispiel. Und ja, fangen Sie gar nicht erst mit Fokus-Zuständen an; sie sind für manche Browser furchtbar, man kann sie kaum sehen, selbst wenn man sie sucht.
Es kostet auch Zeit, sie zu implementieren und zu warten.
Amen. Große Macht bedeutet große Verantwortung. Passen Sie es nach den besten Praktiken für Barrierefreiheit und Benutzerfreundlichkeit an, und alles wird in Ordnung sein.
(Kontext: Ich beziehe mich auf die Untermenge von Webseiten, die sich auf Text mit einigen Bildern konzentrieren)
Meine persönliche Regel bei der Änderung von Standards ist, diese Hierarchie zu befolgen
Barrierefreiheit
Mobilfreundlich
Persönliche Vorlieben
Es gibt eine gewisse Überschneidung zwischen den ersten beiden Elementen. Ich versuche, ein begrenztes Budget für „persönliche Vorlieben“ einzuplanen, da ich möchte, dass Benutzer ihre Browser-Standardeinstellungen ohne Unterbrechungen anpassen können. Browser lassen Benutzer die Standard-Stylesheets ändern (insbesondere die Farben und Schriftarten), und ich ziehe es vor, dass meine Websites diesen Präferenzen entsprechen, anstatt aufzufallen (wenn möglich).