Saltar al contenido principal
Library homepage
 
LibreTexts Español

7.3: Actividad 12- Barra de Menú Accesible

  • Page ID
    152644
  • \( \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 menú accesible

    Con base en los detalles de la barra de menús de la página anterior, aplica lo aprendido a los archivos de actividad asociados para que el menú 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 menús aplicando el código resaltado al archivo/assets/ik_menu.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 menú 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 menús funciona como se describe, envía la URL a tu archivo menu.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: Se anuncian
    instrucciones sobre cómo usar la barra de menú con un teclado, cuando la barra de menú recibe el foco por primera vez.
    1.0 ptos
    Semántica de barra de menús: La semántica de elementos de
    lista se reemplaza por semántica de menú.
    2.0 ptos
    Submenús Anunciados:
    Cuando un elemento del menú con un submenú recibe foco, se anuncia la presencia de un submenú.
    2.0 ptos
    Control de enfoque:
    Solo los elementos de la barra de menú que están a la vista pueden recibir enfoque.
    2.0 ptos
    Teclado operable:
    Como se describe en Agregar operabilidad de teclado para una barra de menús, la barra de menú funciona con un teclado (y mouse).
    3.0 ptos
    Puntos Totales: 10.0

    This page titled 7.3: Actividad 12- Barra de Menú Accesible is shared under a CC BY-SA license and was authored, remixed, and/or curated by Digital Education Strategies, The Chang School.