Menú

Tutorial de pruebas de accesibilidad (una guía completa paso a paso)

accessibility testing tutorial

Pruebe Nuestro Instrumento Para Eliminar Los Problemas

Una guía completa para las pruebas de accesibilidad:

¿Qué es la accesibilidad web?

La web está abierta a todos y siendo tester (también humano), es nuestra responsabilidad comprobar si es accesible para todos los usuarios. Esto, a su vez, contribuirá mucho al éxito de un negocio mientras trabajamos para que la aplicación sea accesible para todos y cada uno de los usuarios.

Esto también aumentará la satisfacción del usuario y nuestro negocio también.

Lista de tutoriales de esta serie:

  1. Guía de pruebas de accesibilidad (Este tutorial)
  2. Herramientas de prueba de accesibilidad: una lista completa
  3. Tutorial de WAT (barra de herramientas de accesibilidad web)
  4. Herramientas de verificación de accesibilidad WAVE y JAWS

guía de prueba de accesibilidad web

Para la mayoría de los usuarios, el uso de Internet a través de la web es fácil. Pero este no es el caso cuando nos enfrentamos a un conjunto demográfico diferente con desafíos. Es imperativo que los sitios web sean accesibles, utilizables y útiles también para este grupo de usuarios, y no debe diferenciar a los usuarios en función del idioma / cultura / ubicación / software / capacidad física o mental.

Lo que vas a aprender:

¿Qué son las pruebas de accesibilidad?

Probar una aplicación web para asegurarse de que todos y cada uno de los usuarios puedan acceder fácilmente al sitio web se conoce como prueba de accesibilidad. La rama especializada y dedicada de las pruebas que ayuda a garantizar que los sitios web sean realmente eficaces en esta área se denomina ' Pruebas de accesibilidad web ”.

Más importante aún, existen ciertas leyes y pautas para las pruebas de accesibilidad que también deben seguirse.

Accesibilidad y derecho

  • Acta de Americanos con Discapacidades : Esta ley establece que todos los dominios, como edificios públicos, escuelas y organizaciones, deben hacer que la tecnología sea accesible para todos.
  • Ley de rehabilitación, sección 504 y sección 508 : La sección 504 acomoda a todas las personas con discapacidades para acceder al lugar de trabajo, la educación y otras organizaciones y la sección 508 acomoda el acceso a la tecnología.
  • Pautas de accesibilidad al contenido web: Estas pautas sugieren las formas que pueden ayudar a mejorar la accesibilidad de un sitio web.

Mitos sobre las pruebas de accesibilidad del sitio web

Mito 1 :Es caro.

Hecho : Precaución es siempre mejor que curar, por lo que podemos pensar en los problemas de accesibilidad en la etapa de diseño y reducir el costo.

Mito 2: Convertir un sitio web inaccesible en acceso requiere mucho tiempo.

Hecho : Podemos priorizar las cosas y simplemente trabajar en las necesidades básicas.

Mito 3: La accesibilidad es simple y aburrida.

Hecho : Accesibilidad no significa que un sitio web solo deba contener texto. También podemos agregar imágenes y hacerlo más atractivo pero lo importante es que sea accesible para todos.

Mito 4 :Las pruebas de accesibilidad son para personas ciegas y discapacitadas.

Hecho : El software es útil para todos y, por lo tanto, esta prueba es para todos los usuarios.

Desafíos de A prueba de accesibilidad

Los siguientes son algunos desafíos o dificultades comunes que las pautas de accesibilidad intentan abordar:

Tipo de discapacidad Descripción de la discapacidad
Visión
Invalidez 		- Ceguera total o daltonismo o mala vista
- Problemas visuales como estroboscopio visual y problemas de efectos de destellos
Discapacidad física Difícil de usar un teclado o un mouse
Discapacidad cognitiva Dificultades de aprendizaje o mala memoria
Discapacidad de alfabetización Problemas de lectura, encontrar palabras difíciles
Discapacidad auditiva - Problemas auditivos como sordera y discapacidad auditiva
- Dificultad para escuchar bien o escuchar con claridad.

Desafíos de accesibilidad web

Importancia

  • Acceso fácil y eficiente a usuarios con discapacidades o desafíos.
  • Aumenta la participación de mercado y el alcance de la audiencia.
  • Mejora la capacidad de mantenimiento y la eficiencia
  • Satisface los requisitos legales existentes y futuros y ayuda a seguir la ética.
  • Apoyar la internacionalización
  • Ayuda en el acceso para usuarios con poco ancho de banda.

