Oct
30
2021

Tabla de contenido

0 0
0 0
Read Time:4 Minute, 9 Second

Introducción

  • Crear un nuevo proyecto web para el diseño y evaluación de un nuevo sitio web.
  • Crear un nuevo proyecto web para la evaluación de un sitio web remoto.
  • Cambiar la configuración del proyecto
  • Evaluar un sitio web remoto

1. Introducción

Cuando inicie la herramienta EASI por primera vez, le mostrará la página de inicio que se muestra en la siguiente captura de pantalla. Desde allí, puede crear directamente un proyecto web EASI.

2. Crear un nuevo proyecto web para el diseño y evaluación de un nuevo sitio web.

  1. Seleccione la cuenta que desea utilizar.
  2. Dependiendo de la cuenta que haya seleccionado, se mostrará una lista de roles asociados con esta cuenta en el menú desplegable. Seleccione el «Desarrollador» como rol que desea utilizar en el proyecto.
  3. Opcionalmente, puede agregar más cuentas de usuario al proyecto.
  4. Después de hacer clic en «Finalizar», se creará la siguiente estructura de proyecto.
  5. Cuando abra el archivo HTML generado, se abrirá en el editor web EASI como se muestra en la siguiente imagen.
  6. Puede agregar contenido usando el código fuente directamente o las funciones WYSIWYG de ese editor.
  7. Cuando guarde los cambios, los archivos de su proyecto se sincronizarán automáticamente con un servidor remoto en la nube. Si aún no está abierto, se abrirá una ventana del navegador web que apuntará a la URL remota.
  8. Puede colocar el editor web junto al navegador web para que cada cambio que realice (y guarde) en el editor web se actualice directamente en el navegador web.
  9. Nota: es posible que desee continuar con la evaluación del proyecto web EASI que acaba de crear.

3. Crear un nuevo proyecto web para la evaluación de un sitio web remoto.

  1. Seleccione la cuenta que desea utilizar.
  2. Dependiendo de la cuenta que haya seleccionado, se mostrará una lista de roles asociados con esta cuenta en el menú desplegable. Seleccione el «Desarrollador» como rol que desea utilizar en el proyecto.
  3. Opcionalmente, puede agregar más cuentas de usuario al proyecto.
  4. Después de hacer clic en «Finalizar», se creará la siguiente estructura de proyecto.

4. Cambiar la configuración del proyecto

  1. Una vez creado el proyecto (ya sea para una página web remota o una página web local), el archivo de configuración del proyecto se abrirá automáticamente en el editor de configuración del proyecto EASI. Este editor tiene tres páginas diferentes:
    una página de descripción general (la predeterminada)
    una página para seleccionar las pruebas para su evaluación
    una página para gestionar los miembros del equipo del proyecto.
  2. Seleccione la pestaña «Reglas de evaluación» para seleccionar las pruebas que desea realizar. Aquí encontrará una jerarquía de diferentes pruebas que incluyen pruebas relacionadas con el contenido (por ejemplo, pruebas relacionadas con el formulario o relacionadas con la imagen), pruebas relacionadas con la optimización de motores de búsqueda y pruebas para las Pautas de accesibilidad al contenido web 2.0 (WCAG 2.0)
  3. En el tah «Miembros del proyecto» puede agregar o eliminar miembros del proyecto. Pero para este tutorial no tiene ningún efecto.
  4. La configuración del proyecto se guarda en formato XML. La siguiente tabla muestra los elementos admitidos, la captura de pantalla a continuación muestra un ejemplo de configuración del proyecto.
  • projectConfiguration El elemento contenedor para la configuración del proyecto.
  • projectName El nombre del proyecto.
  • projectURL La URL base del proyecto (por ejemplo, http://www.imergo.com).
  • startURL La URL de inicio del proyecto (por ejemplo, http://www.imergo.com/index_en.html).
  • tests El elemento contenedor para las pruebas.
  • prueba Una prueba o grupo de pruebas, cada una especificada por un id.

5. Realizar una evaluación

  1. Vaya a la pestaña «Resumen» y haga clic en el enlace «Evaluación EASI» en la sección «Evaluación». Esto iniciará la evaluación en base a las pruebas previamente seleccionadas y abrirá la página web en un navegador dentro de la herramienta EASI.
  2. Cuando termine, los resultados se muestran de dos formas diferentes:
    1. En la parte inferior de la perspectiva del desarrollador de EASI, todos los resultados se muestran en una tabla.
    2. En el lado derecho de la perspectiva del desarrollador de EASI (en la vista «Informe de accesibilidad»), los resultados están agrupados por el contenido que abordan, p. Ej. formar reglas relacionadas, reglas relacionadas con la imagen, etc. Esta vista tiene tres pestañas:
  • en la pestaña «Resumen» para cada tipo de contenido se presenta la siguiente información:
      • Número de problemas encontrados por pruebas automatizadas.
      • Número de problemas encontrados por las pruebas de los desarrolladores.
      • Número de pruebas de desarrollador sobresalientes.
  • La segunda pestaña «Pruebas automatizadas» muestra todos los resultados de la evaluación de esas pruebas, que se pueden probar automáticamente, es decir, cuando la prueba devuelve un «aprobado» o un «reprobado».
  • La tercera pestaña «Pruebas del desarrollador» muestra todas esas pruebas, donde se incluye una verificación manual que debe realizar el desarrollador. Para cada grupo de resultados, el desarrollador puede usar las teclas de flecha para navegar a través de los resultados individuales y resaltar el elemento relacionado en el navegador. Cuando haya terminado con la prueba manual, puede guardar
Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %