10 großartige Möglichkeiten, um Ihre Inhalte portabel und zugänglich zu machen

Inhalt

• Barrierefreiheit ist keine Funktion.
• Plattformen definieren
• Inhalte tragbar und zugänglich halten
• 1. Beginnen Sie mit HTML5
• 2. WAI-ARIA
• 3. Verwenden von doctype
• 4. HTML5-Dokument-Tags
• 5. Schlechte Links
• 6. Bilder - ALT versus TITEL
• Lass es die Leute wissen
• Zusammenfassung
• Danksagung
• Ressourcen

Wenn Kerie auf ihrem iPhone tippt, sieht sie aus, als würde sie Flöte spielen. Sie hält es dicht an ihr Gesicht und ihre Finger bewegen sich in einem unglaublichen Tempo. Sie beendet das Schreiben und gibt mir ihr Handy, um die Nachricht zu lesen, die sie gerade getippt hat. Es hat eine perfekte Rechtschreibung und Grammatik und wurde viel schneller getippt, als ich es mit der Touch-Tastatur des iPhones hätte tun können.

Kerie verwendet eine App namens Fleksy, um ihre Finger in Mustern, die sich in Worte verwandeln, über das Gesicht des Telefons zu bewegen. Sie liest auch die Nachrichten, hört Radio-Apps, überprüft Twitter und sucht mit ihrem Telefon nach Zugzeiten. Sie ist völlig blind.

"Veröffentlichen" bedeutet für verschiedene Menschen verschiedene Dinge. Für manche bedeutet dies, ein gedrucktes, physisches Arbeitsvolumen zu produzieren. Andere Leute verbinden das Veröffentlichen mit der Fähigkeit, schriftliche Werke über Geräte und Apps zu verbreiten. Immer häufiger wird davon ausgegangen, dass Veröffentlichungen Inhalte in jedem Format zur Verfügung stellen, unabhängig davon, ob ein Artikel in ein Blog verschoben oder ein Google Plus-Beitrag aktualisiert wird.

Die Realität ist, dass die Erwartungen zwischen den Benutzern unterschiedlich sind und sich diese Erwartungen im Laufe der Zeit ändern. Leser, die einst unersättlich den neuesten Beitrag in einem Blog konsumiert haben, erwarten nun, dass sie diesen Blog-Beitrag oder jeden Artikel oder jedes Buch lesen können, wo und wann immer es ihnen passt. Heute folgen uns Inhalte von einem Blog über Reeder auf einem Telefon bis hin zu Instapaper auf einem iPad und einer per E-Mail über Whispernet an einen Kindle gesendeten Version.

Der Lesearbeitsablauf ist bei jedem anders. Für Benutzer, die Eingabehilfen wie einen Bildschirmleser, einen kontrastreichen oder vergrößerten Text benötigen, ist dieser Arbeitsablauf manchmal irreparabel unterbrochen, wenn Autoren und Herausgeber kleinere, aber notwendige Formatierungsdetails nicht berücksichtigen. Stellen Sie sich das nicht so vor, als würden Sie das Kontrollkästchen für Barrierefreiheit nicht aktivieren. Stellen Sie stattdessen fest, dass Sie Ihre Inhalte für viele potenzielle Kunden effektiv in eine Black Box verwandeln.

Barrierefreiheit ist keine Funktion.

Zwar werden zugängliche Bedienelemente von Personen mit eingeschränktem Hör- und Sehvermögen verwendet, aber es gibt auch viele andere Personen, die davon profitieren. Jemand mit Sehbehinderung passt die Schriftgröße an, um Inhalte auf einem Bildschirm leichter lesen zu können. Eine Person, die farbenblind ist, schätzt die Möglichkeit, die Farbpalette so anzupassen, dass Dinge wie roter Warntext tatsächlich auffallen. Menschen mit langen Arbeitswegen verwenden Bildschirmleseprogramme, um Artikel anzuhören, die ihnen vorgelesen werden. Nicht-Muttersprachler verwenden Untertitel für Video und Audio, um eine neue Sprache besser zu verstehen. Alle diese Szenarien bieten einen breiteren Anwendungsbereich für Ihre Inhalte, eine verbesserte Benutzererfahrung und Empathie sowie möglicherweise sogar mehr Umsatz.

Einen guten Überblick darüber, was Barrierefreiheit bedeutet, finden Sie in Ian Hamiltons Artikel.

Plattformen definieren

Beginnen wir mit einigen Definitionen darüber, auf welche Formate wir uns konzentrieren können, um die Lesbarkeit unserer Inhalte zu verbessern:

