10 excelentes formas de hacer que su contenido sea portátil y accesible

Contenido

• La accesibilidad no es una "característica"
• Definición de plataformas
• Mantener el contenido portátil y accesible
• 1. Comience con HTML5
• 2. WAI-ARIA
• 3. Usando doctype
• 4. Etiquetas de documentos HTML5
• 5. Vínculos incorrectos
• 6. Imágenes: ALT frente a TITLE
• Hágale saber a la gente
• Resumen
• Agradecimientos
• Recursos

Cuando Kerie escribe en su iPhone, parece que está tocando la flauta. Lo sostiene cerca de su cara y sus dedos se mueven a un ritmo increíble. Termina de escribir y me entrega su teléfono para leer el mensaje que acaba de escribir. Tiene una ortografía y una gramática perfectas, y se escribió mucho más rápido de lo que podría haberlo hecho mientras usaba el teclado táctil del iPhone.

Kerie usa una aplicación llamada Fleksy para ayudarla a mover los dedos por la parte frontal del teléfono en patrones que se convierten en palabras. También lee las noticias, escucha aplicaciones de radio, consulta Twitter y busca horarios de trenes con su teléfono. Ella está completamente ciega.

"Publicar" significa cosas diferentes para diferentes personas. Para algunas personas, significa producir un volumen físico de trabajo impreso. Otras personas asocian la publicación con la capacidad de distribuir trabajos escritos a través de dispositivos y aplicaciones. Cada vez con más frecuencia, la gente piensa en publicar como hacer que el contenido esté disponible para disfrutarlo en cualquier formato, ya sea que eso signifique enviar un artículo a un blog o actualizar una publicación de Google Plus.

La realidad es que las expectativas difieren entre los usuarios y estas expectativas se transforman con el tiempo. Los lectores que alguna vez consumieron vorazmente la última publicación de un blog, ahora esperan poder leer esa publicación de blog, o cualquier artículo o libro, donde y cuando sea conveniente para ellos. Hoy en día, el contenido nos sigue desde un blog hasta Reeder en un teléfono, Instapaper en un iPad y una versión enviada por correo electrónico a través de Whispernet a un Kindle.

El flujo de trabajo de lectura de cada persona es diferente, y para aquellos que requieren funciones de accesibilidad como un lector de pantalla, alto contraste o texto ampliado, ese flujo de trabajo se interrumpe, a veces de manera irreparable, cuando los autores y editores no consideran los detalles de formato menores pero necesarios. No piense que esto no significa "marcar la casilla de accesibilidad". En su lugar, tenga en cuenta que está convirtiendo su contenido en una caja negra para muchos clientes potenciales.

La accesibilidad no es una "característica"

Si bien es cierto que los controles accesibles son utilizados por personas con problemas de audición y vista, hay muchas otras personas que también se benefician de ellos. Alguien con baja visión ajustará el tamaño de la fuente para leer el contenido en una pantalla más fácilmente. Una persona daltónica aprecia la capacidad de ajustar la paleta de colores para que elementos como el texto de advertencia rojo realmente se destaquen. Las personas con largos desplazamientos utilizan lectores de pantalla para escuchar los artículos que se les leen. Los hablantes no nativos usan video y audio con subtítulos para ayudarlos a comprender un nuevo idioma. Todos estos escenarios representan un alcance más amplio para su contenido, una experiencia de usuario mejorada y empatía, y posiblemente incluso más ingresos.

Para obtener una excelente descripción general de lo que significa accesibilidad, consulte el artículo de Ian Hamilton.

Definición de plataformas

Comencemos con algunas definiciones sobre los formatos en los que podemos enfocarnos para que nuestro contenido sea más fácil de leer:

