Die nachfolgenden Gestaltungsregeln beziehen sich primär auf die Bedürfnisse sehbehinderter Menschen. Die eingeschränkte visuelle Aufnahme von Inhalten sollte durch eine einfache und klare Darstellung ausgeglichen werden. Im Anschluss sind die Bereiche Layout, Bilder, Farben und Schrift beschrieben, da sie den Hauptbestandteil der Gestaltungselemente abdecken.

Beim Layout ist es wichtig, die Anpassung der Seiten auch für kleinere Bildschirmauflösungen zu optimieren, da besonderes ältere und sehbehinderte Menschen die Auflösung oftmals auf 800x600 Pixel einstellen, um eine vergrößerte Darstellung zu erhalten.

Neben der Auflösung ist der Aufbau des Layouts bei einem barrierefreien Auftritt besonders zu beachten. Die Struktur sollte einfach und übersichtlich sein, sowie auch in Teilbereichen deutlich zu erkennen. D. h. dass beispielsweise der Inhaltsbereich auch ohne Navigationselemente und Informationen am Seitenrand problemlos überblickt und zugeordnet werden kann.

Die Nutzer von Screen Readern und anderen Ausgabegeräten, welche speziell an die Bedürfnisse sehbehinderter Menschen angepasst sind, haben in der Regel keine Möglichkeit eine Grafik oder ein Bild zu betrachten. Daher muss für jede Grafik bzw. jedes Bild ein Alternativtext angegeben werden.

Die grafische Darstellung von Text sollte man weitestgehend vermeiden und nur für bestimmte Effekte wie beispielsweise Schriften und Logos verwenden.

Durch den reduzierten Einsatz von Bildern und Multimediaelementen wird die Dateigröße erheblich reduziert und so auch die Ladezeit verkürzt. Dies kommt insbesondere Nutzern eines mobilen Ausgabegeräts, wie PDA oder Handy zu Gute.

Farben sollten nicht als einziges Unterscheidungsmerkmal zwischen Teilbereichen einer Seite oder innerhalb eines Inhalts verwendet werden, da dies bei farbfehlsichtigen Menschen zu Problemen führen kann.  

Kritische Farbkombinationen in diesem Zusammenhang sind:

• Grün auf Rot bzw. Rot auf Grün
• Farben mit geringem Kontrast

Empfohlene Farbkombinationen für eine barrierefreie Gestaltung sind:

• Schwarz auf Weiß oder Weiß auf Schwarz
• Gelb auf Blau
• Weiß auf Rot
• Blau auf Weiß
• Große weiße Flächen sollten grundsätzlich vermieden werden, da diese einen Blendeffekt hervorrufen. Die Hintergründe sollten daher durch einen helles Grau abgetönt werden.

Die Standardeinstellung der Schrifteigenschaften bei einer barrierefreien Seite sollte bereits ein gut erkennbares Schriftbild gewährleisten. Wichtig ist hierbei vor Allem der Schrifttyp, die Schriftfarbe, der Hintergrund der Schrift und die Schriftgröße. Bei den Funktionalitäten hat die variable Einstellung der Schriftgröße eine Schlüsselfunktion. Die Schriftgröße sollte dabei, wie auf diesem Internetportal, durch halten der „Strg“-Taste und drehen des Scrollrads an der Maus bzw. durch die Einstellungen im Browsermenü zu verändern sein.