• HTML: Mit HTML5 ist das Web ein noch besserer Ort für Autoren und Verleger, um ihre Arbeit zu präsentieren. Neue Tags wie Artikel, Sektion, Header und Fusszeile sind jetzt in vielen Browsern implementiert und können halbzuverlässig verwendet werden, um Ihrem Schreiben einen semantischen Kontext hinzuzufügen. Darüber hinaus kann das kommende CSS3-Seitenmodul auch für diejenigen von Interesse sein, die ein besseres Leseerlebnis für feste Seiten wünschen.
• EPUB: EPUB ist der offizielle Standard des International Digital Publishing Forum (IDPF). EPUB3 wurde im Oktober 2011 genehmigt und ermöglicht Veröffentlichungen einen gestylten und anpassbaren Inhalt, der näher an den Möglichkeiten von HTML / CSS liegt als an den vorherigen, statischeren Richtlinien.
• MOBI: MOBI, kurz für Mobipocket, ist ein Format, das von Kindle und anderen digitalen Lesegeräten verwendet wird. Es ist wieder weniger anpassbar als EPUB, aber wir behandeln es hier, da Sie es bei der Veröffentlichung von Inhalten auf Amazon verwenden können, wenn Sie dies wünschen. Laut Robin Christopherson von AbilityNet sind einige Modelle des Kindle für blinde Benutzer zugänglich. Die Kindle-App unter iOS ist dies jedoch nicht. KF8, das neue Format des Kindle, wird derzeit vom Kindle Fire unterstützt und wird in Kürze auf Kindle-E-Ink-Geräten der neuesten Generation und Kindle-Lese-Apps eingeführt.
• PDF: PDF ist zu einer allgegenwärtigen Einheit im Web geworden. Ich füge es hier ein, weil die meisten Tablets über eine gute integrierte Technologie zum Lesen von PDFs und zum Aktivieren unterstützender Technologien verfügen. Bei einem PDF ist der entscheidende Faktor, wie es erstellt wurde. Alan Dalton, Berater für Barrierefreiheitsentwicklung bei der irischen National Disability Authority, sagte: "Sie können PDFs zugänglich machen; viele Menschen tun dies jedoch nicht. Sie erkennen nicht, dass ihre Tools schlechte Produkte produzieren. Wenn es nach mir ginge, würden wir alles tun." sei HTML. " Abgesehen von Navigation und Zugänglichkeit passen sich PDFs auch nicht gut an unterschiedliche Größen an, und jeder, der versucht hat, ein PDF auf einem Smartphone zu lesen, ist mit dem umständlichen Kneifen, Zoomen und Schwenken vertraut.

Was nicht in diese Kategorie fällt, sind Apps, die Ihre Inhalte in große Bilder umwandeln. Dies kann zwar sicherstellen, dass das Aussehen und der Stil auf allen Plattformen gleich sind, Sie blockieren jedoch einen Großteil Ihrer Zielgruppe und erstellen gleichzeitig einen sehr umfangreichen Download. Dieses Problem wird noch verschärft, wenn wir über Retina-Displays und Bilder mit doppelter Größe sprechen. Um ein Gefühl dafür zu bekommen, wie es ist, wenn Ihnen etwas verweigert wird, das Sie lesen möchten (und trotzdem dafür bezahlen müssen), lesen Sie die Kommentare zu Kiosk-Apps, auf die über VoiceOver in iOS größtenteils nicht zugegriffen werden kann.

Um zu sehen, wie diese Arten von Magazinen für einen zugänglichen Tech-Benutzer aussehen, sehen Sie sich meine Video-Einbettungen an, die die frustrierende Erfahrung zeigen, diese Magazine mit einem zu lesen
Eingabehilfen wie VoiceOver:

Inhalte tragbar und zugänglich halten

Wenn wir uns auf tragbare Formate konzentrieren, können wir mit unseren Inhalten problemlos auf mehr Browsern, Telefonen, digitalen Lesegeräten und Leseanwendungen leben. Was müssen wir mit unseren Inhalten tun, um sicherzustellen, dass sie zwischen diesen verschiedenen Formaten gut übersetzt werden können, während ein benutzerdefinierter Stil und eine großartige Erfahrung beibehalten werden?

Ich habe nachfolgend einige Richtlinien für Personen zusammengestellt, die möchten, dass ihr Publikum so breit wie möglich ist und ihre Inhalte für viele Benutzer nicht in einer Black Box gespeichert werden sollen. Diese Techniken können auf alles angewendet werden, von Blog-Posts über Langform-Journalismus bis hin zu anderen Werken, die Sie selbst veröffentlichen möchten:

1. Beginnen Sie mit HTML5

Wenn Sie Ihre Dokumente zunächst mit HTML5 erstellen, müssen Sie sich in Zukunft weniger Sorgen machen. HTML5-Markup hilft dabei, Ihre Dokumente einfach zu navigieren und in andere Formate zu übersetzen. Sie werden Ihre Veröffentlichungen deutlich weniger in andere Formate nachrüsten, wenn Sie von Anfang an semantische Informationen haben.

2. WAI-ARIA