• HTML: Con HTML5, la web es un lugar aún mejor para que los escritores y editores muestren su trabajo. Nuevas etiquetas como artículo, sección, encabezamiento y pie de página ahora se implementan en muchos navegadores y se pueden usar de manera semi-confiable para agregar contexto semántico a su escritura. Además, el próximo módulo de página CSS3 también puede ser de interés para aquellos que buscan una experiencia de lectura de página más fija para habilitar.
• EPUB: EPUB es el estándar oficial del International Digital Publishing Forum (IDPF). EPUB3 fue aprobado en octubre de 2011 y permite que las publicaciones tengan un contenido más estilizado y personalizable, más cercano a lo que es posible con HTML / CSS, en lugar de las pautas anteriores más estáticas.
• MOBI: MOBI, abreviatura de Mobipocket, es un formato utilizado por Kindle y otros lectores digitales. Es menos personalizable nuevamente que EPUB, pero lo cubrimos aquí porque puede usarlo para publicar contenido en Amazon si lo desea. Según Robin Christopherson de AbilityNet, algunos modelos de Kindle son accesibles para usuarios ciegos; sin embargo, la aplicación Kindle en iOS no lo es. KF8, el nuevo formato de Kindle, es actualmente compatible con Kindle Fire y pronto se implementará en dispositivos de tinta electrónica y aplicaciones de lectura Kindle de última generación.
• PDF: PDF se ha convertido en una entidad omnipresente en la web. Lo incluyo aquí porque la mayoría de las tabletas tienen buena tecnología incorporada para leer archivos PDF y habilitar tecnología de asistencia con ellos. Con un PDF, el factor decisivo es cómo se creó. Según Alan Dalton, asesor de desarrollo de accesibilidad de la Autoridad Nacional de Discapacidad de Irlanda, "Puede hacer que los archivos PDF sean accesibles; sin embargo, muchas personas no lo hacen. No se dan cuenta de que sus herramientas están produciendo productos malos. Si me saliera con la mía, todo lo que haríamos ser HTML ". Dejando a un lado la navegación y la accesibilidad, los archivos PDF tampoco se adaptan bien a diferentes tamaños, y cualquiera que haya intentado leer un PDF en un teléfono inteligente está familiarizado con los incómodos pellizcos, el zoom y la panorámica necesarios para hacerlo.

Lo que no se incluye en esta categoría son las aplicaciones que toman su contenido y lo convierten en imágenes grandes. Si bien esto puede garantizar que la apariencia y el estilo sean los mismos en todas las plataformas, está bloqueando a una gran cantidad de su audiencia al mismo tiempo que crea una descarga muy pesada. Este problema se agrava cuando empezamos a hablar de pantallas Retina e imágenes de doble tamaño. Para hacerte una idea de lo que es que te nieguen algo que quieres leer (y aún así tienes que pagar por ello), consulta los comentarios sobre las aplicaciones de Play Kiosco que son en su mayoría inaccesibles a través de VoiceOver en iOS.

Para ver cómo se ven este tipo de revistas para un usuario de tecnología accesible, vea mis videos incrustados, que muestran la frustrante experiencia de intentar leer estas revistas con un
herramienta de accesibilidad como VoiceOver:

Mantener el contenido portátil y accesible

Centrarnos en formatos portátiles nos permite manejar nuestro contenido para vivir felizmente en más navegadores, teléfonos, dispositivos de lectura digital y aplicaciones de lectura. ¿Qué debemos hacer con nuestro contenido para asegurarnos de que se pueda traducir bien entre estos diferentes formatos, manteniendo un estilo personalizado y una gran experiencia?

A continuación, reuní algunas pautas para las personas que desean que su audiencia sea lo más amplia posible y que no desean bloquear su contenido en una caja negra para muchos usuarios. Estas técnicas se pueden aplicar a todo, desde publicaciones de blog, hasta periodismo de formato extenso, hasta cualquier otro trabajo que esté considerando publicar por su cuenta:

1. Comience con HTML5

Al crear sus documentos inicialmente con HTML5, tendrá menos de qué preocuparse en el futuro. El marcado HTML5 ayudará a que sus documentos sean fáciles de navegar y traducir a otros formatos. Hará mucho menos "retroadaptación" de sus publicaciones a otros formatos si tiene información semántica allí desde el principio.

2. WAI-ARIA

