10 gode måder at gøre dit indhold bærbart og tilgængeligt på

Indhold

• Tilgængelighed er ikke en 'funktion'
• Definition af platforme
• Holde indhold bærbart og tilgængeligt
• 1. Start med HTML5
• 2. WAI-ARIA
• 3. Brug af doktype
• 4. HTML5-dokumentmærker
• 5. Dårlige links
• 6. Billeder - ALT versus TITLE
• Lad folk vide det
• Resumé
• Anerkendelser
• Ressourcer

Når Kerie skriver på sin iPhone, ser hun ud til at spille fløjte. Hun holder det tæt på ansigtet, og hendes fingre bevæger sig i et utroligt tempo. Hun er færdig med at skrive og giver mig sin telefon for at læse den besked, hun lige har skrevet. Den har perfekt stavning og grammatik og blev skrevet meget hurtigere, end jeg kunne have gjort, mens jeg brugte iPhones touch-tastatur.

Kerie bruger en app kaldet Fleksy til at hjælpe hende med at bevæge fingrene hen over telefonens ansigt i mønstre, der bliver til ord. Hun læser også nyhederne, lytter til radioapps, kontrollerer Twitter og søger efter togtider med sin telefon. Hun er helt blind.

'Publishing' betyder forskellige ting for forskellige mennesker. For nogle mennesker betyder det at producere et trykt, fysisk volumen af ​​arbejde. Andre mennesker forbinder udgivelse med evnen til at distribuere skriftlige værker via enheder og apps. Oftere og oftere tænker folk på udgivelse som at gøre indhold tilgængeligt til at nyde i ethvert format, hvad enten det betyder at skubbe en artikel til en blog eller opdatere et Google Plus-indlæg.

Virkeligheden er, at forventningerne er forskellige blandt brugerne, og disse forventninger ændrer sig over tid. Læsere, der engang grådigt forbrugte det seneste indlæg på en blog, forventer nu, at de kan læse dette blogindlæg eller enhver artikel eller bog, hvor og når det passer dem. I dag følger indholdet os rundt fra en blog til Reeder på en telefon til Instapaper på en iPad til en e-mail-version sendt via Whispernet til en Kindle.

Alles læsningsarbejdsproces er forskellig, og for dem, der har brug for tilgængelighedsfunktioner som en skærmlæser, høj kontrast eller forstørret tekst, brydes arbejdsgangen, undertiden uopretteligt, når forfattere og udgivere ikke overvejer mindre, men nødvendige formateringsoplysninger. Tænk ikke på dette som ikke at 'markere tilgængelighedsfeltet'. I stedet for at indse, at du effektivt omdanner dit indhold til en sort boks for mange potentielle kunder.

Tilgængelighed er ikke en 'funktion'

Selvom det er sandt, at tilgængelige kontroller bruges af personer med nedsat hørelse og syn, er der mange andre mennesker, der også drager fordel af dem. En person med nedsat syn justerer skriftstørrelser for lettere at læse indhold på en skærm. En person, der er farveblind, værdsætter evnen til at justere farvepaletten, så ting som rød advarselstekst faktisk skiller sig ud. Mennesker med lange pendler bruger skærmlæsere til at lytte til artikler, der læses for dem. Ikke-indfødte talere bruger billedtekst og video og lyd for at hjælpe dem med at forstå et nyt sprog. Alle disse scenarier repræsenterer et bredere omfang for dit indhold, forbedret brugeroplevelse og empati og muligvis endnu mere indtjening.

For et godt overblik over, hvad tilgængelighed betyder, se Ian Hamiltons artikel.

Definition af platforme

Lad os starte med nogle definitioner om, hvilke formater vi kan fokusere på for at gøre vores indhold lettere at læse:

