Saltar al contenido principal
Library homepage
 
LibreTexts Español

7.5: Actividad 13- Navegación Accesible en Árbol

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


    Con base en los detalles del Menú Árbol de la página anterior, aplica lo que has aprendido a los archivos de actividad asociados para que el menú del árbol 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 menú del árbol aplicando el código resaltado al archivo/assets/ik_treemenu.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 menú de árbol 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 asegurarte de que tu menú de árbol funciona como se describe, envía la URL a tu archivo tree.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:
    Cuando el menú del árbol recibe foco, se anuncian instrucciones sobre cómo usar el menú con un teclado.
    1.0 ptos
    Semántica de menú de árbol:
    Al navegar por el menú de árbol con un teclado, los elementos se anuncian con semántica de menú de árbol.
    2.0 ptos
    Submenús de árbol:
    Cuando un elemento de menú de árbol con un submenú recibe foco, el estado del submenú se anuncia como expandido cuando está abierto o colapsado cuando se cierra.
    2.0 ptos
    Control de enfoque:
    Solo los elementos del menú de árbol que están a la vista pueden recibir enfoque.
    2.0 ptos
    Teclado Operable: El menú de
    árbol funciona con un teclado como se describe en Agregar operabilidad de teclado para menús de árbol.
    3.0 ptos
    Puntos Totales: 10.0

    This page titled 7.5: Actividad 13- Navegación Accesible en Árbol is shared under a CC BY-SA license and was authored, remixed, and/or curated by Digital Education Strategies, The Chang School.