CSS für Sehbehinderte?

Während ich HTML lernte, stieß ich auf CSS. Es ist interessant, weil Sie mit CSS eine Webseite cooler oder schöner machen können. Da es aber mehr um Farben, Designs, Stile usw. geht, kann ich die Ergebnisse meiner CSS-Codes nicht kennen. Warum sollte ich als Sehbehinderter CSS lernen, wenn sehende Menschen eine Webseite immer besser gestalten können als ich, weil sie sehen können?

1. Gibt es hier blinde Programmierer, die CSS schreiben? Wie hast du es gemacht?
2. Sollte ich CSS alle zusammen ignorieren und es sehenden Programmierern überlassen? Oder gibt es einige Dinge in CSS, die ich tun kann, ohne die Leute zu fragen, ob meine Seite ein gutes Design hat?

CSS ist eine allgemeine Stilsprache und enthält auch Eigenschaften für die akustische Markierung . Obwohl all dies nicht von gängigen Browsern implementiert wird, kann es für Screenreader nützlich sein (aber ich weiß nicht, ob dies implementiert wird, wenn man bedenkt, dass das akustische Markup in der Natur nicht üblich ist).

Als sehende Person schreibe ich CSS in einer engen Feedbackschleife, in der ich ein bisschen CSS ändere und dann beobachte, wie sich die Seite ändert. Wenn dieses Feedback nicht möglich oder sehr schwierig ist, müssen wir auf Designprinzipien zurückgreifen und hoffen, dass sie in Ordnung sind.

• Proportionen sind einfacher zu verwalten, wenn wir die Seite als Raster betrachten. Eine übliche Unterteilung besteht darin, die oberste Zeile für Navigation und Überschriften und die rechte Spalte für verwandte Inhalte zu verwenden. Die linke Spalte wird für den Hauptinhalt verwendet und ist ungefähr zwei- bis dreimal so breit wie die rechte Spalte. So werden die Stack Exchange-Sites ungefähr gerendert. In CSS kann dies mit display: tableund verwandten Darstellungsstilen von table-rowund table-celloder mit dem neueren Flexbox-Modell implementiert werden. Die genauen Verhältnisse sind überraschend unwichtig.

• Eine Seite sieht besser aus, wenn sie horizontal zentriert ist.

• Man muss nicht viele Farben verwenden: Es gibt eine Hintergrundfarbe (normalerweise etwas Helles und Ungesättigtes) und eine Textfarbe (normalerweise etwas Dunkles und Gesättigtes). Wir können den Helligkeitskontrast reduzieren, um Text wie Fußnoten, Bylines oder andere Details hervorzuheben. Die Verwendung des HSV-Farbmodells sollte dafür wesentlich einfacher sein als RGB. Es gibt eine Reihe von Farbpaletten, die verwendet werden können, wenn einfaches Grau zu langweilig ist. Farbe sollte verwendet werden, aber sparsam.

• Die Schriftgröße kann auch verwendet werden, um die Wichtigkeit anzuzeigen - Schritte von 2pt und nie unter 9pt erscheinen sinnvoll. Für normalen Text sollte eine Schriftgröße von 14 pt nicht überschritten werden. Schriftgröße und Kontrast des Texts entsprechen zusammen dem Sprachvolumen.

• CSS bietet nicht nur absolute Maßeinheiten wie pxoder, cmsondern auch relative Einheiten wie emund Schlüsselwörter wie thinoder medium. Die Verwendung relativer Messungen und dieser Schlüsselwörter ist oft einfacher.

• Der Text sollte nicht breiter sein als 40em.

• Browser werden mit Standard-Stylesheets geliefert. Sie sind nicht hübsch, aber Sie müssen nicht alles außer Kraft setzen. Die Wahl eines einfachen Webfonts und das Festlegen einer maximalen Breite für Textelemente sind die beiden wichtigsten Dinge. Das Schreiben von semantischem HTML ist wichtig, damit die Standardstile funktionieren.

Damit sollte es möglich sein, ein einfaches Blog oder ähnliches zu gestalten. Jedoch:

• Das Debuggen von Code ist schwierig, vor allem, wenn Sie nicht sehen können, was Sie tun. Ich bekomme die Dinge beim ersten Versuch nicht richtig. Aber woher weißt du überhaupt, wann die Dinge „richtig“ aussehen?

• Einige Dinge erfordern eine präzise Platzierung von Elementen, z. B. in einem Popup-Menü.

• Bilder und Symbole können einem Design viel Tiefe verleihen, die Auswahl fällt Ihnen jedoch schwer.

• Das CSS-Box-Modell ist schrecklich und oft schwer im Kopf zu simulieren.

Ich würde davon ausgehen, dass Sie ein bisschen CSS schreiben können, aber es wäre unglaublich frustrierend. Ich weiß nicht, welche unterstützenden Technologien es gibt, aber ich gehe davon aus, dass Sie durch taktiles Feedback ein allgemeines Layout entwerfen können. Vielleicht ist Pair-Programming mit jemandem mit Sehvermögen eine gute Lösung für kleinere Details?

Wenn Eşref Armağan malen kann , sollten blinde Menschen in der Lage sein, Webseiten zu erstellen. Angesichts der Schwierigkeit sollten Sie jedoch andere Programmierbereiche in Betracht ziehen. Ich habe mehr blinden Programmierer bekannt, sie waren hochwirksam, teilweise, weil sie benötigten das gesamte Programm im Auge zu allen Zeiten zu halten.