WAI-ARIA es la Iniciativa de Accesibilidad Web - Conjunto de aplicaciones de Internet enriquecidas y accesibles. Es un conjunto de directrices creadas por el Grupo de trabajo de protocolos y formatos (PFWG) de
el W3C. WAI-ARIA define una forma de hacer que el contenido web y las aplicaciones sean más accesibles para las personas con discapacidades, y ayuda con el contenido dinámico y los controles avanzados de la interfaz de usuario desarrollados con Ajax, HTML, JavaScript y tecnologías relacionadas. Algunas de las técnicas en este artículo provienen de las pautas WAI-ARIA, y aunque este artículo no es lo suficientemente extenso para cubrir todas las especificaciones, le recomiendo que lo revise para obtener más detalles sobre por qué se recomiendan y son las mejores prácticas para implementarlos.

3. Usando doctype

Si bien el uso de un tipo de documento específico en sí mismo no afecta la accesibilidad del código HTML asociado, la razón importante para usar un tipo de documento es asegurarse de que no se active el modo de peculiaridades del navegador. Simplemente use ! DOCTYPE html> para asegurarse de que eso no suceda.

4. Etiquetas de documentos HTML5

La navegación adecuada de un documento tiene un alto índice de accesibilidad. Muchos usuarios de tecnología accesible que entrevisté expresaron su frustración con los proveedores de contenido y los desarrolladores que no marcan correctamente sus documentos para la capacidad de navegación. Estas etiquetas dan más contexto a las secciones de su documento que usar muchos divs.

• Encabezamiento y Pie de página Ambos se pueden utilizar varias veces en una página. Pueden indicar el encabezado o pie de página principal respectivo del documento, o pueden usarse para información de encabezado / pie de página dentro de artículos o secciones.
• Aparte es una buena etiqueta para las secciones, como las barras laterales de un libro, que son complementarias al documento, pero no son absolutamente cruciales para su comprensión.
• Secciones son formas de dividir ideas o agrupar contenido que tiene sentido.
• Artículos son piezas independientes e independientes que podrían existir sin el resto del contenido. El uso apropiado de estas etiquetas ayuda a garantizar que la estructura de su contenido se interprete correctamente.

5. Vínculos incorrectos

Con CSS, es posible utilizar imágenes de fondo en enlaces y botones. Este es un efecto agradable para los diseñadores web porque les da más control sobre la tipografía. Sin embargo, ha llevado a que las personas se olviden de incluir descripciones de texto. Asegúrese de que, incluso si está utilizando texto dentro de la imagen, siga siendo accesible. Esto también puede afectar aspectos como SEO y
internacionalización.

Ejemplo:

a href = "/ contacto"> / a>

Esto es malo.

a href = "/ contact"> Contáctenos / a>

Mucho mejor.

6. Imágenes: ALT frente a TITLE

Las personas a menudo incluyen alt o título atributos en su imagen, pero no ambos, ya que a menudo se malinterpretan y, por lo tanto, parecen ser redundantes. Para aclarar la confusión título puede representar información de asesoramiento, como la que podría aparecer en una descripción emergente. Esto también puede brindarle información adicional cuando pasa el mouse sobre una imagen, una técnica que muchas personas usan en sus blogs. Sin embargo, con el crecimiento de los dispositivos táctiles, este tipo de información se vuelve menos útil.

Alt por otro lado, es utilizado por tecnología de asistencia y le da contexto al elemento. Debes usar alt en sus imágenes y asegúrese de que sea información útil. Utilizando img alt = "" src = "1348.webp">

Hágale saber a la gente

Si su contenido está disponible en varios formatos, asegúrese de que haya una manera de descubrirlo en su sitio. Probablemente haya visto el mensaje "Si tiene problemas para ver este correo electrónico, lea el
versión "en la parte superior de muchos boletines informativos por correo electrónico. Practique hacer lo mismo con su contenido. Si tiene un PDF accesible o una versión de audio, además de un ePub, asegúrese de que los usuarios puedan encontrar esa información. pruebas para asegurarse de que el contenido se pueda encontrar y leer.