En última instancia, todo se traduce en “Mejores negocios, más dinero”.

¿Cómo se mide la accesibilidad web?

La accesibilidad de la web se puede medir con la ayuda de los estándares de accesibilidad web creados por el W3C conocido como Pautas de accesibilidad al contenido web (WCAG) . Pocos otros departamentos también han desarrollado sus propias pautas, pero estas también siguen la Iniciativa de Accesibilidad Web (WAI) Pautas.

Evaluación de la accesibilidad de un sitio web:

Hay muchos factores que influyen en esto, como:

  • Contenido
  • Tamaño
  • Código
  • Lenguajes de marcado
  • Herramientas de desarrollo
  • Ambiente

Como siempre, es una buena práctica implementar técnicas de accesibilidad web en la etapa inicial del proyecto. La reparación de sitios web accesibles requiere esfuerzos adicionales.

Algunas técnicas sencillas de ejemplo son:

  • Verificación del título de la página
  • Alternativas de texto de imagen ('texto alternativo')
  • Encabezados
  • Relación de contraste ('contraste de color') ... etc.

También podemos determinar la accesibilidad con la ayuda de ' Herramientas de evaluación ”- hasta cierto punto. Hay pocas cosas, como si el texto alternativo está escrito apropiadamente para la imagen o no, no se puede evaluar completamente, pero son efectivas en su mayor parte.

Leer también => Más de 30 herramientas de prueba web más populares.

Principios de diseño web universal a seguir

El sitio web debe estar diseñado universalmente de tal manera que debe seguir los principios de usabilidad y accesibilidad. Cada uno tiene su propio estilo de aprendizaje y procesamiento, por lo tanto, el sitio / producto debe diseñarse independientemente de esto.

A continuación se presentan algunos principios estándar básicos del diseño de sitios web:

# 1) Coordinación:

Cada actividad y cada persona incluida en el proyecto deben coordinarse entre sí. Hay que tener en cuenta que un sitio web debe diseñarse de acuerdo con los propios y así como W3C Normas.

tutorial de selenium webdriver java eclipse pdf

# 2) Cumplimiento:

Al ser una organización responsable, debe hacerse responsable de la creación de un sitio accesible. En lugar de que los usuarios se hagan responsables de un sitio accesible, deberíamos hacerlo.

# 3) Liderazgo:

Todos deben conocer estos principios y deben informar si tienen algún problema al acceder al sitio.

# 4) Consideración de acceso :

Necesitamos seguir los estándares, junto con ellos podemos considerar los estándares seguidos por la organización para personas especialmente capacitadas.

# 5) Dimensiones técnicas:

Un sitio web debe diseñarse considerando todos los estándares técnicos.

# 6) Investigación educativa:

Debemos investigar sobre la accesibilidad y los problemas que enfrenta al acceder al sitio web. Con la ayuda de esto, se debe capacitar al personal para que sean conscientes de los estándares y problemas.

# 7) Inclusión social:

Todos los seres humanos deben ser tratados por igual no solo en el modo en línea, sino también en el mundo físico.

Junto con este edificio, es necesario un sitio web POUR.

Ahora surge la pregunta de qué significa POUR y la respuesta se da a continuación:

PAG erceivable:La presentación de la suite web debe ser perceptible. El contenido debe tener sentido desde la perspectiva de todos los usuarios.

O perable:Se puede decir que el sitio es operativo si un usuario puede navegar por el sitio fácilmente.

U comprensible:Todo lo presente en el sitio web debe ser entendido por cualquier tipo de usuario. En resumen, el lenguaje debe ser sencillo y no complejo.

R detener:Independientemente de la tecnología cambiante y el tipo de usuarios, el contenido debe ser sólido.

Cómo realizar pruebas de accesibilidad: una guía paso a paso

Tutorial de pruebas de accesibilidad

Esto se puede hacer utilizando el método de prueba manual y automático.

cómo escribir casos de prueba a partir de requisitos

Método manual

Hay muchas herramientas disponibles en el mercado para las pruebas de accesibilidad, pero puede haber algunos problemas como la falta de recursos especializados, presupuesto, etc. En tal caso, podemos optar por las pruebas manuales.

A continuación, se muestran algunas formas de probar la accesibilidad del sitio web manualmente:

# 1) Podemos usar el modo de alto contraste:

Utilizando el modo de alto contraste podemos resaltar el contenido del sitio web. Cuando activamos el modo de alto contraste, el contenido del sitio web se resalta automáticamente, ya que se vuelve blanco o amarillo y el fondo se vuelve negro.

