Saltar al contenido principal
LibreTexts Español

2.6: Instalación y configuración del lector de pantalla ChromeVox

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

    \( \newcommand{\vectorA}[1]{\vec{#1}}      % arrow\)

    \( \newcommand{\vectorAt}[1]{\vec{\text{#1}}}      % arrow\)

    \( \newcommand{\vectorB}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vectorC}[1]{\textbf{#1}} \)

    \( \newcommand{\vectorD}[1]{\overrightarrow{#1}} \)

    \( \newcommand{\vectorDt}[1]{\overrightarrow{\text{#1}}} \)

    \( \newcommand{\vectE}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash{\mathbf {#1}}}} \)

    \( \newcommand{\vecs}[1]{\overset { \scriptstyle \rightharpoonup} {\mathbf{#1}} } \)

    \( \newcommand{\vecd}[1]{\overset{-\!-\!\rightharpoonup}{\vphantom{a}\smash {#1}}} \)

    \(\newcommand{\avec}{\mathbf a}\) \(\newcommand{\bvec}{\mathbf b}\) \(\newcommand{\cvec}{\mathbf c}\) \(\newcommand{\dvec}{\mathbf d}\) \(\newcommand{\dtil}{\widetilde{\mathbf d}}\) \(\newcommand{\evec}{\mathbf e}\) \(\newcommand{\fvec}{\mathbf f}\) \(\newcommand{\nvec}{\mathbf n}\) \(\newcommand{\pvec}{\mathbf p}\) \(\newcommand{\qvec}{\mathbf q}\) \(\newcommand{\svec}{\mathbf s}\) \(\newcommand{\tvec}{\mathbf t}\) \(\newcommand{\uvec}{\mathbf u}\) \(\newcommand{\vvec}{\mathbf v}\) \(\newcommand{\wvec}{\mathbf w}\) \(\newcommand{\xvec}{\mathbf x}\) \(\newcommand{\yvec}{\mathbf y}\) \(\newcommand{\zvec}{\mathbf z}\) \(\newcommand{\rvec}{\mathbf r}\) \(\newcommand{\mvec}{\mathbf m}\) \(\newcommand{\zerovec}{\mathbf 0}\) \(\newcommand{\onevec}{\mathbf 1}\) \(\newcommand{\real}{\mathbb R}\) \(\newcommand{\twovec}[2]{\left[\begin{array}{r}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\ctwovec}[2]{\left[\begin{array}{c}#1 \\ #2 \end{array}\right]}\) \(\newcommand{\threevec}[3]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\cthreevec}[3]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \end{array}\right]}\) \(\newcommand{\fourvec}[4]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\cfourvec}[4]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \end{array}\right]}\) \(\newcommand{\fivevec}[5]{\left[\begin{array}{r}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\cfivevec}[5]{\left[\begin{array}{c}#1 \\ #2 \\ #3 \\ #4 \\ #5 \\ \end{array}\right]}\) \(\newcommand{\mattwo}[4]{\left[\begin{array}{rr}#1 \amp #2 \\ #3 \amp #4 \\ \end{array}\right]}\) \(\newcommand{\laspan}[1]{\text{Span}\{#1\}}\) \(\newcommand{\bcal}{\cal B}\) \(\newcommand{\ccal}{\cal C}\) \(\newcommand{\scal}{\cal S}\) \(\newcommand{\wcal}{\cal W}\) \(\newcommand{\ecal}{\cal E}\) \(\newcommand{\coords}[2]{\left\{#1\right\}_{#2}}\) \(\newcommand{\gray}[1]{\color{gray}{#1}}\) \(\newcommand{\lgray}[1]{\color{lightgray}{#1}}\) \(\newcommand{\rank}{\operatorname{rank}}\) \(\newcommand{\row}{\text{Row}}\) \(\newcommand{\col}{\text{Col}}\) \(\renewcommand{\row}{\text{Row}}\) \(\newcommand{\nul}{\text{Nul}}\) \(\newcommand{\var}{\text{Var}}\) \(\newcommand{\corr}{\text{corr}}\) \(\newcommand{\len}[1]{\left|#1\right|}\) \(\newcommand{\bbar}{\overline{\bvec}}\) \(\newcommand{\bhat}{\widehat{\bvec}}\) \(\newcommand{\bperp}{\bvec^\perp}\) \(\newcommand{\xhat}{\widehat{\xvec}}\) \(\newcommand{\vhat}{\widehat{\vvec}}\) \(\newcommand{\uhat}{\widehat{\uvec}}\) \(\newcommand{\what}{\widehat{\wvec}}\) \(\newcommand{\Sighat}{\widehat{\Sigma}}\) \(\newcommand{\lt}{<}\) \(\newcommand{\gt}{>}\) \(\newcommand{\amp}{&}\) \(\definecolor{fillinmathshade}{gray}{0.9}\)

    Te presentamos ChromeVox desde el principio, así tendrás la oportunidad de practicar usando el lector de pantalla que usaremos a lo largo de las actividades. Será una herramienta clave en tu kit de herramientas que usarás para probar tu trabajo, y será la herramienta que los instructores usen al marcar tareas.

    Aunque hay otros lectores de pantalla más populares, como JAWS y NVDA por nombrar una pareja, para las pruebas diarias de lectores de pantalla, ChromeVox (particularmente el complemento ChromeVox para el navegador web Chrome) es nuestro lector de pantalla de elección porque es simple de instalar y configurar, fácil de uso, libre y código abierto, y funciona a través de plataformas informáticas.

    Otra razón por la que ChromeVox funciona bien para las pruebas de accesibilidad es su buen soporte para WAI-ARIA. WAI-ARIA sigue siendo una tecnología relativamente nueva y, a mediados de 2018, sigue siendo soportada de manera inconsistente en los navegadores y lectores de pantalla disponibles. Al desarrollar para la Web, use WAI-ARIA ya que está destinado a ser utilizado como se documenta en la especificación WAI-ARIA y pruébalo con ChromeVOX. Aún querrás probar con JAWS o tal vez NVDA para pruebas de producción, ya que es más probable que estos sean utilizados por usuarios ciegos. Para las actividades aquí, sin embargo, solo estaremos usando ChromeVox.

    Si bien un número relativamente pequeño de usuarios de lectores de pantalla actualmente usan ChromeVox, es una herramienta altamente efectiva para los desarrolladores a la hora de probar contenido web. Además, ChromeVox está diseñado para funcionar con características de Google Drive, por lo que incluso para los usuarios de otros lectores de pantalla, ChromeVox puede ser preferible cuando se trabaja con Google Docs, Sheets, y Slides, etc.

    Toolkit: Visite la tienda Chrome mientras usa el navegador web Chrome para instalar el lector de pantalla ChromeVox. Será un elemento clave de tu Toolkit.

    Cómo configurar el lector de pantalla ChromeVox

    1. Abra el navegador web Chrome (instale Chrome, si es necesario).
    2. Escribe “Chromevox” en la barra de direcciones de Chrome o en la búsqueda de Google.
    3. Sigue el enlace de ChromeVox a Chrome Web Store (el primer enlace en los resultados de búsqueda).
    4. Haz clic en el botón “Agregar a Chrome”.
    5. En el cuadro de diálogo que se abre, haga clic en “Agregar extensión”.
    6. Ahora instalado, encuentra el icono de ChromeVox cerca de la parte superior derecha de Chrome para revisar sus opciones.
    7. En las Opciones, establezca la tecla modificadora ChromeVox en Alt o Ctrl o ambas (referidas aquí como CVOX).
    8. En Opciones, elige tu voz preferida en el menú Voces.
    9. Listo, enciende o apaga ChromeVox presionando y manteniendo presionada la tecla del modificador y luego presionando la letra “A” dos veces (es decir, CVOx + A + A).

    Si prefieres ver ChromeVox instalado, el siguiente video describe cómo instalar y comenzar a usar ChromeVox.

    Vídeo: Instalación de ChromeVox

    Miniatura para el elemento incrustado “Instalando ChromeVox”

    Un elemento de YouTube ha sido excluido de esta versión del texto. Puedes verlo en línea aquí: https://pressbooks.library.ryerson.ca/wafd/?p=190

    Pruebas de ChromeVox y comandos de teclado asociados

    Toolkit: Descargue el archivo ChromeVox_key_commands (Word), que se describe en la tabla a continuación, imprímelo o manténgalo cerca al completar las primeras actividades.

    Punto clave: Asegúrate de tener la tecla de modificador establecida en ChromeVox Options, o vas a tener dificultades con las actividades.

    *La tecla de modificador ChromeVox (es decir, Cvox) se establece en Configuración > Extensiones > ChromeVox > Opciones de Chrome, normalmente establecida en Alt o Ctrl.

    Punto clave: Cuando navegues con ChromeVox, agregará su propio resaltado alrededor de los elementos cuando reciban enfoque. Prueba de visibilidad de enfoque (WCAG 2 Guideline 2.4.7) cuando ChromeVox no se está ejecutando. Para obtener una lista completa de los comandos de teclado, consulte las Opciones de ChromeVox, accesibles a través del botón ChromeVox que se agrega a Chrome en la esquina superior derecha del navegador durante la instalación. Los comandos predeterminados aparecen en la lista y se pueden cambiar si es necesario.
    Tarea Descripción de la tarea Comando de teclado
    Activar/desactivar ChromeVox Para activar o desactivar ChromeVox sin tener que entrar en la configuración de ChromeVox Cvox+A+A
    Dejar de leer Detener la lectura de ChromeVox Ctrl
    Lectura por defecto Cuando se carga una página web, ChromeVox leerá el elemento que toma foco en la página. Usa las teclas Cvox+Flechas para leer el contenido. Escuche la salida hablada y anote cualquier inconsistencia de lo que uno podría esperar escuchar en función de lo que es visible en la pantalla. Cvox+Flechas arriba y abajo
    Navegación de Pestaña Cuando una página se haya cargado, presione la tecla Tab para navegar a través de elementos operables de la página como enlaces y formularios. Escuche la salida cuando estos elementos estén enfocados, y anote cualquier elemento en el que se pueda hacer clic pero no enfocable con el teclado.

    También escuche elementos ocultos como enlaces de derivación u otros elementos que no sean visibles pero que sean leídos en voz alta por ChromeVox.

    Pestaña, Mayús + Tab
    Navegar por los encabezamientos Paso a través de todos los encabezados de una página. Tenga en cuenta si todos los rubros se anuncian como se esperaba. Tenga en cuenta el nivel de rubro anunciado. ¿Están secuenciados para crear una estructura semántica (es decir, anidada en el orden apropiado)? Cvox+L+H y luego Flechas arriba/Abajo
    Navegar a través de puntos Paso a través de los puntos de referencia, puntos clave de navegación en una página. ¿Todas las áreas de la página están contenidas en una región marcada? Anote cualquier punto de referencia faltante. Cvox+L+; (punto y coma) y luego Flechas arriba/Abajo
    Listar enlaces Enumere los enlaces y navegue por ellos usando las teclas de flecha, escuche el significado o escuche el contexto cuando los enlaces no tengan sentido. Cvox+L+L y luego Flechas arriba/Abajo
    Navegar por Formularios Navega a los formularios de una página, luego presiona las teclas Tab o F para escuchar cada uno de los campos. ¿Se anuncian los campos de manera efectiva, incluidos los campos obligatorios Cvox+L+F y luego Flechas arriba/Abajo
    Navegar a través de Tablas Navegue a Tablas en una página, presione Entrar para ir a una tabla, presione las teclas de flecha arriba/abajo para moverse por las celdas en secuencia (de izquierda a derecha, de arriba a abajo), presione Ctrl+Alt+Flecha para moverse a celdas adyacentes, presione Ctrl+Alt y 5 en el panel numérico para enumerar los encabezados de columna y fila donde corresponda. Tenga en cuenta si las celdas de encabezado se leen o no. ¿Se anuncian las etiquetas Fieldset, donde corresponda? Cvox+L+T luego Flechas arriba/Abajo y luego Entrar para seleccionar Tabla

    Cvox+Flecha para moverse dentro de la mesa

    CVox+th anunciará encabezados


    This page titled 2.6: Instalación y configuración del lector de pantalla ChromeVox is shared under a CC BY-SA license and was authored, remixed, and/or curated by Digital Education Strategies, The Chang School.