Computer

Setzen ein Gesicht auf Barrierefreiheit-Teil 2

Professor Chris Olson hatte ein wirklich anstrengendes Jahr. Chris vor kurzem gekauft und zog in ein Haus. Wie viele Eigenheimkäufe war es ein bisschen der Umgestaltung, die fand vor dem Umzug in den Raum mehr nutzbar zu machen.

Chris wird die neue Heimat mit seiner Verlobten Cindy teilen. Chris und Cindy waren auf New Year's Eve verlobt.

Chris hat Diplom und Bachelor Ebene Computer und Web-Programmierung von Klassen für den vergangenen sieben Jahren unterrichtet. März 2013 verteidigte er erfolgreich seine Dissertation "Bewusstsein für Barrierefreiheit in computergestützte Instructional Materials und Fakultät Demografie in South Dakota Öffentlichkeit Universitäten."

Chris ist Tetraplegiker gelähmt von den Schultern nach unten. Im Jahr 2001 er wurde bei einem Autounfall und zerstört seine c5-Wirbel. Während er die Verwendung von seinen Bizepsmuskeln begrenzt ist, hat er keine Bewegung oder Empfindungen in seinen Händen.

Das erste, was, dem viele von uns denken, wenn wir hören, dass Barrierefreiheit im Web, ist in der Regel die Notwendigkeit, ein Bildschirmlesegerät verwenden. Ein Screen-Reader ist nicht die einzige Art von Hilfstechnologie verwendet. Chris stützt sich auf die Eingabe Stöcke um seine verschiedenen Computer-Eingabegeräte zu operieren, und stützt sich auch auf Dragon Naturally Speaking für diktieren. Er verwendet keine Computermaus. Stattdessen setzt er auf Tastaturnavigation.

Einige zusätzlichen unterstützenden Technologien, die, denen Chris abhängig, sind Windows-Maus-Tasten und Windows-Spracherkennung. Darüber hinaus Chris verwendet ein Samsung Galaxy Smartphone, ein Kindle-Reader, und sucht in einem Nest Learning Thermostat für sein Haus, die er von seinem Smartphone steuern kann.

Allzu oft vergessen wir, ein Gesicht über Menschen mit Behinderungen, stattdessen über einen Kamm sie in Kategorien:

· Blindheit oder Sehbehinderung

· Deaf /--schwerhörige

· Lernstörungen

· Medizinische Behinderung

· Körperlichen Behinderungen

Als Web-Entwickler sind hier ein paar zusätzliche Methoden, die Ihre Benutzer zu unterstützen, die nicht-Maus Hilfstechnologien nutzen.

Tab-Reihenfolge

Tab-Navigation ist die Fähigkeit eines Benutzers zum Navigieren zwischen fokussierbare Elemente mit der Tab-Taste der Computertastatur. In der Regel wird durch Drücken der [Tab] Fokus auf das nächste Element, wie z. B. Hyperlinks oder Formularfelder verschoben. Die Reihenfolge der Fokussierung kann gesteuert werden, mithilfe von "Tabindex."

Entsprechend der W3C ist das "Tabindex"-Attribut "die Position des aktuellen Elements in der Tab-Reihenfolge für das aktuelle Dokument." "Tabindex" arbeitet sequentiell, Tabindex = "1," Tabindex = "2" usw.. Elemente mit keine Tabindex gesetzt werden angezeigt, nachdem Sie in der Reihenfolge, die sie auf der Seite angezeigt.

Etiketten auf Formularelemente

Das Label-Tag ist ein HTML-Formulare-Tag, mit dem Entwickler der Browser oder das User-Agent mitteilen, dass Wortlaut auf der Seite eigentlich eine Bezeichnung für ein Form-Element ist. Das Label-Tag sagt: "dieser Inhalt beschreibt ein Form-Element und sollte mit ihm in Verbindung gebracht werden." Das Label-Tag bietet auch einen größeren klickbaren Bereich für Elemente wie Radio-Buttons. Klicken Sie auf den Text, die das Label-Tag sowie das Optionsfeld selbst einschließt.

Angemessene klickbaren Speicherplatz auf einen link

Machen Sie Links, Schaltflächen und Kontrollkästchen einfach anklickbar. Bezeichnung für Formular-Elemente, ist wie wir gerade gesprochen, ein Beispiel den klickbaren Bereich zu erhöhen. Verknüpfung von Block-Elementen, anstatt einzelne Text ist eine weitere gute Möglichkeit, um den klickbaren Bereich zu erhöhen. Du kannst wählen, erhöhen Sie den Abstand eines Elements mit CSS um den klickbaren Bereich zu vergrößern.

Sichtbare Tastaturfokus

Sichtbare Tastaturfokus ist ein kritischer Faktor für die Sicherung des Zugangs für sehbehinderte Benutzer, die auf einer Tastatur zum Navigieren im Internet verlassen. Design-Ästhetik hat leider diese wichtige Praxis aufgewogen. CSS-Reset-Dateien sind berüchtigt für diese visuelle Element entfernen. Beachten Sie, dass Fokus in WCAG 2.0 als Erfolgskriterium 2.4.7 Gründen aufgeführt ist. Arbeit mit dem Designer, einige visuelle Bezeichner für Fokus - bilden musst du nicht verlassen sich auf "punktiert die hässliche Grenze."

Wenn Sie auf einen der Dr. Olson Programmierklassen sitzen, bereiten Sie sich durch seine Codierung können sowie seine Eingabe Geschwindigkeit-30 Wörter pro Minute inspirieren lassen. Chris weiterhin überraschen wie Sie beobachten, dass sein Einfluss auf die nächste Generation der professionellen Web-Entwickler.