10 maneres fantàstiques de fer que el vostre contingut sigui accessible i accessible

Content

• L'accessibilitat no és una "característica"
• Definició de plataformes
• Mantenir el contingut portàtil i accessible
• 1. Comenceu amb HTML5
• 2. WAI-ARIA
• 3. Utilitzant doctype
• 4. Etiquetes de documents HTML5
• 5. Enllaços incorrectes
• 6. Imatges: ALT versus TÍTOL
• Feu-ho saber
• Resum
• Agraïments
• Recursos

Quan Kerie escriu al seu iPhone, sembla que toqui la flauta. La manté a prop de la cara i els dits es mouen a un ritme increïble. Acaba d’escriure i em lliura el telèfon per llegir el missatge que acaba d’escriure. Té una ortografia i una gramàtica perfectes i es va escriure molt més ràpidament del que hauria pogut fer mentre utilitzava el teclat tàctil de l’iPhone.

Kerie utilitza una aplicació anomenada Fleksy per ajudar-la a moure els dits per la cara del telèfon amb patrons que es converteixen en paraules. També llegeix les notícies, escolta aplicacions de ràdio, comprova Twitter i busca horaris de trens amb el seu telèfon. És completament cega.

"Publicar" significa coses diferents per a diferents persones. Per a algunes persones, significa produir un volum de treball imprès i físic. Altres persones associen la publicació amb la possibilitat de distribuir treballs escrits a través de dispositius i aplicacions. Cada cop amb més freqüència, la gent pensa en publicar com a fer que el contingut estigui disponible per gaudir-lo en qualsevol format, tant si vol dir enviar un article a un bloc com actualitzar una publicació de Google Plus.

La realitat és que les expectatives difereixen entre els usuaris, i aquestes expectatives es van transformant amb el pas del temps. Els lectors que una vegada van consumir amb voracitat l’última publicació d’un bloc ara esperen que puguin llegir-la, qualsevol article o llibre, allà on i quan els convingui. Avui el contingut ens segueix des d’un bloc a Reeder per telèfon fins a Instapaper en un iPad a una versió enviada per correu electrònic enviada mitjançant Whispernet a un Kindle.

El flux de treball de lectura de tothom és diferent i, per a aquells que requereixen funcions d’accessibilitat com ara un lector de pantalla, un text de gran contrast o ampliat, aquest flux de treball es trenca, de vegades de manera irreparable, quan els autors i els editors no consideren detalls de format menors però necessaris. No us penseu que no marca la casella d’accessibilitat. En lloc d’això, adoneu-vos que eficaçment convertiu el vostre contingut en un quadre negre per a molts clients potencials.

L'accessibilitat no és una "característica"

Si bé és cert que els individus amb audició i vista reduïdes fan servir controls accessibles, també hi ha moltes altres persones que se’n beneficien. Algú amb poca visió ajustarà la mida de la lletra per llegir el contingut d’una pantalla amb més facilitat. Una persona amb daltonisme valora la capacitat d’ajustar la paleta de colors per tal que realment destaquin coses com el text d’advertència en vermell. Les persones amb desplaçaments llargs utilitzen lectors de pantalla per escoltar articles que se'ls llegeixen. Els parlants no nadius utilitzen àudio i vídeo per ajudar-los a entendre un idioma nou. Tots aquests escenaris representen un abast més ampli per al vostre contingut, una millor experiència d’usuari i empatia, i possiblement encara més ingressos.

Per obtenir una visió general del que significa l'accessibilitat, consulteu l'article d'Ian Hamilton.

Definició de plataformes

Comencem amb algunes definicions sobre els formats en què ens podem centrar per facilitar la lectura del nostre contingut:

