Saltar al contenido principal
Library homepage
 
LibreTexts Español

5.8: Actividad 7- Barra de progreso accesible

  • Page ID
    152621
  • \( \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}}\)

    Barra de progreso accesible

    Con base en los detalles de la barra de progreso de la página anterior, aplica lo que has aprendido a los archivos de actividad asociados para que la barra de progreso 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 de la barra de progreso aplicando el código resaltado al archivo /assets/ik_progressbar.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 barra de progreso actualizada 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 barra de progreso funciona como se describe, envía la URL a tu archivo progressbar.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
    Instrucciones proporcionadas:
    Cuando la barra de progreso comienza a funcionar, se proporcionan instrucciones sobre cómo anunciar el porcentaje de progreso.
    2.0 ptos
    Teclado Anunciar Progreso:
    El teclado se puede utilizar para anunciar el porcentaje de progreso.
    5.0 ptos
    Anunciar Completo:
    Cuando termine el progreso, se anuncia Loading Complete.
    3.0 ptos
    Puntos Totales: 10.0

    This page titled 5.8: Actividad 7- Barra de progreso accesible is shared under a CC BY-SA license and was authored, remixed, and/or curated by Digital Education Strategies, The Chang School.