Sollte ich JavaScript, JQuery, Flash, Ajax, Silverlight vermeiden, wenn ich meine Site Cross -Plattform kompatibel und Bildschirmleser kompatibel machen möchte?

StackOverflow https://stackoverflow.com/questions/1871920

Frage

Sollte ich JavaScript, JQuery, Flash, Ajax, Silverlight vermeiden, wenn ich meine Site Cross -Plattform kompatibel (PC, iPhone Andere Handys, PDA) und zugänglich (Bildschirmleser kompatibel) machen möchte?

Sollte ich nur XHTML -CSS mit Server -Seitensprache für eine breitere Zugänglichkeit verwenden?

Und für PC PR MAC habe ich alles für Firefox zuerst gemacht. Für Mobile welchen Browser soll ich wählen?

War es hilfreich?

Lösung

Flash und Silverlight sind auf dem iPhone und einigen anderen mobilen Geräten nicht verfügbar. JQuery unterstützt Bildschirmleser Zugänglichkeit, scheint aber nicht auf den meisten mobilen Geräten als dem iPhone verfügbar zu sein.

Andere Tipps

Nein, aber biete ihnen als an als Progressive Verbesserungen oder anmutige Verschlechterung anbieten.

Sie können diese Technologien verwenden, müssen jedoch klug sein, und Sie können nicht einfach die Zugänglichkeit für technologische Sandbags verallgemeinern.

Wenn Sie sich für eine Website entwickeln, benötigen Sie #1 Tool, das Sie benötigen, das Firefox Developer Toolbar Add-On. Im Menü "Tools" befindet sich eine Auswahl "Validate Section 508" (eine Reihe von Richtlinien für die Zugänglichkeit). Dies ist eine schnelle, schmutzige Möglichkeit, eine Wäscheliste von "Was ist kaputt" auf Ihrer Website zu erhalten, die sich auf die Barrierefreiheit beziehen.

Darüber hinaus gibt es zahlreiche Ressourcen im Web mit spezifischen Ratschlägen zum Entwerfen von Barrierefreiheit. Es ist fast eine völlig robuste Unterdisziplin für sich. Das meiste hat mit der Bereitstellung von gut geformtem HTML zu tun. (Angemessener und nützlicher ALT -Text für Bilder, Entwerfen mit Farben, die einen angemessenen Kontrast bieten, Farbblindheit und Verwendung von Tabellenbeschreibungen verwenden, die Site durch Tastatur (keine Maus), korrekte Beschreibungen auf Formularfeldern usw. navigieren lassen.)

Jetzt; Trinken Sie tief aus der Feuerehose des Wissens. . . . Hier finden Sie eine Liste von Ressourcen: Implementierung von Webstandards der Bundal Accessibility (1194.22)

(a) Ein Textäquivalent für jedes Nicht-Text-Element muss bereitgestellt werden (z. B. über "Alt", "longdesc" oder in Elementinhalt).http://www.access-board.gov/sec508/guide/1194.22.htm#(a)

http://www.jimthatcher.com/webcourse2.htm

Verwandte Informationen

Erstellen zugänglicher Grafiken (Webaim)http://www.webaim.org/techniques/images/

Angemessene Verwendung alternativer Texthttp://www.webaim.org/techniques/alttext/

Beschreibung von Abbildungen, Diagrammen, Karten, Tabellen, Diagrammen und Diagrammenhttp://www.w3.org/2000/08/nba-manual/overview.html

Richtlinien zu Alt -Texten in IMG -Elementenhttp://www.cs.tut.fi/~jkorpela/html/alt.html

Beispiel für D Linkhttp://www.consideration.org/technology/accessexamples/dlinksample.html(b) Äquivalente Alternativen für jede Multimedia -Präsentation müssen mit der Präsentation synchronisiert werden.http://www.access-board.gov/sec508/guide/1194.22.htm#(b)

http://www.jimthatcher.com/webcourse6.htm

Verwandte Informationen

Bildunterschrift für das Web (Webaim)http://www.webaim.org/techniques/captions/(Enthält Tutorials zum Bildunterschriften in QuickTime, Windows Media, Realplayer und Magpie)