• HTML: Amb HTML5, el web és un lloc encara millor per als escriptors i editors per mostrar el seu treball. Noves etiquetes com article, secció, capçalera i peu de pàgina ara s’implementen en molts navegadors i es poden utilitzar de forma semi-fiable per afegir context semàntic a la vostra redacció. A més, el proper mòdul de pàgines CSS3 també pot ser d’interès per a aquells que busquen una experiència de lectura de pàgines més fixes.
• EPUB: EPUB és l'estàndard oficial de l'International Digital Publishing Forum (IDPF). EPUB3 es va aprovar l'octubre de 2011 i permet que les publicacions tinguin contingut més dissenyat i personalitzable, més proper al que és capaç amb HTML / CSS, en lloc de les pautes anteriors més estàtiques.
• MOBI: MOBI, abreviatura de Mobipocket, és un format utilitzat per Kindle i altres lectors digitals. Torna a ser menys personalitzable que EPUB, però ho tractem aquí perquè el podeu utilitzar per publicar contingut a Amazon si ho desitgeu. Segons Robin Christopherson d'AbilityNet, alguns models del Kindle són accessibles per a usuaris invidents; no obstant això, l'aplicació Kindle per a iOS no ho és. KF8, el nou format de Kindle, és compatible actualment amb Kindle Fire i aviat es llançarà als dispositius de tinta electrònica Kindle d’última generació i a les aplicacions de lectura de Kindle.
• PDF: PDF s'ha convertit en una entitat omnipresent al web. L’inclou aquí perquè la majoria de les tauletes tenen una bona tecnologia integrada per llegir PDF i permetre la tecnologia d’assistència amb ells. Amb un PDF, el factor decisiu és com es va crear. Segons Alan Dalton, assessor de desenvolupament d'accessibilitat de l'Autoritat Nacional per a la Discapacitat d'Irlanda, "podeu fer que els PDF siguin accessibles, tot i que molta gent no ho fa. No s'adonen que les seves eines produeixen productes dolents. Si tingués el meu camí, tot el que fem seria sigui HTML ". A banda de la navegació i l’accessibilitat, els PDF tampoc s’adapten bé a diferents mides i qualsevol persona que hagi intentat llegir un PDF en un telèfon intel·ligent està familiaritzat amb els incòmodes pessecs, zoom i panoràmica necessaris per fer-ho.

El que no entra en aquesta categoria són les aplicacions que prenen el vostre contingut i el converteixen en imatges grans. Tot i que això pot assegurar que l’aspecte i l’estil siguin els mateixos a totes les plataformes, bloquegeu una gran quantitat de públics alhora que creeu una baixada molt intensa. Aquest problema s’agreuja quan comencem a parlar de pantalles Retina i d’imatges de doble mida. Per tenir una idea del que és que se us negui alguna cosa que vulgueu llegir (tot i així, heu de pagar-ho de totes maneres), consulteu els comentaris sobre que les aplicacions de Quiosc no són accessibles a través de VoiceOver a iOS.

Per veure l’aspecte d’aquest tipus de revistes per a un usuari de tecnologia accessible, consulteu els incrustacions de vídeos que mostren la frustrant experiència d’intentar llegir aquestes revistes amb
eina d'accessibilitat com VoiceOver:

Mantenir el contingut portàtil i accessible

Centrar-nos en formats portàtils ens permet gestionar el nostre contingut per viure feliç en més navegadors, telèfons, dispositius lectors digitals i aplicacions de lectura. Què hem de fer amb el nostre contingut per assegurar-nos que es pugui traduir bé entre aquests diferents formats, tot mantenint un estil personalitzat i una experiència fantàstica?

A continuació he elaborat algunes directrius per a les persones que volen que el seu públic sigui el més ampli possible i que no vulgui bloquejar el seu contingut en una caixa negra per a molts usuaris. Aquestes tècniques es poden aplicar a tot, des de publicacions de blocs, fins a periodisme de llarga durada, a qualsevol altra obra que estigueu considerant autoeditar:

1. Comenceu amb HTML5

Si creeu els vostres documents inicialment amb HTML5, no us preocupareu en el futur. El marcatge HTML5 us ajudarà a facilitar la navegació i la traducció dels vostres documents a altres formats. Fareu molt menys «retroadaptació» de les vostres publicacions en altres formats si hi teniu informació semàntica des del principi.

2. WAI-ARIA