Para activar el modo de alto contraste, busque el modo de alto contraste en el cuadro de búsqueda.

Configuración de alto contraste

Aquí, tendrá la opción de elegir un tema, seleccione el tema de alto contraste en el menú desplegable.

Ajuste de alto contraste

Un navegador se verá como se muestra a continuación después de realizar los cambios en la configuración.

Ejemplo de navegador

Después de esto, podemos ver si el contenido está correctamente visible o no.

# 2) Al no acceder a las imágenes :

Temporalmente, por el momento, puede desactivar el acceso y ver si el texto justifica el contenido, ya que algunas personas pueden no tener acceso a eso o, a veces, se tarda demasiado en cargar las imágenes.

Puede desactivar el acceso al navegador de las siguientes formas:

Explorador de Internet: Herramientas-> Opciones de Internet-> Avanzado-> mostrar imágenes (desmarque).

Configuraciones de Internet

Opciones de Internet -Srttings avanzados

Firefox: Abra Firefox y escriba sobre : config , en la barra de direcciones y obtendrá el resultado como se muestra a continuación.

Configuración de configuración de Firefox

Después de obtener esta pantalla, debe buscar ' allow.default.image ' y ajuste el valor de 0 a 1.

Ajustes de configuración

Pantalla de configuración

# 3) Comprobación de subtítulos :Compruebe si hay un título disponible y asegúrese de que sea bastante descriptivo. Muchas veces nos encontramos con enlaces en la página de Facebook donde las imágenes o videos pueden tardar bastante en mostrarse pero los subtítulos nos ayudarán mucho.

# 4) Desactivando la hoja de estilo en cascada (CSS): CSS se utiliza básicamente para describir la presentación del documento. Al desactivar esta opción, podemos comprobar el color de fondo, el estilo del texto y el estilo de presentación del texto.

# 5) Intenta usar el teclado :Si eres un jugador o un experto en Excel, esta prueba debe ser más fácil para ti. Trate de no tocar el mouse y acceda al sitio web con la ayuda de un teclado.

Puede utilizar la tecla 'Tab' para cambiar entre enlaces.

'Tabulador' + 'Mayús' te llevará a donde estabas antes.

# 6) Usar etiqueta de campo :Es útil al completar un formulario, Etiqueta de campo es lo que verá al ver una plantilla. Al usar esto, uno puede completar la información necesaria al registrarse u ordenar algo en línea.

# 7) Cambiar el tamaño de fuente a grande :Utilice un tamaño de fuente grande y una verificación continua de accesibilidad.

# 8) Saltar navegación: Esto puede resultar útil para personas con discapacidades motoras. Haciendo click Ctrl + Inicio puede mover su enfoque a la parte superior de la página.

# 9) Documento PDF: Intente guardar el archivo PDF en forma de texto y verifique si el orden del contenido se mantiene o no.

# 10) Al deshabilitar el estilo: Desactive el estilo y compruebe si el contenido de la tabla está correctamente alineado o no.

# 11) Escalado de contenido: Intente alejar la imagen y verifique si es legible.

Pruebas de accesibilidad automatizadas

Dado que la automatización se está extendiendo ampliamente en el campo de las pruebas, también podemos optar por la automatización para comprobar la accesibilidad. Contamos con varias herramientas para pruebas automatizadas.

# 1) un diseñador: Está desarrollado por IBM y es útil para probar el software desde la perspectiva de las personas con discapacidad visual.

# 2) WebAnywhere: Actúa como lector de pantalla y no requiere ninguna instalación especial.

# 3) Vischeck: Esta herramienta nos ayuda a reproducir la imagen en varias formas para que podamos imaginar cómo se verá cuando sea accedida por diferentes tipos de usuarios.

# 4) Analizador de contraste de color: Comprueba la combinación de colores y analiza la visibilidad.

# 5) Hera: Comprueba el estilo de la aplicación y viene con una opción multilingüe.

sitio web multilingüe

# 6) Extensión de accesibilidad de Firefox: Firefox te permite ampliar su funcionalidad.

Puedes agregarlo para abrir Firefox-> Complementos-> extensión de accesibilidad . Le ayudará a probar el informe, la navegación, el texto del enlace, etc.

Extensión de accesibilidad

Pantalla de Addon Manager

Después de hacer clic en el extensión obtendrá una opción de búsqueda complementos .

Añadir

# 7) TAW en línea: Le da la opción de verificar si el software está desarrollado según las pautas de WCAG 1.0 o WCAG 2.0 . También tiene la opción de seleccionar el nivel de análisis.

