How NDSU Optimizes Their Website for Accessibility

Cómo NDSU optimiza su Sitio Web para la Accesibilidad

Cuando pensamos en la accesibilidad, a menudo pensamos en ejemplos tangibles como subtítulos en una pantalla de televisión y lugares preferidos de estacionamiento para facilitar el acceso a edificios, tiendas, etc. Pero uno de los lugares donde la accesibilidad puede tener el mayor impacto es cuando forma parte de la experiencia digital.

Seminario web: Cómo lograr la Accesibilidad del Sitio Web

Únase a expertos de Siteimprove, Palantir y Acquia, ya que utilizamos un caso de estudio real de North Dakota State University para ilustrar el poder transformador de la accesibilidad para optimizar su sitio para todos los usuarios.

VER EL WEBINAR

La accesibilidad web se define como el diseño y desarrollo web que garantiza un fácil acceso en línea, ya sea sin ayuda o mediante tecnologías de asistencia, para personas con todas las capacidades. Y con aproximadamente una de cada cuatro personas que viven con una discapacidad en los Estados Unidos, esa es una gran cantidad de personas que también merecen una experiencia digital atractiva.

“No construiría un edificio nuevo sin una rampa o ascensor con acceso para sillas de ruedas? Entonces, por qué construiría su sitio web de manera diferente? "Adam Segar, gerente de alianza de socios de Siteimprove, dijo en su presentación de Acquia Engage," A través de los ojos de todos los usuarios: cómo NDSU optimiza su sitio web para todos ".

Siteimprove , Junto con Palantir , asumió el reto de accesibilidad para Universidad Estatal de Dakota del Norte . Fundada en 2003, Siteimprove ofrece el software de optimización de presencia digital (DPO) más completo del mundo. Desde 1996, Palantir, uno de los socios de Siteimprove y Acquia, ha ayudado a las organizaciones a transformar los sitios web en plataformas modernas que ofrecen resultados. La misión de Palantir es fortalecer a la humanidad ayudando a otros a descubrir, crear y compartir conocimiento.

Nelson Harris, gerente de ventas de Palantir, explicó cómo NDSU trajo a Palantir durante una compilación del sitio que ya estaba en progreso para ayudar con las auditorías y proporcionar soporte de compilación adicional. La auditoría se centró en gran medida en la accesibilidad, y Palantir utilizó las herramientas de Siteimprove para identificar los problemas, corregir los problemas encontrados y luego verificar que se solucionaron esos problemas.

Cuando considerando un proyecto de accesibilidad, construirlo con todos en mente, desde el contenido hasta el diseño y el desarrollo. Dicho esto, hay diferentes niveles de accesibilidad a considerar. Qué proporcionará una gran experiencia al cliente y atraerá a un mercado más amplio, pero también es adecuado para personas de todas las capacidades? La forma en que se determinan estos niveles, de acuerdo con las Pautas de Accesibilidad para el Contenido Web (WCAG 2.0) de la siguiente manera:

Obtener Actualizaciones

Reciba el mejor contenido sobre el futuro del marketing, los cambios en la industria y otros líderes de opinión.

Percibible - Pueden todos "ver" esto?

  • Proporcionar subtítulos y otras alternativas para multimedia.
  • Proporcionar alternativas de texto para el contenido no textual.

Operable - Pueden todos operar esto?

  • Haga que toda la funcionalidad esté disponible desde un teclado.
  • Ayuda a los usuarios a navegar y encontrar contenido.

Comprensible - Pueden todos entender esto?

  • Haga el texto legible y comprensible.
  • Ayuda a los usuarios a evitar y corregir errores.

Robusto - Pueden todos los dispositivos usar esto?

  • Maximice la compatibilidad con las herramientas de usuario actuales y futuras.
  • Escribe código bueno.

Cada vez que Palantir asume un proyecto de accesibilidad, contempla tres categorías principales: contenido, diseño y desarrollo. En cuanto a NDSU, tenían las siguientes consideraciones:

