10 fantastiska sätt att göra ditt innehåll bärbart och tillgängligt

Innehåll

• Tillgänglighet är inte en ”funktion”
• Definiera plattformar
• Att hålla innehållet bärbart och tillgängligt
• 1. Börja med HTML5
• 2. WAI-ARIA
• 3. Använda doktyp
• 4. HTML5-dokumenttaggar
• 5. Dåliga länkar
• 6. Bilder - ALT kontra TITEL
• Låt folk veta
• Sammanfattning
• Bekräftelser
• Resurser

När Kerie skriver på sin iPhone ser hon ut som om hon spelar flöjt. Hon håller den nära ansiktet och fingrarna rör sig i en otrolig takt. Hon är färdig med att skriva och ger mig telefonen för att läsa meddelandet hon just skrev. Den har perfekt stavning och grammatik och skrivs mycket snabbare än jag kunde ha gjort när jag använde iPhones touch-tangentbord.

Kerie använder en app som heter Fleksy för att hjälpa henne att röra fingrarna över telefonens ansikte i mönster som blir ord. Hon läser också nyheterna, lyssnar på radioappar, kontrollerar Twitter och söker efter tågtider med sin telefon. Hon är helt blind.

”Publicering” betyder olika saker för olika människor. För vissa människor betyder det att producera en tryckt, fysisk volym av arbete. Andra förknippar publicering med förmågan att distribuera skriftliga verk via enheter och appar. Allt oftare tänker folk på publicering som att göra innehåll tillgängligt för att njuta av i vilket format som helst, oavsett om det innebär att man trycker en artikel till en blogg eller uppdaterar ett Google Plus-inlägg.

Verkligheten är att förväntningarna skiljer sig mellan användarna, och dessa förväntningar förvandlas över tiden. Läsare som en gång glupskt konsumerade det senaste inlägget på en blogg förväntar sig nu att de kan läsa det blogginlägget, eller vilken artikel eller bok som helst, var och när det passar dem. Idag följer innehållet oss från en blogg till Reeder på en telefon till Instapaper på en iPad till en e-postversion som skickas via Whispernet till en Kindle.

Allas läsarbetsflöde är annorlunda, och för dem som behöver tillgänglighetsfunktioner som en skärmläsare, hög kontrast eller förstorad text bryts det arbetsflödet, ibland irreparabelt, när författare och utgivare inte överväger mindre men nödvändiga formateringsdetaljer. Tänk inte på detta som att inte "kryssa i tillgänglighetsrutan". Istället inser du att du effektivt gör ditt innehåll till en svart ruta för många potentiella kunder.

Tillgänglighet är inte en ”funktion”

Även om det är sant att tillgängliga kontroller används av personer med nedsatt hörsel och syn, finns det många andra människor som drar nytta av dem också. Någon med nedsatt syn justerar teckensnittsstorlekar för att lättare läsa innehåll på skärmen. En person som är färgblind uppskattar möjligheten att justera färgpaletten så att saker som röd varningstext faktiskt sticker ut. Människor med långa pendlingar använder skärmläsare för att lyssna på artiklar som läses för dem. Icke-infödda talare använder bildtexter video och ljud för att hjälpa dem att förstå ett nytt språk. Alla dessa scenarier representerar ett bredare utrymme för ditt innehåll, förbättrad användarupplevelse och empati och möjligen ännu mer intäkter.

För en bra översikt över vad tillgänglighet innebär, se Ian Hamiltons artikel.

Definiera plattformar

Låt oss börja med några definitioner om vilka format vi kan fokusera på för att göra vårt innehåll lättare att läsa:

