3.7: Plantilla de revisión de auditoría web de WCAG
- Page ID
- 154698
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\( \newcommand{\id}{\mathrm{id}}\) \( \newcommand{\Span}{\mathrm{span}}\)
( \newcommand{\kernel}{\mathrm{null}\,}\) \( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\) \( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\) \( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\id}{\mathrm{id}}\)
\( \newcommand{\Span}{\mathrm{span}}\)
\( \newcommand{\kernel}{\mathrm{null}\,}\)
\( \newcommand{\range}{\mathrm{range}\,}\)
\( \newcommand{\RealPart}{\mathrm{Re}}\)
\( \newcommand{\ImaginaryPart}{\mathrm{Im}}\)
\( \newcommand{\Argument}{\mathrm{Arg}}\)
\( \newcommand{\norm}[1]{\| #1 \|}\)
\( \newcommand{\inner}[2]{\langle #1, #2 \rangle}\)
\( \newcommand{\Span}{\mathrm{span}}\) \( \newcommand{\AA}{\unicode[.8,0]{x212B}}\)
\( \newcommand{\vectorA}[1]{\vec{#1}} % arrow\)
\( \newcommand{\vectorAt}[1]{\vec{\text{#1}}} % arrow\)
\( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vectorC}[1]{\textbf{#1}} \)
\( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)
\( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)
\( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)
\( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)
\( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)
\(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)Ahora que tiene un conocimiento de WCAG, le presentaremos una plantilla de auditoría de accesibilidad. Puede usar la plantilla para registrar problemas cuando realiza auditorías, pero también actúa como una lista de verificación para ayudar a comprometer las pautas en la memoria. Por ahora, revise el diseño y los elementos de la Plantilla de Revisión de Auditoría Web y agréguela a su Kit de Herramientas de Auditoría de Accesibilidad Web.
Elementos de la plantilla de revisión
Título: Este campo debe indicar el tipo de revisión, ya sea General, Plantilla, o Detallada (a cubrir con mayor detalle en la unidad Informes de Auditoría de Accesibilidad Web) y la directriz en la que se basa.
Ubicación: La URL de la página principal del sitio que se está revisando.
Fecha: La fecha de finalización de la revisión.
Revisor: El nombre de la (s) persona (s) que completó la revisión.
Referencia de la directriz: Un enlace a las directrices en las que se basa la revisión.
Herramientas utilizadas durante esta revisión: Una lista de las herramientas utilizadas en la revisión, incluyendo verificadores automatizados, navegadores, complementos de navegador, herramienta de prueba de legibilidad, herramienta de prueba de contraste de color, lectores de pantalla y cualquier otra herramienta utilizada. Asegúrese de mencionar los números de versión si corresponde.
Comentarios generales: Una visión general del resultado de la WCAG 2.1 Review (abajo), delineando los temas clave, por qué son temas, con breve mención de posibles soluciones. Esta sección está escrita para un público general, minimizando el uso del lenguaje técnico.
WCAG 2.1 Revisión: El contenido principal de la revisión. Esta es una lista de criterios de éxito WCAG 2.1, el nivel de conformidad de cada uno (A, AA, AAA), la evaluación recibida (¿Aprobar, Fallar, Aprobar? , ¿Fallar? N/A), y comentarios asociados a las evaluaciones. Estos comentarios deben identificar temas de accesibilidad relevantes para la directriz, explicar por qué un problema presenta una barrera y ofrecer posibles soluciones para resolver problemas. La revisión debe estar dirigida a los desarrolladores web que estarán resolviendo los problemas identificados y podrán contener lenguaje técnico y código de muestra que pueda ser replicado. Capturas de pantalla y otros gráficos se pueden utilizar para mejorar las explicaciones dadas en el texto de los comentarios.
Probablemente habrá casos en los que se identifiquen cuestiones límite, donde se podría argumentar que algún elemento puede pasar o fallar los criterios de éxito asociados. En tales casos “¿Pase?” (con el signo de interrogación) se utiliza donde el auditor se inclina hacia un pase, pero otros podrían argumentar que falla. Y, usa “¿Falla?” donde el auditor se inclina hacia una falla, aunque otros podrían argumentar que pasa. Un ejemplo podría ser una descripción de una imagen proporcionada en un atributo alt que no describe completamente la información significativa en la imagen. En tales casos suele ser una decisión subjetiva del auditor, comentando al autor del texto alt revisar el texto para determinar si describe “adecuadamente” el significado que se debe quitar de la imagen si se estuviera viendo. El pase cuestionable o falla se describe más a fondo en el ejemplo vinculado en el cuadro del Kit de herramientas a continuación.
Tenga en cuenta que los ítems AAA están en gris, así como los dos criterios de éxito AA (1.2.4, 1.2.5) que no son requeridos por AODA (esto es relevante para los participantes con sede en Ontario). Si está auditando en una jurisdicción que requiere estas pautas, puede optar por ajustar la plantilla quitando el gris para estas dos pautas. De lo contrario, los elementos grises son opcionales, aunque al revisar los problemas de contenido asociados con estas pautas, aún se pueden hacer recomendaciones para implementar técnicas asociadas con estas pautas para mejorar la usabilidad general.
Otras notas: Si bien no se incluye en la plantilla, hay ocasiones en las que un revisor necesita comentar temas no asociados con la accesibilidad del sitio que se está revisando. Por ejemplo, un revisor podría mencionar posibles errores que pueden haber sido identificados, incluir información sobre la publicación de una declaración de accesibilidad o proporcionar detalles sobre los siguientes pasos después de la revisión, como planificar una revisión de seguimiento después de que se aborden los problemas, o concertar un tiempo para abordar preguntas que surgen del reporte.
Apéndice: Si bien no está incluido en la plantilla, el Apéndice deberá incluir una lista de las páginas muestreadas del sitio que se revisó.
Ejemplo de una revisión completada
En 2012 una Revisión General de Canvas fue publicada por la Universidad OCAD en Toronto, la cual estaba en proceso de seleccionar un nuevo LMS para la universidad. La reseña se publicó públicamente, por lo que funciona bien como un ejemplo de cómo podría ser una revisión terminada.
Esta revisión analizó una serie de tareas, como leer una publicación en los foros y publicar una respuesta, revisar los resultados de las pruebas y marcas de verificación en el libro de calificaciones, etc. (estos escenarios se describieron en los apéndices, faltando en la revisión publicada públicamente). El resultado de estos escenarios se combinó en una Revisión General (ver la unidad Informes de Auditoría de Accesibilidad Web para una descripción de los diferentes tipos de revisiones). Lee partes de la reseña para hacerte una idea de los tipos de información que contiene.
Podrías preguntar, si hay tantos temas, ¿por qué usamos Canvas para entregar la versión del curso en línea del contenido aquí? Tras la publicación de la revisión, Canvas sí prestó atención y puso un esfuerzo considerable en mejorar la accesibilidad de su sistema. En 2014, la accesibilidad de Canvas había mejorado mucho, aunque todavía con algunas áreas donde se podían hacer mejoras. En comparación con otros Sistemas de Gestión del Aprendizaje, la versión actual de Canvas le va bien en términos de accesibilidad.