Contenido:

  • Cuando se trata de contenido, debe escribirse con un lenguaje claro y conciso. Debe ser breve y explicativo para que un lector de pantalla pueda responderle y usted sepa exactamente de qué se trata el contenido.  
  • Las imágenes deben estar etiquetadas con texto alternativo y títulos. Aunque “IMG001.JPEG” puede salirse fácilmente de la lengua, no transmite mucha información relevante sobre la imagen en la pantalla. Intente tener campos en el CMS para texto, de modo que los autores no tengan que confiar en incrustar texto en imágenes (imágenes de texto, no seleccionables), lo cual es una violación de accesibilidad.
  • Asegúrate de incluir meta tags y que tengan sentido. Proporcione contexto y nombre a sus enlaces según el contenido al que se vinculan. No use enlaces de "clic aquí".No use enlaces de "clic aquí".

Diseño:

  • Un aspecto importante del color en la web para usuarios con baja visión y daltónicos es el contraste suficiente entre el primer plano (texto o gráficos) y el fondo.
  • Una experiencia consistente en lo que respecta a la navegación es importante, especialmente para los que tienen poca visión, y aquellos que usan la ampliación de la pantalla para mostrar una pequeña parte de la pantalla, ya que a menudo usan señales visuales y límites de páginas para localizar rápidamente el contenido repetido. No desea que su navegación y menús cambien de una página a otra.
  • Es importante asegurarse de que el trabajo que está haciendo para que las cosas sean accesibles se traduzca en diferentes dispositivos y puntos de interrupción.
  • El diseño y la organización claros son importantes, de nuevo, para la coherencia de la experiencia.El diseño y la organización claros son importantes, de nuevo, para la coherencia de la experiencia.

Desarrollo:

  • Revise la lista de verificación para WCAG 2.1 en desarrollo y asegúrese de que no se haya perdido nada.
  • Evite repeticiones innecesarias, palabras inútiles adicionales y cadenas dinámicas de URL en su estructura de URL; Las URL deben ayudar a describir la página a la que apuntan.
  • El marcado semántico significa asegurarse de que los elementos de marcado se están utilizando de manera adecuada. Una problema común es usar encabezados en la jerarquía equivocada.
  • Trate de asegurarse de que exista un requisito de ingreso de texto alternativo en el lado del administrador cuando coloque imágenes.
  • Compruebe los flujos de trabajo editoriales que crean la estructura y hacen cumplir el cumplimiento. Proporcionar texto de ayuda a los autores cuando están escribiendo texto.Proporcionar texto de ayuda a los autores cuando están escribiendo texto.

Las herramientas de Siteimprove pudieron ver cada categoría y lo que estaba dentro de las pautas de accesibilidad y lo que debía abordarse. También proporcionaron escaneos continuos del sitio web, informando sobre problemas y errores en tiempo real, informes y tableros personalizados y cuestiones prioritarias basadas en:

  • Número de Errores.
  • Nivel de Página.
  • Páginas Vistas.
  • Clics en Enlaces Rotos.

Además, las herramientas de Siteimprove mantuvieron un historial de elementos completados, ignorados o encontrados.

Las auditorías de accesibilidad son siempre un proceso y es importante encontrar un equilibrio y no sacrificar el diseño y la comercialización en general para cumplir con la carta de los estándares. Este umbral es diferente para todos. NDSU no está haciendo todas las mejoras de accesibilidad identificadas en su sitio actual todavía, pero el cumplimiento de la accesibilidad es un viaje y un trabajo constante en progreso. El equipo está trabajando diligentemente para realizar mejoras y arreglos para acercarse lo más posible al equilibrio entre la estética del diseño y las limitaciones técnicas que pueden surgir de la conformidad con la accesibilidad.

Para profundizar en el proyecto NDSU con Palantir.net y Siteimprove, regístrese ahora para el próximo seminario web Cómo lograr la accesibilidad del sitio web para todos , que ocurre el 31 de Enero.

Reena Leone

Ex Gerente Senior de Marketing de Contenido Acquia

Reena Leone tenía casi 10 años de experiencia en marketing digital, trabajando para agencias digitales y marcas globales.

Una autodenominada "escritora, podcaster, cosplayer y nerd", dijo que su aspecto favorito de trabajar en Acquia era su colaboración con sus colegas.

"Cuando decimos '#ilovemyteam', no es una broma. Este es el tipo de lugar donde puedes ser tú; Se alienta la individualidad ", dijo Leone.

Desde que ella comenzó con Acquia, Leone tuvo la oportunidad de forjar su propia carrera, dijo.

"Esta flexibilidad me ha hecho más capaz de manejar cualquier desafío que se me presente, y me ha permitido aumentar mis habilidades como escritor, editor y gerente".