Bildunterschrift Ressourcenlistehttp://webaim.org/resources/captioning/Magpie (NCAM)http://ncam.wgbh.org/webaccess/magpie/Synchronisierte Multimedia: lächeln (W3C)http://www.w3.org/audiovideo/Zugänglichkeitsfunktionen von Smil (W3C)http://www.w3.org/tr/smil-access/

Erstellen von zugänglichem Flash (Webaim)http://www.webaim.org/techniques/flash/

Zugänglichkeitstechniken für Flash (Makromedia)http://www.adobe.com/accessibility/products/flash/(c) Webseiten müssen so gestaltet werden, dass alle mit Farbe übertragenen Informationen auch ohne Farbe verfügbar sind, z. B. aus Kontext oder Markup.http://www.access-board.gov/sec508/guide/1194.22.htm#(c)

http://www.jimthatcher.com/webcourse7.htm

Verwandte Informationen effektiver Farbkontrasthttp://www.lighthouse.org/color_contrast.htm

Visscheckhttp://www.vischeck.com/vischeck/Barrierefreie Präsentation, die mit farbigen Menschen freundlich isthttp://jfly.iam.u-tokyo.ac.jp/html/color_blind/Visuelle Behinderungenhttp://www.webaim.org/articles/visual/colorblind.php

(d) Dokumente müssen so organisiert werden, dass sie ohne ein zugehöriges Stilblatt lesbar sind.http://www.access-board.gov/sec508/guide/1194.22.htm#(d)

http://www.jimthatcher.com/webcourseb.htm

Verwandte Informationen

Zugänglichkeitsfunktionen von CSS (W3C)http://www.w3.org/tr/css-access

Cascading Style Sheets (W3C) http://www.w3.org/style/css/

CSS Validator (W3C)http://jigsaw.w3.org/css-validator/

(e) Für jede aktive Region einer serverseitigen Bildkarte müssen redundante Textverbindungen bereitgestellt werden. (f) clientseitige Bildkarten müssen anstelle von serverseitigen Bildkarten bereitgestellt werden, außer wenn die Regionen nicht mit einer verfügbaren geometrischen Form definiert werden können.http://www.access-board.gov/sec508/guide/1194.22.htm#(E)) http://www.access-board.gov/sec508/guide/1194.22.htm#(f) http://www.jimthatcher.com/webcourse5.htm(g) Zeilen- und Spaltenüberschriften müssen für Datentabellen identifiziert werden. (h) Markup muss verwendet werden, um Datenzellen und Headerzellen für Datentabellen zu assoziieren, die zwei oder mehr logische Zeilen- oder Säulenheader aufweisen.http://www.access-board.gov/sec508/guide/1194.22.htm#(g) http://www.jimthatcher.com/webcourse9.htmVerwandte Informationen, wie Sie zugängliche Tabellen erstellen (Webaim)http://www.webaim.org/techniques/tables/

Zugangstabierbauer (Accessify)http://accessify.com/tools-and-wizards/accessibility-tools/table-builder/Ein Tool, mit dem Sie ausgewählt werden können, welche Tabelleneigenschaften Sie möchten, wie viele Zeilen und Spalten, und sich um das Aufschlag von Barrierefreiheit für Sie kümmern.

