Saltar al contenido principal
Library homepage
 
LibreTexts Español

6.9: Actividad 11- Carrusel Accesible

  • 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

    This page titled 6.9: Actividad 11- Carrusel Accesible is shared under a CC BY-SA license and was authored, remixed, and/or curated by Digital Education Strategies, The Chang School.