Websites für sehbehinderte Menschen zugänglich machen?

Question

Kann mir jemand ein paar Tipps geben oder mir ein paar gute Links dazu vermitteln?

Ich habe Probleme, viel mehr zu finden als „Alternativtext zu den Bildern hinzufügen“ und bin mir nicht sicher, wie aktuell die Informationen sind ...

Ich verstehe die ganze Sache mit dem semantischen Markup, könnte aber wahrscheinlich auch etwas mehr Anleitung dazu gebrauchen.

Ich bin mir auch nicht sicher, wie die Dinge in verschiedenen Browsern funktionieren würden....

Danke!

Answer 1

1) HTML verwenden die Überschriften-Tags für jeden einzelnen Abschnitt der Inhalte auf Ihren Seiten. Die Überschriften-Tags sind: h1, h2, h3, h4, h5, h6

2) Sicherstellen, dass die vor genannten Überschriften-Tags mit der richtigen heirarchal Sequenz existieren. Zum Beispiel h1-Tags sind wichtig als h2-Tags. Screen-Reader verwenden, um diese Überschriften-Tags, den Inhalt der Seite zu navigieren. Wenn sie präsentieren nicht oder nicht ordnungsgemäß ein sehbehinderte Benutzer bestellt werden, kann nicht der Inhalt der Seite navigieren.

3) Verwenden Sie JavaScript nicht dynamisch auf dem Bildschirm, um den Inhalt zu ändern, ohne zuerst den Benutzer auffordert, den Text ändern wird. Wenn JavaScript ändert Text auf dem Bildschirm vor einem Screenreader den Inhalt lesen kann, gibt es keine Möglichkeit einen sehbehinderte Benutzer, dass der Inhalt geändert wurde wissen kann.

4) Haben den Benutzer ein 1000 Bilder nicht dienen. Wenn ein Bild, um es nicht relevante Inhalte vermittelt dann macht ein CSS-Hintergrundbild.

5) Seien Sie mit dem Titel Attribute, vor allem auf Anker-Tags gnädig. Dies kann dem Benutzer sagen, wo sie sind, zu gehen.

6) Legen Sie Text auf einem Bild nicht, die nicht als alternativer Inhalt vermittelt werden kann. Die sehbehinderte Bilder nicht lesen.

7) Stellen Sie sicher, alle Ihre Meta-Daten relevant. Wenn Sie alle Ihre Inhalte sicher sein, ändern Sie die zusätzlichen Bits von beschreibenden Daten nicht zu vergessen.

8) AJAX besiegt Zugänglichkeit. Seien Sie freundlich mit der Nutzung von AJAX.

9) Der sehbehinderte und eigentlich fast alle visuellen Benutzer, egal, wie hübsch Ihre Seiten sind. Sie sind dort Informationen, Geschäft zu bekommen, oder was auch immer anderer bestimmter Zweck. Machen Sie Ihre Daten leicht zu verstehen und schnell abzurufen. Wenn ein Benutzer kann nicht in erhalten, bekommen, was sie wollten, und dann in Rekordzeit aus werden sie nicht immer wieder kommen.

10) Verwenden Sie keine Präsentation Tags oder Präsentation Attribute in Ihrem HTML. Verwenden Sie ein Stylesheet. Wenn Sie Ihre HTML-Präsentation Konventionen enthält, werden sie wahrscheinlich nicht Accessibile.

11) Wenn Ihr Inhalt in einer anderen Reihenfolge existiert visuell als, wie es in der HTML geschrieben ist, von oben nach unten, es nicht wahrscheinlich Zugänglichkeit. Halten Sie die Dinge ordentlich und konsequent. Nutzer erwarten Inhalte von oben nach unten zu fließen und für Registerkarte Indizierung des Fluss von Inhalt zu folgen.

12) Sie Usability-Tests mit Screenreader-Software. Es ist nicht möglich zu wissen, wie zugänglich eine Seite ist, indem Sie sich.

Answer 2

Ich bin mir völlig blind, und Sie würden staunen, wie viel Material noch nicht alt hat Attribute auf sie nach all den Jahren ... Seien Sie vorsichtig, es gibt immer noch viele Mythen gibt, wie keine erlaubt Grafiken (falsch), talbes sind schlecht (falsch) und Rahmen sind schlecht (falsch, obwohl ich Frames erkennen, aus anderen Gründen schlecht sind.) Im Idealfall sollten Sie jemanden haben, der blind Test Ihrer Website ist, wenn Sie an dieses Gefühl weiter Hilfe benötigen frei, mit mir westbchris@gmail.com E-Mail. Eine andere Sache, versuchen Kontrollen zu machen, die tatsächlich Dinge Tasten und / oder Links tun. Klickbare divs ist nicht cool, weil es nicht offensichtlich ist, dass sie alles tun, und je nachdem, welche unterstützende Technologie Sie verwenden können Sie nicht einmal in der Lage sein, auf sie zu klicken.

Answer 3

Schauen Sie sich diese Erklärung von Alertbox an:

Behinderte Benutzer und das Web (Der Artikel stammt aus dem Jahr 1996 ... aber die Probleme gelten immer noch, wenn nicht sogar noch heute)

...dann folgen Sie dem Link unten zum 148-seitigen Bericht mit Design-Richtlinien (das Dokument ist seit 2001 urheberrechtlich geschützt und muss daher seit dem Original aktualisiert worden sein).

Answer 4

Der Begriff hierfür ist Zugänglichkeit. Werfen Sie einen Blick auf die W3C WAI Webseite . Ich habe immer gefunden Juicy Studio eine unschätzbare Ressource für Artikel zu diskutieren Zugänglichkeit.

Answer 5

Es gibt in ausführlichen Definitionen, die nur schwer zu beherrschen und zu implementieren. Beispiele hierfür sind Web Content Accessibility Guidelines (WCAG) und Section 508 .

Ein kleiner als offizieller Vorschlag ist, Ihre Website einfach zu navigieren mit einem Text-Browser zu machen. Verlassen Sie sich nicht auf Farben oder Struktur Inhalt zu vermitteln. Nicht für wichtige Funktionalität auf Widgets verlassen.

Bearbeiten : Ich dachte, ich möchte hinzufügen, dass Sie sich nicht die Mühe sollten Sie Ihre Website mit JAWS oder einem anderen Screenreader testen. Ihre Unfähigkeit, eine Website zu navigieren wäre in Bezug auf Ihre Unerfahrenheit mit dem Screenreader statt der Unzugänglichkeit des Geländes. Das heißt, eine Probe Ihrer Zielgruppe testen Sie Ihre Website mit für die Benutzerfreundlichkeit sehr vorteilhaft ist.

EDIT # 2: Wie in den Kommentaren diskutiert wird, wollte ich vermitteln, dass Sie keine Urteile auf Usability der Website basierend auf Ihren Erfahrungen mit einem Screenreader machen sollten. Das heißt, würde ich empfehlen, dass jemand in Web-Entwicklung haben Kontakt mit dem Browser / Ausrüstung anzuzeigen Websites einschließlich Screen-Reader verwendet. Es war eine schlechte Formulierung im Original bearbeiten.

Answer 6

Nun, es sieht aus wie niemand WAI erwähnt ARIA was für die Accessible Rich Internet Applications. IE macht Dinge wie gmail zugänglich. Und eine anständige Suchbegriffs Dinge zu finden, wie diese rel="nofollow">. Schon ziemlich unterstützt.