(i) Frames müssen mit Text betrieben werden, der die Rahmenidentifikation und -navigation erleichtert.http://www.access-board.gov/sec508/guide/1194.22.htm#(i) http://www.jimthatcher.com/webcourse4.htmVerwandte Informationen So erstellen Sie zugängliche Frameshttp://www.webaim.org/techniques/frames/(j) Seiten müssen ausgelegt sein, um zu vermeiden, dass der Bildschirm mit einer Frequenz von mehr als 2 Hz und weniger als 55 Hz flackert.http://www.access-board.gov/sec508/guide/1194.22.htm#(j) http://www.jimthatcher.com/webcourse7.htm(k) Eine Nur-Text-Seite mit gleichwertigen Informationen oder Funktionen ist bereitzustellen, um eine Website zu erstellen, die den Bestimmungen dieser Standards entspricht, wenn die Einhaltung nicht auf andere Weise erreicht werden kann. Der Inhalt der Seite nur für Text wird aktualisiert, wenn sich die Primärseite ändert.http://www.access-board.gov/sec508/guide/1194.22.htm#(k) http://www.jimthatcher.com/webcourse7.htm(l) Wenn Seiten Skriptsprachen verwenden, um Inhalte anzuzeigen oder Schnittstellenelemente zu erstellen, müssen die vom Skript bereitgestellten Informationen mit funktionalem Text identifiziert werden, der durch assistive Technologie gelesen werden kann.http://www.access-board.gov/sec508/guide/1194.22.htm#(l) http://www.jimthatcher.com/webcoursea.htmVerwandte Informationen Erstellen von zugänglichem JavaScript (Webaim)http://www.webaim.org/techniques/javascript/Tastaturzugriffsbarkeit (Webaim) http://www.webaim.org/techniques/keyboard/JavaScript -Zugänglichkeitsprobleme (Trace Center)http://trace.wisc.edu/world/java/jseval.htmSkripte (IBM)http://www-03.ibm.com/able/guidelines/web/webscripts.html(m) Wenn im Client-System ein Applet, ein Plug-In oder eine andere Anwendung vorhanden ist, um Seiteninhalte zu interpretieren, muss die Seite einen Link zu einem Plug-In oder Applet angeben, das §1194.21 (a) entspricht. durch (l).http://www.access-board.gov/sec508/guide/1194.22.htm#(M)

Softwareanwendungen und Betriebssysteme (1194.21)http://www.access-board.gov/sec508/guide/1194.21.htm

Verwandte Informationen:

Java Barrierefreiheit (IBM)http://www-03.ibm.com/able/guidelines/java/accessjava.html

Sun Microsystems Barrierefreiheitsprogrammhttp://www.sun.com/access/index.html(n) Wenn elektronische Formulare online ausgefüllt werden sollen, ermöglicht das Formular Menschen, die Hilfstechnologie verwenden, um auf die Informationen, Feldelemente und Funktionen zuzugreifen, die für die Ausführung und Einreichung des Formulars erforderlich sind, einschließlich aller Richtungen und Hinweise.http://www.access-board.gov/sec508/guide/1194.22.htm#(n) http://www.jimthatcher.com/webcourse8.htm Verwandte Informationen, wie Sie zugängliche Formulare erstellen (Webaim) http://www.webaim.org/techniques/forms/Zugängliche HTML/XHTML -Formulare (Accessify.com)http://www.accessify.com/features/tutorials/forms/Mehrere Eingabefelchungsfelder (Accessify.com)http://www.accessify.com/features/tutorials/multiple-inputs/Schnellformular Builder (Accessify.com)http://www.accessify.com/tools-and-wizards/accessibility-tools/quick-form-for-form-builder/ Mit diesem Tool können Sie Formulare mit dem erforderlichen HTML-Aufschlag für die Zugänglichkeit erstellen.

(o) Es muss eine Methode bereitgestellt werden, mit der Benutzer sich wiederholende Navigationsverbindungen überspringen können.http://www.access-board.gov/sec508/guide/1194.22.htm#(o) http://www.jimthatcher.com/webcourse4.htmVerwandte Informationen

Navigationslinks überspringen (Webaim)http://www.webaim.org/techniques/skipnav/

Navigationslinks überspringen (Jim Thatcher.com)http://www.jimthatcher.com/skipnav.htm(p) Wenn eine zeitgesteuerte Antwort erforderlich ist, muss der Benutzer alarmiert und genügend Zeit gegeben, um anzuzeigen, dass mehr Zeit erforderlich ist.http://www.access-board.gov/sec508/guide/1194.22.htm#(p) http://www.jimthatcher.com/webcourse7.htm

Weitere Informationen zum Erstellen von Websites und Inhalten zugänglicher W3C Web Accessibility Initiative Ressourcen http://www.w3.org/wai/resources/Erstellen von Bildungssoftware- und Websites zugänglichen Designrichtlinien wie Mathematik- und Naturwissenschaftslösungen zugänglichhttp://ncam.wgbh.org/cdrom/guideline/508 Universum (beinhaltet einen Kurs zum Entwerfen zugänglicher Websites)http://www.section508.gov/index.cfm?fuseaction=Content&id=5Zugänglichkeitstools und Assistentenhttp://www.accessify.com/tools-and-wizards/