• HTML: Med HTML5 er internettet et endnu bedre sted for forfattere og udgivere at fremvise deres arbejde. Nye tags som artikel, afsnit, header og sidefod er nu implementeret i mange browsere og kan bruges semi-pålideligt til at tilføje semantisk kontekst til din skrivning. Derudover kan det kommende CSS3-sidemodul også være af interesse for dem, der søger en mere fast læseoplevelse, der skal aktiveres.
• EPUB: EPUB er den officielle standard for International Digital Publishing Forum (IDPF). EPUB3 blev godkendt i oktober 2011 og giver mulighed for, at publikationer har mere stylet og tilpasset indhold, tættere på hvad der er i stand til med HTML / CSS, snarere end de tidligere, mere statiske retningslinjer.
• MOBI: MOBI, forkortelse for Mobipocket, er et format, der bruges af Kindle og andre digitale læsere. Det kan mindre tilpasses igen end EPUB, men vi dækker det her, fordi du kan bruge det til at udgive indhold til Amazon, hvis du vælger. Ifølge Robin Christopherson fra AbilityNet er nogle modeller af Kindle tilgængelige for blinde brugere; dog er Kindle-appen på iOS ikke. KF8, Kindles nye format, understøttes i øjeblikket af Kindle Fire og vil snart blive rullet ud til den nyeste generation af Kindle e-ink-enheder og Kindle-læsningsapps.
• PDF: PDF er blevet en allestedsnærværende enhed på nettet. Jeg inkluderer det her, fordi de fleste tablets har god, indbygget teknologi til at læse PDF-filer og muliggøre hjælpende teknologi med dem. Med en PDF er den afgørende faktor, hvordan den blev oprettet. Ifølge Alan Dalton, rådgiver om tilgængelighedsudvikling hos Irlands National Disability Authority, "Du kan gøre PDF-filer tilgængelige, uanset hvor mange mennesker ikke gør. De er ikke klar over, at deres værktøjer producerer dårlige produkter. Hvis jeg havde min måde, ville alt, hvad vi gør, gøre være HTML. " Navigation og tilgængelighed til side, PDF-filer tilpasser sig heller ikke godt til forskellige størrelser, og enhver, der har forsøgt at læse en PDF på en smartphone, er fortrolig med den akavede klemning, zoomning og panorering, der kræves for at gøre det.

Hvad der ikke falder ind under denne kategori er apps, der tager dit indhold og gør det til store billeder. Selvom dette muligvis sikrer, at udseendet og stilen er den samme på tværs af platforme, blokerer du meget for dit publikum, mens du også opretter en meget tung download. Dette problem forværres, når vi begynder at tale om Retina-skærme og billeder i dobbelt størrelse. For at få en fornemmelse af, hvordan det er at blive nægtet noget, du vil læse (men alligevel stadig skal betale for det alligevel), se kommentarerne om, at aviskiosk-apps for det meste er utilgængelige via VoiceOver i iOS.

For at se, hvordan disse typer magasiner ser ud for en tilgængelig teknisk bruger, se mine videoindlejringer, der viser den frustrerende oplevelse af at prøve at læse disse magasiner med en
tilgængelighedsværktøj såsom VoiceOver:

Holde indhold bærbart og tilgængeligt

Fokus på bærbare formater giver os mulighed for at håndtere vores indhold til at leve lykkeligt på flere browsere, telefoner, digitale læser enheder og læse applikationer. Hvad skal vi gøre med vores indhold for at sikre, at det kan oversættes godt mellem disse forskellige formater, samtidig med at vi opretholder en brugerdefineret stil og god oplevelse?

Jeg har samlet nogle retningslinjer nedenfor for folk, der ønsker, at deres publikum skal være så bredt som muligt, og som ikke ønsker at låse deres indhold ned i en sort boks for mange brugere. Disse teknikker kan anvendes på alt fra blogindlæg til langformet journalistik til andre værker, du overvejer selvudgivelse:

1. Start med HTML5

Ved at oprette dine dokumenter oprindeligt med HTML5 har du mindre at bekymre dig om i fremtiden. HTML5-markering hjælper med at holde dine dokumenter lette at navigere og oversætte til andre formater. Du vil gøre betydeligt mindre 'retro-tilpasning' af dine publikationer til andre formater, hvis du har semantisk information derinde fra starten.

2. WAI-ARIA

