10 super Weeër fir Ären Inhalt portabel an zougänglech ze maachen

Inhalt

• Accessibilitéit ass net eng 'Feature'
• Definéiere vu Plattformen
• Inhalt halen portabel an zougänglech
• 1. Start mat HTML5
• 2. WAI-ARIA
• 3. Mat Doktyp
• 4. HTML5 Dokument Tags
• 5. Schlecht Links
• 6. Biller - ALT versus TITEL
• Loosst d'Leit wëssen
• Resumé
• Unerkennungen
• Ressourcen

Wann d'Kerie op hirem iPhone tippt, gesäit hatt aus wéi wann se d'Flaute spillt. Si hält se no bei hirem Gesiicht, an hir Fanger beweegen sech an engem onheemleche Tempo. Si huet fäerdeg geschriwwen an iwwerreecht mir hiren Telefon fir d'Botschaft ze liesen déi se just getippt huet. Et huet perfekt Orthographie a Grammatik, a gouf vill méi séier getippt wéi ech et hätt kéinte maachen wann ech d'iPhone Touch Keyboard benotzt.

D'Kerie benotzt eng App genannt Fleksy fir hir ze hëllefen hir Fanger iwwer d'Gesiicht vum Telefon ze bewegen a Musteren déi a Wierder ginn. Si liest och d'Noriichten, lauschtert Radio-Apps, kontrolléiert Twitter a sicht no Zuchzäiten mat hirem Telefon. Si ass komplett blann.

'Publizéieren' heescht verschidde Saache fir verschidde Leit. Fir verschidde Leit heescht et e gedréckte, physescht Volumen vun der Aarbecht ze produzéieren. Aner Leit verbannen d'Verëffentlechung mat der Fäegkeet, geschriwwe Wierker iwwer Apparater an Apps ze verdeelen. Méi a méi dacks denken d'Leit drun ze publizéieren wéi Inhalt verfügbar ze maache fir an all Format ze genéissen, egal ob dat heescht en Artikel op e Blog drécken oder e Google Plus Post aktualiséieren.

D'Realitéit ass d'Erwaardungen ënnerschiddlech tëscht de Benotzer, an dës Erwaardunge wärte mat der Zäit. Lieser, déi de leschte Post op engem Blog fréier konsuméiert hunn, erwaarden elo datt se dee Blogpost, oder all Artikel oder Buch kënne liesen, egal wou a wéini et fir si praktesch ass. Haut Inhalt folgt eis ronderëm vun engem Blog zu Reeder op engem Telefon op Instapaper op engem iPad op eng Versioun per E-Mail geschéckt iwwer Whispernet op e Kindle.

Jiddereen de Lies Workflow ass anescht, a fir déi, déi Accessibilitéitsfeatures wéi e Screenreader, héije Kontrast oder erweiderten Text erfuerderen, ass dee Workflow gebrach, heiansdo irreparabel, wann Autoren an Editeuren net kléng awer néideg Formatéierungsdetailer berécksiichtegen. Denkt net un dëst als net 'd'Accessibilitéitskëscht kontrolléieren'. Amplaz ze realiséieren datt Dir effektiv Ären Inhalt an eng schwaarz Këscht fir vill potenziell Cliente verwandelt.

Accessibilitéit ass net eng 'Feature'

Och wann et richteg ass datt zougänglech Kontrollen vu Leit mat reduzéierter Héier a Siicht benotzt ginn, ginn et vill aner Leit, déi och dovu profitéieren. Een mat gerénger Visioun passt Schrëftgréissten un fir Inhalt op engem Écran méi einfach ze liesen. Eng Persoun déi faarwegblann ass schätzt d'Fäegkeet d'Faarfpalette unzepassen sou datt Saache wéi rout Warntext wierklech opfalen. Leit mat laange Pendele benotzen Écran Lieser fir Artikelen ze lauschteren déi hinne gelies ginn. Net-Mammesproochler benotze captionéiert Video an Audio fir hinnen ze hëllefen eng nei Sprooch ze verstoen. All dës Szenarie representéieren e méi breeden Ëmfang fir Ären Inhalt, verbesserte Benotzererfarung an Empathie, an eventuell nach méi Akommes.

Fir e super Iwwerbléck iwwer wat Accessibilitéit bedeit, kuckt den Ian Hamilton Artikel.

Definéiere vu Plattformen

Loosst eis mat e puer Definitioune fänken op wéi eng Formate mir konzentréiere fir eisen Inhalt méi einfach ze liesen:

