Was sind die besten Praktiken, um eine Website zugänglich zu machen?

Hier ist eine kurze Liste, der ich normalerweise folge

• Stellen Sie sicher, dass ein sauberes XHTML-Markup verwendet wird, das idealerweise den AAA-Standards entspricht
• Versuchen Sie wo möglich, HTML, CSS, Javascript in entsprechende Dateien zu verschütten,
• Erstellen Sie verschiedene Stylesheets für Druck, Bildschirm usw.,
• Stellen Sie sicher, dass Sie Farben und Schriftarten für Sehschwäche und Farbenblindheit in Betracht ziehen,
• Versuchen Sie, die Hauptnavigation nur am oberen Rand des Codes zu platzieren, damit der eigentliche Inhalt am oberen Rand des Codes angezeigt wird. Auf diese Weise müssen die Benutzer nicht weit scrollen, um den Inhalt zu sehen, besonders wenn sie einen Bildschirm verwenden Leser / geringe Auflösung,
• Wenn Sie vor dem Inhalt viel Navigation haben, dann platzieren Sie einen Link in der Nähe des oberen Bereichs, so dass Benutzer zum Inhalt
springen können
• Stellen Sie sicher, dass der allererste Link auf der Seite mit einer reinen Textversion der Website
verknüpft ist
• Stellen Sie sicher, dass ALLE Seiten und alle wesentlichen Funktionen funktionieren, ohne dass JavaScript aktiviert ist,
• Es gibt viele Plugins für Firefox zur Unterstützung bei der Entwicklung, einschließlich:
  • Webentwickler
  • Kein Skript
  • HTML-Validator
  • Firebug
• Stellen Sie sicher, dass die Seite in allen Browsern gerendert wird, einschließlich der alten, auch wenn dies bedeutet, dass sie nicht exakt mit dem Design übereinstimmt.
• Stellen Sie sicher, dass HTML, CSS und JavaScript auf der minimalen Dateigröße gehalten werden, um das Herunterladen von z. Entfernen Sie Leerzeichen und Leerzeilen,
• Verwenden Sie immer LABELS in Forms und alt, Titel-Tags in Links und Bildern,
• Verwenden Sie nur Tabellen für tabellarische Daten und stellen Sie sicher, dass die Daten entsprechend gekennzeichnet sind,
• Wenn möglich, verwenden Sie JavaScript nicht, um Inhalt auf eine Seite zu schreiben, aber verwenden Sie CSS, um es zu verbergen, so ist JavaScript deaktiviert oder funktioniert nicht richtig, dann wird Inhalt immer noch angezeigt,
• Stellen Sie immer sicher, dass Sie onkeypress sowie onclick-Ereignisse in JavaScript verwenden, da der Benutzer keine Maus verwenden kann / verwendet.

Schließlich, wenn Sie leere Bilder auf einer Seite zum Verfolgen usw. verwenden müssen, geben Sie ihnen keine Alt-Tags. Dies ist meine eigene Sichtweise und wird online heiß diskutiert, besonders wenn 1x1px-Bilder für den Abstand verwendet wurden. Wie auch immer ich es sehe, wenn Sie einen Bildschirmleser verwenden, dann tun Sie nicht, was er dumme Kommentare für Bilder ausgibt, die er nicht sehen muss.

Abhängig von Ihren Zielen gibt es viele verschiedene Ressourcen.

Schlage dringend vor, dass du mit:

• Abschnitt 508 (US-Gesetzgebung, offensichtlich US centric obwohl)

• W3Cs Web Accessibility Initiative und Zugänglichkeitsrichtlinien für Webinhalte

bearbeiten:

Ich habe vergessen zu erwähnen, dass die WCAG für beträchtliche Kritik eingetreten ist, was die Bemühungen dieses Typen sehr hilfreich macht.

Ich wollte auch aus eigener Erfahrung hinzufügen, dass WA nicht "blinde Menschen mit Bildschirmlesern" bedeutet. Es gibt alle möglichen Zugriffsbeschränkungen , an die Sie ebenfalls denken müssen: z. Geschicklichkeitsprobleme im Zusammenhang mit z.B. Muskelkontrolle, ungewöhnliche Eingabegeräte und einfache Bildschirmvergrößerung.

