Beispiele für kontrastreiche, sehbehinderte Stylesheets?

Für gute Praktiken sollten Sie lesen:

• Ссылка
• einige Beispiele hier Ссылка
• Ссылка Jakon Nielsen, Experte für Sehbehinderte

Sie müssen also nicht nur darüber nachdenken, wie die Website aussieht, sondern auch, wie die Bildschirmleser Ihre Inhalte lesen

Obwohl ich Ihnen für sehbehinderte Menschen nicht die Hand reichen kann, hier einige nützliche Dinge:

• Hier finden Sie eine Beispielwebsite mit alternativen Stylesheets .
• Hier ist ein tolles Tutorial, um mit alternierenden Stylesheets zu beginnen
• Wenn Sie Ihre Website entwickeln, verwenden Sie 'em', wenn Sie Breiten und Höhen angeben. Dies gilt umso mehr, wenn sehbehinderte Benutzer die Zoom-Funktion ihres Browsers verwenden. Es wird dazu beitragen, dass die Seite so aussieht, wie sie sollte, anstatt "px" -Messungen zu verwenden, die nicht fließen / die Größe ändern.
• Verwenden Sie das Attribut 'alt' für Bilder, da Screenreader diese den Benutzern vorlesen, damit sie verstehen können, was das Bild ist.
• Benennen Sie Ihre Links entsprechend. "Klicken Sie hier" Hyperlink Text sagt nicht jemand, was der Link zu geht. "Weitere Informationen zu sehbehinderten Designprozessen", wie es in einem verlinkten Text der Fall ist.
• Kontrastierender Text. Dunkler Text auf hellem oder weißem Hintergrund eignet sich am besten für die Lesbarkeit.

Alternativ können Sie auch Javascript verwenden. Hier ist eine Joomla-Seite mit einem Plugin zum Anpassen der Schriftgrößen .

Hier ist ein Online-Tool, mit dem Sie testen können, wie eine Farbkombination für sehbehinderte Menschen geeignet ist:

Ссылка

Es deckt einige "topias" ab und ist auch mit WCAG-Empfehlungen abgestimmt.

Auch eine schöne Liste anderer ähnlicher Tools:

Ссылка