WAI-ARIA és el paquet d’iniciatives d’accessibilitat web - Accessible Rich Internet Applications suite. Es tracta d’un conjunt de directrius creades pel grup de treball sobre protocols i formats (PFWG) de
el W3C. WAI-ARIA defineix una manera de fer que el contingut i les aplicacions web siguin més accessibles a les persones amb discapacitat, i ajuda amb el contingut dinàmic i els controls avançats de la interfície d'usuari desenvolupats amb Ajax, HTML, JavaScript i tecnologies relacionades. Algunes de les tècniques d’aquest article provenen de les directrius WAI-ARIA i, tot i que aquest article no és prou llarg per cobrir totes les especificacions, us animo a que ho comproveu per obtenir més informació sobre per què es recomana i les millors pràctiques per a implementant-los.

3. Utilitzant doctype

Tot i que l’ús d’un tipus de document específic no afecta l’accessibilitat del codi HTML associat, la raó important per utilitzar un tipus de document és assegurar-se que el mode de peculiaritats del navegador no s’activi. Simplement utilitzeu ! DOCTYPE html> per garantir que això no passi.

4. Etiquetes de documents HTML5

La navegació adequada d’un document té un alt índex d’accessibilitat. Molts usuaris de tecnologia accessible que vaig entrevistar van expressar la seva frustració perquè els proveïdors de contingut i els desenvolupadors no marquessin adequadament els seus documents per a la capacitat de navegació. Aquestes etiquetes donen més context a les seccions del vostre document que no pas fent servir molts divs.

• Capçalera i Peu de pàgina es poden utilitzar ambdues vegades en una pàgina. Poden indicar la capçalera o el peu de pàgina principal del document respectius, o bé es poden utilitzar per obtenir informació de capçalera / peu de pàgina dins d’articles o seccions.
• A part és una bona etiqueta per utilitzar en seccions, com ara les barres laterals d’un llibre, que són complementàries al document però no són absolutament crucials per a la seva comprensió.
• Seccions són maneres de trencar idees o agrupar contingut que tingui sentit.
• Articles són peces independents i independents que podrien existir sense la resta del contingut. L’ús adequat d’aquestes etiquetes ajuda a assegurar-vos que l’estructura del vostre contingut s’interpreta correctament.

5. Enllaços incorrectes

Amb CSS, és possible utilitzar imatges de fons en enllaços i botons. Aquest és un bon efecte per als dissenyadors de pàgines web, ja que proporciona més control sobre la tipografia. Tot i això, ha fet que la gent oblidi incloure descripcions de text. Assegureu-vos que, fins i tot si feu servir text dins de la imatge, també assegureu-vos que sigui accessible. Això també pot afectar coses com SEO i
internacionalització.

Exemple:

a href = "/ contact"> / a>

Això és dolent.

a href = "/ contact"> Contacteu amb nosaltres / a>

Molt millor.

6. Imatges: ALT versus TÍTOL

La gent sol incloure-hi qualsevol alt o bé títol atributs a la seva imatge, però no tots dos, ja que sovint s’entenen malament i, per tant, semblen redundants. Per aclarir la confusió, títol pot representar informació d'assessorament, com ara la que pot aparèixer en una descripció. Això també us pot proporcionar informació addicional quan passeu el ratolí per sobre d’una imatge, una tècnica que molta gent utilitza als seus blocs. No obstant això, amb el creixement dels dispositius tàctils, aquest tipus d'informació esdevé menys útil.

Alt d'altra banda, s'utilitza amb la tecnologia d'assistència i dóna context a l'element. Heu d'utilitzar alt a les imatges i assegureu-vos que sigui informació útil. Utilitzant img alt = "" src = "1348.webp">

Feu-ho saber

Si el vostre contingut està disponible en diversos formats, assegureu-vos que hi hagi una manera de descobrir-lo al vostre lloc. Probablement hàgiu vist el missatge "Si teniu problemes per veure aquest correu electrònic, llegiu la pàgina en línia
"versió" a la part superior de molts butlletins de correu electrònic. Feu que sigui pràctic fer el mateix amb el vostre contingut. Si teniu un PDF accessible, una versió d'àudio i un ePub, assegureu-vos que els usuaris puguin trobar aquesta informació. proves per assegurar-se que el contingut es pugui trobar i llegir.