WAI-ARIA er Web Accessibility Initiative - Accessible Rich Internet Applications-pakken. Det er et sæt retningslinjer oprettet af arbejdsgruppen Protokoller og formater (PFWG) fra
W3C. WAI-ARIA definerer en måde at gøre webindhold og applikationer mere tilgængelige for mennesker med handicap, og det hjælper med dynamisk indhold og avancerede brugergrænsefladekontrol udviklet med Ajax, HTML, JavaScript og relaterede teknologier. Nogle af teknikkerne i denne artikel kommer fra WAI-ARIA-retningslinjer, og selvom denne artikel ikke er lang nok til at dække hele specifikationen, vil jeg opfordre dig til at tjekke den ud for flere detaljer om, hvorfor disse anbefales og bedste praksis til implementere dem.

3. Brug af doktype

Mens brug af en bestemt doktype i sig selv ikke påvirker tilgængeligheden af ​​den tilknyttede HTML-kode, er den vigtige årsag til at bruge en doktype at sikre, at browserens quirks-tilstand ikke udløses. Brug bare ! DOCTYPE html> for at sikre, at det ikke sker.

4. HTML5-dokumentmærker

Korrekt navigation af et dokument er højt i dets tilgængelighedsindeks. Mange brugere af tilgængelig teknologi, jeg interviewede, udtrykte deres frustration over indholdsudbydere og udviklere, der ikke korrekt markerede deres dokumenter for navigationsfunktioner. Disse tags giver mere kontekst til sektionerne i dit dokument end at bruge mange divs.

• Header og Sidefod kan begge bruges flere gange på en side. De kan betegne den respektive hovedoverskrift eller sidefod i dokumentet, eller de kan bruges til information om sidehoved / sidefod inden for artikler eller sektioner.
• Bortset fra er et godt mærke, der skal bruges til sektioner, såsom sidebjælker i en bog, der supplerer dokumentet, men som ikke er helt afgørende for dets forståelse.
• Sektioner er måder at bryde ideer op eller gruppere indhold sammen, der giver mening.
• Artikler er uafhængige, enkeltstående stykker, der kunne eksistere uden resten af ​​indholdet. Brug af disse tags hjælper korrekt med at sikre, at strukturen i dit indhold fortolkes korrekt.

5. Dårlige links

Med CSS er det muligt at bruge baggrundsbilleder på links og knapper. Dette er en god effekt for webdesignere, fordi det giver mere kontrol over typografi. Det har imidlertid ført til, at folk glemmer at medtage tekstbeskrivelser. Sørg for, at selvom du også bruger tekst i billedet for at sikre, at den forbliver tilgængelig. Dette kan også påvirke ting som SEO og
internationalisering.

Eksempel:

a href = "/ contact"> / a>

Dette er dårligt.

a href = "/ contact"> Kontakt os / a>

Meget bedre.

6. Billeder - ALT versus TITLE

Folk inkluderer ofte begge dele alt eller titel egenskaber i deres image, men ikke begge, da de ofte misforstås og derfor synes at være overflødige. For at fjerne forvirringen, titel kan repræsentere rådgivende information, såsom den, der kan vises i et værktøjstip. Dette kan også give dig yderligere oplysninger, når du holder musen over et billede, en teknik, som mange mennesker bruger på deres blogs. Med væksten af ​​berøringsenheder bliver denne form for information dog mindre nyttig.

Alt på den anden side bruges af hjælpemiddelteknologi og giver elementet kontekst. Du skal bruge alt på dine billeder og sørg for, at det er nyttige oplysninger. Ved brug af img alt = "" src = "1348.webp">

Lad folk vide det

Hvis dit indhold er tilgængeligt i flere formater, skal du sørge for, at der er en måde at opdage dette på dit websted. Du har sandsynligvis set "Hvis du har problemer med at se denne e-mail, skal du læse online
version "-besked øverst i mange e-mail-nyhedsbreve. Gør det til en praksis at gøre det samme for dit indhold. Hvis du har en tilgængelig PDF eller en lydversion samt en ePub, skal du sørge for, at brugerne kan finde disse oplysninger. Gør brugeren test for at sikre, at indholdet kan findes og læses.