Testen von Websites für Barrierefreiheitstests für die Einhaltung der Zugänglichkeitsbetreuung nach Abschnitt 508 des Rehabilitation Act von 1973 (Bildungsministerium)http://www.ed.gov/policy/gen/guid/assistesting.html

508 Checkliste (Webaim)http://www.webaim.org/standards/508/checklist

Bewertung von Websites für Barrierefreiheit (W3C)http://www.w3.org/wai/eval/

Kostenlose Testwerkzeuge Die Wellehttp://www.wave.webaim.org/

Internet -Toolbarei (Internet Explorer)http://www.paciellogroup.com/resources/wat-ie-about.html

Webentwickler -Symbolleiste (Firefox)http://chripsederick.com/work/web-developer/

Weitere Informationen zum Programm zur Unterstützung des Bildungsministeriums finden Sie unter: Bitte besuchen Sie:http://www.ed.gov/policy/gen/guid/assistivetech.htmlDie in diesem Dokument verwiesenen Links umfassen diejenigen, die von anderen öffentlichen und privaten Organisationen erstellt und verwaltet werden und für die Bequemlichkeit des Benutzers bereitgestellt werden. Das US -Bildungsministerium kontrolliert oder garantiert nicht die Richtigkeit, Relevanz, Aktualität oder Vollständigkeit von Informationen aus diesen Quellen. Darüber hinaus soll die Einbeziehung von Links in dieses Dokument ihre Bedeutung nicht widerspiegeln, und es ist auch nicht beabsichtigt, Ansichten oder Produkte oder Dienstleistungen oder die Organisationen zu unterstützen, die die Websites sponsern. Zuletzt aktualisiert am 17. Juli 2009

Nein, mit Anmeldung Sie erstellen die Website so, dass sie ohne JavaScript funktioniert, und setzen eine Ebene dynamisches Verhaltens darüber.

Besonders JQuery ist damit gut.

Dinge wie Silverlight können Probleme geben, aber solange es kein wesentlicher Bestandteil der Seite ist, sollte es kein Problem geben.

Ich bin allgemein, Sie müssen diese Technologien nicht vermeiden, wenn Sie mehrere Produktionsziele haben möchten. Es muss jedoch mehr Vorsicht geboten werden, um traditionellere Methoden zur Erstellung der gleichen Funktionalität bereitzustellen. Mit anderen Worten, Sie müssen sich anmutig verschlechtern.

Nur eine Meinung,

Für Mobile welchen Browser soll ich wählen?

Ich habe viel Telefon gesehen, das hat Opera Mobile Browser, Bitte versuchen Sie, auch mit Opera kompatibel zu machen.

Mein Rat wäre, eine grundlegende Site ohne schicke Dinge (JavaScript, Blitz usw.) zu erstellen und diese Site auf jedem Gerät perfekt zugänglich zu machen.

Wenn die Benutzererfahrung aufgrund der schickeren Technologie auf bestimmten Plattformen wirklich verbessert werden kann, erstellen Sie diese zusätzlich zu Ihrer grundlegenden Website und stellen Sie einfach sicher, wer auf Ihre Website zugreift und wie, und servieren Sie ihnen die richtige Version.

Als Bildschirmleser -Benutzer befolgen Sie bitte den Rat, anmutiger Abbau zu verwenden. Das besagte Blitz und Silverlight sind unzugänglich. Obwohl Flash theoretisch zugänglich gemacht werden kann, habe ich noch nie eine Site mit zugänglichem Blitz gefunden. Wenn Sie auf die Website auf Blinde Benutzer auf Mobiltelefonen zugänglich sind, müssen Sie den Standardbrowser auf dem iPhone, Windows Mobile und Symbian mithilfe des Standard -Browsers testen. Opera Mobile ist für Bildschirmleser -Benutzer auf keinem mobilen Gerät zugänglich.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top