6.9: Actividad 11- Carrusel Accesible

Última actualización
Guardar como PDF

Page ID: 152585

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

Carrusel Accesible

Con base en los detalles del Carrusel de la página anterior, aplica lo aprendido a los archivos de actividad asociados para que el carrusel allí sea accesible.

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 del carrusel aplicando el código resaltado al archivo /assets/ik_carousel.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 su carrusel actualizado 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 garantizar que tu carrusel funcione como se describe, envía la URL a tu archivo carousel.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 una URL de GitHack.

Rúbrica de Gradaje

Criterios	Puntos
Instrucciones proporcionadas Las instrucciones del lector de pantalla se proporcionan cuando el carrusel recibe foco.	1.0 ptos
Los paneles de carrusel enfocable en carrusel son enfocados por teclado.	1.0 ptos
Navegación por carrusel Navega entre paneles con las teclas de flecha izquierda y derecha.	3.0 ptos
Paneles Leer en voz alta Mientras que el carrusel tiene foco, cada panel lee en voz alta cuando entra a la vista.	2.0 ptos
Manual mientras está en Foco Cuando está enfocado, o mientras un puntero del mouse se cierne sobre el carrusel, los paneles rotan solo manualmente.	2.0 ptos
Girar cuando no hay foco Cuando el carrusel no está enfocado, los paneles rotan automáticamente.	1.0 ptos
Puntos Totales:	10.0