Viel Glück!

Sehen Sie sich den Wikipedia-Artikel auf Web Accessibility an. Es enthält viele Links zu verschiedenen Informationsquellen für verschiedene Länder, die je nach Ihrer Zielgruppe nützlich sein können. Das W3C war einer der ursprünglichen Standards, hat aber viele Kritiker.

Unter anderem ... stellen Sie für jedes "img" -Tag die Attribute "alt" und "title" zur Verfügung.

Erhalte einen Nur-Text-Browser wie lynx. Wenn Ihre Site in LYNX funktioniert, wird sie wahrscheinlich für Leute funktionieren, die Screenreader benötigen oder andere Handicaps haben. Es ist kein Ersatz für das Nachschlagen der Vorschriften, aber es ist eine schnelle und einfache Überprüfung.

Eine andere Perspektive finden Sie in den Webrichtlinien der niederländischen Regierung .

Die Regierung stellt einen Standard namens Abschnitt 508 bereit, der angibt, was eine Website kompatibel macht.

Eine gute Quelle finden Sie auf der W3C-Website: Richtlinien zur Barrierefreiheit von Web-Inhalten .

Ein paar Dinge zu beachten:

• haben auf jeder Seite einen CSS-Link, mit dem die Schriftgröße leicht geändert werden kann.

• Versuchen Sie visuell, eine geeignete Präsentation zu haben, die leicht in umgekehrter S-Richtung zu lesen ist. Von links nach rechts, zurück nach unten .. etc ..

• Stellen Sie sicher, dass alle alt-Tags usw., wie in den anderen Antworten erwähnt, unbedingt erforderlich sind.

• Sehen Sie nach, ob es einige Websites für Behinderte gibt, die sich auf das Testen Ihrer Website spezialisiert haben. Es schadet nicht, zu sehen, was sie als wichtig aufgelistet haben.

• stelle sicher, dass die Dinge leicht zu lesen und zu finden sind. Dies allein wird die Arbeit viel einfacher machen.

Es gibt viele viele Ressourcen zu diesem Thema. In der Tat besteht die Gefahr einer Informationsüberflutung und nicht zu wenig Information.

Aber ein alternativer Ansatz besteht darin, dass Sie Ihre HTML-Seite in generischen Begriffen betrachten und nicht auf die visuelle Ausgabe, die Sie im Webbrowser sehen. Wenn Sie eine Software geschrieben haben, die die Website interpretiert, was wäre hilfreich? Dies ist eine ungefähre Art zu sagen, gute Semantik zu verwenden. Meine besten Tipps wären die Verwendung von Standard-XHTML für Inhalte und CSS für das Design. Suchen Sie auch nach Themen wie "progressive Verbesserung" und "behaviorales Javascript".

Aber für Ressourcen:

• Die Web Accessibility Initiative des W3C: www.w3.org/wai
• www.WebAIM.org
• www.Accessify.com
• www.CSSZenGarden.com für Anregungen, wie semantisches Markup so gestaltet werden kann, dass es ganz anders aussieht.

Es wurde noch nicht erwähnt, also denke ich, ich würde es erwähnen. Wenn Sie möchten, dass blinde Benutzer Ihre Website verwenden können, vermeiden Sie Flash. Höchstens 1% Flash finde ich im Internet zugänglich.

Eine gute Liste von Ressourcen zur Barrierefreiheit (farbenfrohes Screenreader, Typografie usw.) ist hier im Design Weg. Zur Validierung der Website und der allgemeinen Dokumentation verwende ich das W3C .

Wenn Sie in asp.net entwickeln, könnte das opensource NAAK-Tool nützlich sein.

Ein Muss ist Jeffery Zeldmans "Entwerfen mit Webstandards"

Ich bin mir nicht sicher, ob Sie Dreamweaver verwenden, aber er hat auch gerade ein Toolkit veröffentlicht, um Ihre Site auf Barrierefreiheit zu überprüfen.