• HTML: Mat HTML5 ass de Web eng nach besser Plaz fir Schrëftsteller an Editeuren hir Aarbecht ze weisen. Nei Tags wéi Artikel, Sektioun, Kappball an Fousszeilen ginn elo a ville Browser implementéiert a kënne semi-zouverléisseg benotzt gi fir semantesch Kontext fir Är Schreifweis bäizefügen. Zousätzlech kann de kommende CSS3 Säitemodul och interessant sinn fir déi, déi no enger méi fixer Säit Lieserfahrung sichen fir z'aktivéieren.
• EPUB: EPUB ass den offizielle Standard vum International Digital Publishing Forum (IDPF). EPUB3 gouf am Oktober 2011 approuvéiert an erlaabt Publikatiounen méi styléiert an personaliséierbar Inhalter ze hunn, méi no un deem wat fäeg ass mat HTML / CSS, anstatt déi virdrun, méi statesch Richtlinnen.
• MOBI: MOBI, kuerz fir Mobipocket, ass e Format dat vu Kindle an aner digital Lieser benotzt gëtt. Et ass manner personaliséierbar erëm wéi EPUB, awer mir decken et hei well Dir kënnt et benotze fir Inhalt op Amazon ze publizéieren wann Dir wielt. Geméiss dem Robin Christopherson vun AbilityNet sinn e puer Modeller vum Kindle fir blann Benotzer zougänglech; awer d'Kindle App op iOS net. De KF8, dem Kindle säin neit Format, gëtt de Moment vum Kindle Fire ënnerstëtzt a gëtt geschwënn op déi lescht Generatioun Kindle e-ink Geräter a Kindle Reading Apps gerullt.
• PDF: PDF ass eng iwwerall ubitt Entitéit am Internet ginn. Ech fügen et hei mat abegraff well déi meescht Pëllen e gudden, agebaute Tech hunn fir PDFs ze liesen an Hëllefstechnologie mat hinnen z'erméiglechen. Mat engem PDF ass den entscheedende Faktor wéi en erstallt gouf. Entspriechen den Alan Dalton, Accessibilitéit Entwécklungsberoder bei der Irescher National Behënnerung Autoritéit, "Dir kënnt PDFs zougänglech maachen; Wéi vill Leit awer net. Si mierken net datt hir Tools schlecht Produkter produzéieren. Wann ech mäi Wee hätt, géif alles wat mir maachen HTML sinn. " Navigatioun an Zougänglechkeet ofgesinn, PDFs passen och net gutt u verschidde Gréissten un, a wien probéiert huet e PDF op engem Smartphone ze liesen ass vertraut mat der onbequemer Prise, Zoomen a Panning néideg fir dat ze maachen.

Wat net an dës Kategorie fällt, sinn Apps déi Ären Inhalt huelen a se zu grousse Biller maachen. Och wann dëst de Look an de Stil dee selwechten iwwer Plattformen assuréiere kann, blockéiert Dir vill vun Ärem Publikum wärend Dir och e ganz schwéieren Download erstellt. Dëse Problem gëtt verschlëmmert wa mir ufänken iwwer Retina Displays an duebel Gréisst Biller ze schwätzen. Fir e Gefill ze kréien, wéi et ass refuséiert ze ginn, wat Dir wëllt liesen (awer ëmmer nach ëmmer dofir bezuelen muss), kuckt d'Kommentaren iwwer Newsstand Apps déi meeschtens net accessibel iwwer VoiceOver am iOS sinn.

Fir ze kucken wéi dës Aarte vu Magaziner fir en zougänglechen Tech User ausgesinn, kuckt meng Videoinbetten, déi d'frustréierend Erfahrung weisen ze probéieren dës Zäitschrëfte mat engem ze liesen
Accessibilitéitstool wéi VoiceOver:

Inhalt halen portabel an zougänglech

Fokusséieren op portable Formater erméiglecht eis eisen Inhalt ze behandelen fir glécklech op méi Browser, Telefonen, digital Liesergeräter a Liesapplikatiounen ze liewen. Wat musse mir mat eisem Inhalt maachen fir sécher ze sinn, datt et gutt tëscht dësen ënnerschiddleche Formater iwwersetze kann, wärend Dir e personaliséierte Stil a super Erfahrung behält?

Ech hunn hei ënnendrënner e puer Richtlinne fir Leit zesummegesat, déi wëllen, datt hire Publikum sou breet wéi méiglech ass an déi hiren Inhalt net fir vill Benotzer an eng schwaarz Këscht späre wëllen. Dës Techniken kënnen op alles applizéiert ginn, vu Blogposts, bis zu laange Form Journalismus, op all aner Wierker déi Dir selwer verëffentlecht:

1. Start mat HTML5

Wann Dir Är Dokumenter ufanks mat HTML5 erstellt, hutt Dir Iech an Zukunft manner Suergen. HTML5 Markup hëlleft Är Dokumenter einfach ze navigéieren an an aner Formater z'iwwersetzen. Dir maacht däitlech manner 'retro-passend' vun Äre Publikatiounen an aner Formater, wann Dir semantesch Informatioun do vun Ufank un hutt.

2. WAI-ARIA