ver mi sitio web en diferentes navegadores

# 8) Comprobador de accesibilidad de PDF: Comprueba la accesibilidad de un archivo PDF.

=> Para la lista completa consulte esta publicación de Herramientas de prueba de accesibilidad

Prueba de accesibilidad Lista de verificación / casos de prueba / escenarios

A continuación se presentan algunos puntos que deben verificarse al realizar este tipo de prueba:

  • Si las etiquetas están escritas y colocadas correctamente o no.
  • Si el contenido de audio / video es audible / visible correctamente o no.
  • Si la relación de contraste de color se mantiene o no.
  • Si las acciones de control para video funcionan bien o no.
  • Si se proporcionan las teclas cortas para el menú, debe verificar si todas funcionan bien.
  • Necesita buscar pestañas si la navegación entre pestañas es una tarea fácil.
  • Si la aplicación ha seguido todos los principios y directrices o no.
  • Si el título es único y transmite el significado y la estructura o no.
  • Si el texto del enlace está escrito con una descripción del contenido en lugar de crear ambigüedad.
  • Si se proporciona un título multimedia significativo o no.
  • Si las instrucciones se dan claramente o no.
  • Si el contenido es claro, conciso y comprensible o no.

Los siguientes son los puntos clave que el sitio web debe satisfacer para la accesibilidad:

  • El texto del enlace debe ser descriptivo . El usuario con discapacidad visual accede a la página web haciendo clic en el botón de pestaña del teclado y muévase de un enlace a otro. Por eso es fundamental que la descripción de los enlaces esté correctamente definida. Asegúrese de que se pueda acceder a los hipervínculos mediante la tecla de tabulación.
  • Proporcione imágenes apropiadas cuando sea posible . Una imagen habla más fuerte que las palabras. Intente agregar imágenes apropiadas para el texto siempre que sea posible. Las imágenes pueden describir el contenido del sitio web para usuarios con dificultades de alfabetización.
  • Utilice un lenguaje sencillo . El usuario con discapacidad cognitiva tiene dificultades de aprendizaje, es muy importante que las oraciones sean simples y fáciles de leer.
  • Navegación consistente . La navegación constante por las páginas también es muy importante para los usuarios con discapacidades cognitivas. Es una buena práctica mantener la coherencia del sitio web y no modificar las páginas de forma regular. Adaptarse al nuevo diseño requiere mucho tiempo y puede resultar difícil.
  • Ignorar ventanas emergentes . Los usuarios que usan un lector de pantalla para leer las páginas web, las ventanas emergentes pueden ser realmente inconvenientes para ellos. El lector de pantalla lee la página de arriba a abajo y aparece una ventana emergente repentina, el lector comenzará a leerla primero antes del contenido real. Puede confundir a los usuarios con discapacidad visual.
  • Diseño CSS . Los sitios web basados ​​en CSS son más accesibles que los sitios web basados ​​en código HTML.
  • Divida la oración grande en una oración pequeña y simple. Los usuarios con discapacidad visual escuchan la información de la página web e intentan recordarla. Dividir la oración grande en una oración pequeña y simple puede ayudar a recordar cosas fácilmente.
  • No utilice texto de marquesina. Evite el texto brillante y manténgalo simple.

En definitiva, debemos comprobar si la aplicación está desarrollada de acuerdo con las directrices del W3C, los principios de diseño de sitios web y los principios de accesibilidad y para ello debemos ser conscientes de todos estos principios.

Podemos resumir los puntos de control anteriores verificando y validando el contenido escrito, el diseño y el método de desarrollo del sitio web / aplicación.

También leer => Guía completa de pruebas web.

Conclusión

Las pruebas de accesibilidad simplemente explican la facilidad con la que se puede navegar, acceder y comprender el software. Es para todo tipo de usuarios. El evaluador debe realizar la prueba desde la perspectiva de todos.

Al igual que cualquier otro tipo de prueba, esta prueba también se puede realizar manualmente, así como con la ayuda de herramientas de automatización. El objetivo de un Tester debería ser simplemente comprobar si las directrices se cumplen o no y qué tan fácil y amigable puede un usuario utilizar el software.

Lectura recomendada = >> Principales proveedores de servicios de pruebas de accesibilidad

En la siguiente parte de esta serie de tutoriales, le presentaremos algunas herramientas y técnicas de prueba de accesibilidad web más, así que quédese con nosotros.

Como siempre, por favor comente sus preguntas, sugerencias y experiencias.

SIGUIENTE Tutorial

Lectura recomendada

^