• HTML: Med HTML5 är webben en ännu bättre plats för författare och förläggare att visa upp sitt arbete. Nya taggar som artikel, sektion, rubrik och sidfot implementeras nu i många webbläsare och kan användas semi-pålitligt för att lägga till semantiskt sammanhang till ditt skrivande. Dessutom kan den kommande CSS3-sidmodulen också vara av intresse för dem som letar efter en mer fast läsupplevelse för att aktivera.
• EPUB: EPUB är den officiella standarden för International Digital Publishing Forum (IDPF). EPUB3 godkändes i oktober 2011 och gör det möjligt för publikationer att ha mer utformat och anpassningsbart innehåll, närmare det som kan med HTML / CSS, snarare än de tidigare, mer statiska riktlinjerna.
• MOBI: MOBI, förkortning för Mobipocket, är ett format som används av Kindle och andra digitala läsare. Det är mindre anpassningsbart igen än EPUB, men vi täcker det här eftersom du kan använda det för att publicera innehåll till Amazon om du väljer. Enligt Robin Christopherson från AbilityNet är vissa modeller av Kindle tillgängliga för blinda användare. men Kindle-appen på iOS är det inte. KF8, Kindles nya format, stöds för närvarande av Kindle Fire och kommer snart att rullas ut till senaste generationen Kindle e-ink-enheter och Kindle-läsningsappar.
• PDF: PDF har blivit en allestädes närvarande enhet på webben. Jag inkluderar det här eftersom de flesta surfplattor har bra, inbyggd teknik för att läsa PDF-filer och möjliggöra hjälpteknik med dem. Med en PDF är den avgörande faktorn hur den skapades. Enligt Alan Dalton, rådgivare för tillgänglighetsutveckling vid Irlands nationella handikappmyndighet, "Du kan göra PDF-filer tillgängliga, hur många som helst inte. De inser inte att deras verktyg producerar dåliga produkter. Om jag hade min väg skulle allt vi gör vara HTML. " Navigering och tillgänglighet åt sidan, PDF-filer anpassar sig inte heller till olika storlekar, och alla som har försökt att läsa en PDF på en smartphone känner till den besvärliga nypning, zoomning och panorering som krävs för att göra det.

Det som inte faller inom denna kategori är appar som tar ditt innehåll och gör det till stora bilder. Även om detta kan säkerställa att utseendet och stilen är densamma över alla plattformar, blockerar du mycket av din publik samtidigt som du skapar en mycket tung nedladdning. Detta problem förvärras när vi börjar prata om Retina-skärmar och dubbelstora bilder. För att få en känsla för hur det är att nekas något du vill läsa (men ändå måste betala för det ändå), se kommentarerna om tidningskioskappar som oftast är otillgängliga via VoiceOver i iOS.

För att se hur dessa typer av tidningar ser ut för en tillgänglig teknisk användare, se mina videoinbäddningar, som visar den frustrerande upplevelsen av att försöka läsa dessa tidningar med en
tillgänglighetsverktyg som VoiceOver:

Att hålla innehållet bärbart och tillgängligt

Med fokus på bärbara format kan vi hantera vårt innehåll för att leva lyckligt i fler webbläsare, telefoner, digitala läsarenheter och läsapplikationer. Vad behöver vi göra för vårt innehåll för att se till att det kan översättas väl mellan dessa olika format, samtidigt som vi behåller en anpassad stil och fantastisk upplevelse?

Jag har sammanställt några riktlinjer nedan för personer som vill att publiken ska vara så bred som möjligt och som inte vill låsa innehållet i en svart ruta för många användare. Dessa tekniker kan tillämpas på allt från blogginlägg till långformad journalistik, till alla andra verk du överväger att självpublicera:

1. Börja med HTML5

Genom att skapa dina dokument först med HTML5 har du mindre att oroa dig för i framtiden. HTML5-markering hjälper dig att hålla dina dokument lätta att navigera och att översätta till andra format. Du kommer att göra betydligt mindre ”retropassning” av dina publikationer till andra format om du har semantisk information där från början.

2. WAI-ARIA