WAI-ARIA ist die Web Accessibility Initiative - Suite für barrierefreie Rich Internet-Anwendungen. Es handelt sich um eine Reihe von Richtlinien, die von der Arbeitsgruppe Protokolle und Formate (PFWG) von erstellt wurden
das W3C. WAI-ARIA definiert eine Möglichkeit, Webinhalte und -anwendungen für Menschen mit Behinderungen zugänglicher zu machen, und hilft bei dynamischen Inhalten und erweiterten Steuerelementen für Benutzeroberflächen, die mit Ajax, HTML, JavaScript und verwandten Technologien entwickelt wurden. Einige der Techniken in diesem Artikel stammen aus den WAI-ARIA-Richtlinien, und obwohl dieser Artikel nicht lang genug ist, um alle Spezifikationen abzudecken, möchte ich Sie dazu ermutigen, sich genauer darüber zu informieren, warum diese empfohlen werden und für welche Best Practices Umsetzung.

3. Verwenden von doctype

Während die Verwendung eines bestimmten Doctype selbst die Zugänglichkeit des zugehörigen HTML-Codes nicht beeinträchtigt, besteht der wichtige Grund für die Verwendung eines Doctype darin, sicherzustellen, dass der Mackenmodus des Browsers nicht ausgelöst wird. Einfach benutzen ! DOCTYPE html> um sicherzustellen, dass dies nicht geschieht.

4. HTML5-Dokument-Tags

Die ordnungsgemäße Navigation eines Dokuments hat einen hohen Einfluss auf den Barrierefreiheitsindex. Viele Benutzer von barrierefreien Technologien, die ich befragt habe, äußerten sich frustriert darüber, dass Inhaltsanbieter und Entwickler ihre Dokumente nicht ordnungsgemäß für die Navigationsfähigkeit markiert haben. Diese Tags geben den Abschnitten Ihres Dokuments mehr Kontext als die Verwendung vieler Divs.

• Header und Fusszeile können beide mehrfach auf einer Seite verwendet werden. Sie können die jeweilige Haupt- oder Fußzeile des Dokuments bezeichnen oder für Kopf- / Fußzeileninformationen in Artikeln oder Abschnitten verwendet werden.
• Beiseite ist ein gutes Tag für Abschnitte wie Seitenleisten in einem Buch, die das Dokument ergänzen, aber für sein Verständnis nicht unbedingt entscheidend sind.
• Abschnitte sind Möglichkeiten, Ideen aufzubrechen oder Inhalte zu gruppieren, die Sinn machen.
• Artikel sind unabhängige, eigenständige Stücke, die ohne den Rest des Inhalts existieren könnten. Durch die richtige Verwendung dieser Tags können Sie sicherstellen, dass die Struktur Ihres Inhalts korrekt interpretiert wird.

5. Schlechte Links

Mit CSS ist es möglich, Hintergrundbilder für Links und Schaltflächen zu verwenden. Dies ist ein schöner Effekt für Webdesigner, da er mehr Kontrolle über die Typografie bietet. Es hat jedoch dazu geführt, dass die Leute vergessen haben, Textbeschreibungen aufzunehmen. Stellen Sie sicher, dass Sie auch dann Text verwenden, wenn Sie Text im Bild verwenden. Dies kann auch Dinge wie SEO und beeinflussen
Internationalisierung.

Beispiel:

a href = "/ contact"> / a>

Das ist schlecht.

a href = "/ contact"> Kontaktieren Sie uns / a>

Viel besser.

6. Bilder - ALT versus TITEL

Leute schließen oft entweder ein alt oder Titel Attribute in ihrem Bild, aber nicht beide, da sie oft missverstanden werden und daher überflüssig zu sein scheinen. Um die Verwirrung zu beseitigen, Titel kann beratende Informationen darstellen, wie sie beispielsweise in einem Tooltip enthalten sind. Dies kann Ihnen auch zusätzliche Informationen geben, wenn Sie mit der Maus über ein Bild fahren, eine Technik, die viele Leute in ihren Blogs verwenden. Mit dem Wachstum von Touch-Geräten wird diese Art von Informationen jedoch weniger nützlich.

Alt Auf der anderen Seite wird von assistiver Technologie verwendet und gibt dem Element Kontext. Du musst benutzen alt Stellen Sie sicher, dass es sich um nützliche Informationen handelt. Verwenden von img alt = "" src = "1348.webp">

Lass es die Leute wissen

Wenn Ihr Inhalt in mehreren Formaten verfügbar ist, stellen Sie sicher, dass es eine Möglichkeit gibt, dies auf Ihrer Website zu entdecken. Sie haben wahrscheinlich die Meldung "Wenn Sie Probleme beim Anzeigen dieser E-Mail haben, lesen Sie die Online-Datei" gesehen
Versionsnachricht oben in vielen E-Mail-Newslettern. Machen Sie es sich zur Gewohnheit, dasselbe für Ihre Inhalte zu tun. Wenn Sie über eine zugängliche PDF- oder Audioversion sowie einen ePub verfügen, stellen Sie sicher, dass Benutzer diese Informationen finden können Testen, um sicherzustellen, dass der Inhalt auffindbar und lesbar ist.