WAI-ARIA ass d'Web Accessibility Initiative - Accessible Rich Internet Applications Suite. Et ass e Set vu Richtlinnen, déi vun de Protokoller a Formats Working Group (PFWG) vum
de W3C. WAI-ARIA definéiert e Wee fir Webinhalter an Uwendunge méi accessibel fir Leit mat Behënnerungen ze maachen, an et hëlleft mat dynameschen Inhalt a fortgeschrattene User-Interface Kontrollen entwéckelt mat Ajax, HTML, JavaScript an ähnlechen Technologien. E puer vun den Techniken an dësem Artikel kommen aus WAI-ARIA Richtlinnen, a wann dësen Artikel net laang genuch ass fir all d'Spezifizéierung ze decken, géif ech Iech encouragéieren et méi detailléiert ze iwwerpréiwen firwat dës empfohlen a beschten Praktiken fir se ëmzesetzen.

3. Mat Doktyp

Wärend e spezifeschen Doktyp selwer benotzt, beaflosst net d'Accessibilitéit vum assoziéierten HTML Code, de wichtege Grond fir en Doktyp ze benotzen ass sécher ze sinn, datt de Browser Quirks Mode net ausgeléist gëtt. Einfach benotzen ! DOCTYPE html> ze suergen, datt net geschitt.

4. HTML5 Dokument Tags

Richteg Navigatioun vun engem Dokument Faktore héich op sengem Accessibilitéit Index. Vill Benotzer vun zougänglechen Tech, déi ech interviewt hunn, hunn hir Frustratioun mat Inhaltsanbieter ausgedréckt an Entwéckler hir Dokumenter net richteg fir Navigatiounsfäegkeet markéiert. Dës Tags gi méi Kontext fir d'Sektioune vun Ärem Dokument wéi vill Divs ze benotzen.

• Kappball an Fousszeilen kënne béid e puer Mol op enger Säit benotzt ginn. Si kënnen de jeweilegen Haapt Header oder Footer vum Dokument bezeechnen, oder si kënne fir Header / Footer Informatioun an Artikelen oder Sektiounen benotzt ginn.
• Ofgesinn ass e gudden Tag fir Sektiounen ze benotzen, wéi Sidebarren an engem Buch, déi komplementär zum Dokument sinn awer net absolut entscheedend fir säi Verständnis.
• Sektiounen si Weeër fir Iddien opzedeelen oder Inhalter ze gruppéieren déi sënnvoll sinn.
• Artikelen sinn onofhängeg, eegestänneg Stécker déi ouni de Rescht vum Inhalt existéiere kéinten. Benotzt dës Tags passend hëlleft fir sécher ze sinn datt d'Struktur vun Ärem Inhalt korrekt interpretéiert gëtt.

5. Schlecht Links

Mat CSS ass et méiglech Hannergrondbiller op Links a Knäppercher ze benotzen. Dëst ass e flotte Effekt fir Webdesigner well et méi Kontroll iwwer Typographie gëtt. Wéi och ëmmer, et huet dozou gefouert datt d'Leit vergiess hunn Textbeschreiwungen opzehuelen. Gitt sécher datt och wann Dir Text am Bild benotzt fir och ze garantéieren datt et zougänglech bleift. Dëst kann och Saache wéi SEO an
Internationaliséierung.

Beispill:

en href = "/ Kontakt"> / a>

Dëst ass schlecht.

a href = "/ contact"> Kontaktéiert eis / a>

Vill besser.

6. Biller - ALT versus TITEL

D'Leit enthalen dacks entweder alt oder Titel Attributer an hirem Bild, awer net allebéid well se dacks falsch verstane ginn an dofir iwwerflësseg schéngen. Fir den Duercherneen opzeklären, Titel kënne berodend Informatioune representéieren, sou wéi déi déi an engem Tooltip optriede kënnen. Dëst kann Iech och zousätzlech Informatioune ginn wann Dir e Bild maust, eng Technik déi vill Leit op hire Bloggen benotzen. Mat dem Wuesstum vun Touch-Geräter gëtt dës Informatioun awer manner nëtzlech.

Alt op der anerer Säit gëtt vun Hëllefstechnologie benotzt a gëtt dem Element Kontext. Dir musst benotzen alt op Äre Biller a gitt sécher datt et nëtzlech Informatioun ass. Benotzen img alt = "" src = "1348.webp">

Loosst d'Leit wëssen

Wann Ären Inhalt a verschidde Formater verfügbar ass, gitt sécher datt et e Wee ass fir dëst op Ärem Site z'entdecken. Dir hutt wahrscheinlech den "Wann Dir Problemer hutt dës E-Mail ze gesinn, liest d'Online
Versioun "Message uewen u ville E-Mail Newsletteren. Maacht et eng Praxis datselwecht fir Ären Inhalt ze maachen. Wann Dir en zougänglechen PDF oder eng Audio Versioun wéi och en ePub hutt, gitt sécher datt d'Benotzer dës Informatioun fannen. Maacht Benotzer Testen fir sécher ze sinn datt den Inhalt ze fannen a liesbar ass.