WAI-ARIA är Web Accessibility Initiative - Accessible Rich Internet Applications-sviten. Det är en uppsättning riktlinjer som skapats av arbetsgruppen för protokoll och format (PFWG) från
W3C. WAI-ARIA definierar ett sätt att göra webbinnehåll och applikationer mer tillgängliga för personer med funktionshinder, och det hjälper till med dynamiskt innehåll och avancerade användargränssnittskontroller utvecklade med Ajax, HTML, JavaScript och relaterad teknik. Några av teknikerna i den här artikeln kommer från WAI-ARIA-riktlinjerna, och även om den här artikeln inte är tillräckligt lång för att täcka alla specifikationer, skulle jag uppmana dig att kolla in den för mer information om varför dessa rekommenderas och bästa praxis för genomföra dem.

3. Använda doktyp

Även om en specifik doktyp i sig inte påverkar tillgängligheten för den associerade HTML-koden, är den viktiga anledningen att använda en doktyp att se till att webbläsarens quirks-läge inte utlöses. Använd bara ! DOCTYPE html> för att säkerställa att det inte händer.

4. HTML5-dokumenttaggar

Korrekt navigering av ett dokument påverkar högt i dess tillgänglighetsindex. Många användare av tillgänglig teknik som jag intervjuade uttryckte sin frustration över innehållsleverantörer och utvecklare som inte korrekt markerade sina dokument för navigationsförmåga. Dessa taggar ger mer sammanhang till avsnitten i ditt dokument än att använda massor av divs.

• Rubrik och Sidfot kan båda användas flera gånger på en sida. De kan beteckna respektive huvudrubrik eller sidfot i dokumentet, eller de kan användas för information om sidhuvud / sidfot i artiklar eller avsnitt.
• Åt sidan är en bra tagg att använda för avsnitt, som sidofält i en bok, som kompletterar dokumentet men som inte är helt avgörande för dess förståelse.
• Avsnitt är sätt att bryta upp idéer eller gruppera innehåll som är vettigt.
• Artiklar är oberoende, fristående delar som kan existera utan resten av innehållet. Att använda dessa taggar hjälper till att se till att strukturen i ditt innehåll tolkas korrekt.

5. Dåliga länkar

Med CSS är det möjligt att använda bakgrundsbilder på länkar och knappar. Detta är en trevlig effekt för webbdesigners eftersom det ger mer kontroll över typografi. Det har dock lett till att människor glömmer att inkludera textbeskrivningar. Se till att även om du använder text i bilden också för att säkerställa att den förblir tillgänglig. Detta kan också påverka saker som SEO och
internationalisering.

Exempel:

a href = "/ contact"> / a>

Det här är dåligt.

a href = "/ contact"> Kontakta oss / a>

Mycket bättre.

6. Bilder - ALT kontra TITEL

Människor inkluderar ofta antingen alt eller titel attribut i sin bild, men inte båda eftersom de ofta missförstås och därför verkar vara överflödiga. För att rensa förvirringen, titel kan representera rådgivande information, som den som kan visas i en verktygstips. Detta kan också ge dig ytterligare information när du muspekar över en bild, en teknik som många använder på sina bloggar. Med ökningen av pekdon blir denna typ av information mindre användbar.

Alt å andra sidan används av hjälpteknik och ger sammanhang till elementet. Du måste använda alt på dina bilder och se till att det är användbar information. Använder sig av img alt = "" src = "1348.webp">

Låt folk veta

Om ditt innehåll finns i flera format, se till att det finns ett sätt att upptäcka detta på din webbplats. Du har förmodligen sett "Om du har problem med att se det här e-postmeddelandet, läs online
version "-meddelande högst upp i många nyhetsbrev via e-post. Gör det till en praxis att göra detsamma för ditt innehåll. Om du har en tillgänglig PDF eller en ljudversion samt en ePub, se till att användarna kan hitta den informationen. Gör användaren testning för att säkerställa att innehållet är sökbart och läsbart.