5.6: Actividad 6- Información sobre herramientas accesibles

Última actualización
Guardar como PDF

Page ID: 152616

\( \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}}\)

Información sobre herramientas accesibles

Con base en los detalles de Tooltip de la página anterior, aplica lo que has aprendido a los archivos de actividad asociados para hacer que las descripciones de herramientas allí sean accesibles.

Los archivos de esta actividad incluyen:

Utilice los alrededores del código resaltado en la página anterior como guía para encontrar dónde se deben aplicar las correcciones. Repare la accesibilidad de la información sobre herramientas aplicando el código resaltado al archivo /assets/ik_tooltip.js.

Nota: Si bien sugerimos usar el código resaltado que hemos proporcionado, usted es libre de idear sus propias soluciones siempre que produzcan los resultados esperados enumerados en la rúbrica de marcado a continuación.

Pruebe sus descripciones actualizadas con ChromeVox para asegurarse de que cada elemento descrito en la rúbrica de marcado a continuación funcione como se sugiere.

Requerimientos

Cuando hayas aplicado tus cambios y hayas probado para asegurarte de que tu información sobre herramientas funciona como se describe, envía la URL a tu archivo tooltip.html en tu sitio de Páginas GitHub, al archivo en el servidor web que estás usando para alojar tu copia de los archivos de actividad, o a una URL de Githack.

Rúbrica de Gradaje

Criterios	Puntos
Información sobre herramientas abierta: la información sobre herramientas se abre cuando su elemento propietario recibe el enfoque del teclado o el mouse sobre.	3.0 ptos
Información sobre herramientas Leer: La información sobre herramientas se lee en voz alta cuando su elemento propietario recibe el enfoque del teclado o el mouse sobre.	3.0 ptos
Información sobre herramientas Oculta: la información sobre herramientas se oculta cuando se quita el foco o al pasar el ratón.	2.0 ptos
Escape de información sobre herramientas: la información sobre herramientas se oculta cuando se presiona la tecla Esc.	2.0 ptos
Puntos Totales:	10.0