Developer Toolkit (DTK) es un complemento para NVDA que asiste a los desarrolladores ciegos o con baja visión a la hora de crear interfaces de usuario visualmente atractivas o contenido web de forma autónoma. El complemento proporciona gestos que permiten navegar por objetos y obtener información sobre ellos, como su tamaño, posición, y características. Para comenzar a usar DTK, sitúa el foco en un control y pulsa Alt+windows+k. Para desactivarlo, pulsa nuevamente Alt+windows+k. Cuando estés en la web, pulsa NVDA+espacio para poner a NVDA en modo foco, y pulsa NVDA+shift+espacio para desactivar la navegación con una sola letra.

Gestos

Los siguientes gestos se encuentran disponibles cuando DTK está activado.
  • Alt+windows+k – Activa o desactiva las funciones de DTK.
  • Flecha izquierda – Moverse al elemento hermano anterior.
  • Flecha derecha – Moverse al siguiente elemento hermano.
  • Flecha arriba – Moverse al elemento padre.
  • Flecha abajo – Moverse al primer elemento hijo.
  • Ctrl+inicio – Moverse al elemento padre de más alto nivel.
  • Inicio – Se mueve al padre relativo si hay uno asignado.
  • A – En el contenido web, verbaliza los atributos HTML. Pulsa dos veces rápidamente para copiarlos al portapapeles.
  • B – Verbalizar la posición del borde inferior del objeto. Pulsa dos veces rápidamente para copiarla al portapapeles.
  • Shift+b – Verbalizar la distancia entre el borde inferior del objeto y el borde inferior del padre relativo. Pulsa dos veces rápidamente para copiarla al portapapeles.
  • C – Verbalizar la cantidad de hijos que contiene el objeto. Pulsa dos veces rápidamente para copiarla al portapapeles.
  • Control+c – Alternar entre valores de color RGB, hexadecimal o por nombre.
  • Ctrl+d – Activar o desactivar mensajes detallados.
  • F – En el contenido web, verbaliza la información de fuente y formato del objeto. Pulsa dos veces rápidamente para copiarla al portapapeles.
  • H – Verbalizar la altura del objeto. Pulsa dos veces rápidamente para copiarla al portapapeles.
  • L – Verbalizar la posición del borde izquierdo del objeto. Pulsa dos veces rápidamente para copiarla al portapapeles.
  • N – Verbalizar el nombre del objeto. Pulsa dos veces rápidamente para copiarlo al portapapeles.
  • Control+p – Configura el padre relativo para obtener el tamaño y posición de los objetos.
  • P – Verbalizar nombre del padre relativo. Pulsa dos veces rápidamente para copiarlo al portapapeles.
  • R – Verbalizar la posición del borde derecho del objeto. Pulsa dos veces rápidamente para copiarla al portapapeles.
  • Shift+r – Verbalizar la distancia entre el borde derecho del objeto y el borde derecho del padre relativo. Pulsa dos veces rápidamente para copiarla al portapapeles.
  • Alt+r – Verbalizar el rol o tipo de control del objeto. Pulsa dos veces rápidamente para copiarlo al portapapeles.
  • S – Verbalizar la cantidad de hermanos relativos al objeto. Pulsa dos veces rápidamente para copiarla al portapapeles.
  • Shift+s – Verbalizar los estados de control del objeto. Pulsa dos veces rápidamente para copiarlos al portapapeles.
  • T – Verbalizar la posición del borde superior del objeto. Pulsa dos veces rápidamente para copiarla al portapapeles.
  • V – Verbalizar la versión de Developer Toolkit. Pulsa dos veces rápidamente para copiarla al portapapeles.
  • W – Verbalizar la anchura del objeto. Pulsa dos veces rápidamente para copiarla al portapapeles.

Notas

  • Al usar inicio o cualquier versión modificada de esta tecla, la tecla Inicio del teclado numérico falla porque NVDA envía la pulsación del 7 numérico en lugar de la pulsación del Inicio numérico. Otros complementos que intentan reasignar el 7 del teclado numérico a la tecla Inicio fallarán con este complemento.
  • Al usar la función de padre relativo, DTK configurará el escritorio como padre relativo si se dan las siguientes condiciones.
    • El objeto con el foco y el padre relativo son el mismo.
    • El padre relativo no es un antecesor directo dell objeto con el foco.
  • DTK no puede acceder a información como reglas CSS, relleno, bordes, o z-index. Hacerlo requeriría acceder a todo esto desde fuera del contexto de NVDA, lo que supone un riesgo de seguridad para los usuarios.

Problemas conocidos

  • La lista personalizable de atributos de fuente disponible en las opciones de Developer Toolkit puede ser algo engorrosa de utilizar. Esto se debe a una limitación de la biblioteca de interfaz de usuario de NVDA.

Historial de versiones

20.04

  • Se ha añadido un gesto (Inicio) que da la capacidad de moverse al padre relativo definido.

20.03

  • Se ha añadido un gesto (Alt+r) que obtiene el tipo de control del objeto actual con el foco. Algunos ejemplos son botón, elemento de lista, lista, casilla de verificación y sección.
  • Se ha añadido un gesto (Shift+s) que obtiene los estados del control que tiene el foco actualmente. Algunos ejemplos son enfocado, enfocable, seleccionado, marcado, pulsado y sólo lectura.
  • Se ha eliminado el soporte para el identificador único de IAccessible, ya que no es fiable en la mayoría de contextos.
  • Se ha abreviado el número de versión a xx.yy, donde xx son los dos últimos dígitos del año actual, e yy es el número de actualización del año actual. Por tanto, 20.03 es la tercera actualización importante de 2020.

2020.2

  • Al iniciarse, DTK retiene la posición actual del cursor en el contenido web. Si el objeto bajo el cursor no puede recibir el foco, DTK lo situará en el primer antecesor disponible.
  • Se ha eliminado el soporte obsoleto para cadenas Unicode.
  • Se ha eliminado el ajuste para activar o desactivar las funciones de Developer Toolkit desde el diálogo de opciones de Developer Toolkit situado en el menú NVDA > Preferencias > Opciones. Los usuarios todavía pueden activar o desactivar estas funciones pulsando alt+windows+k.
  • Ahora se pueden configurar los atributos de formato que se obtienen al pulsar ‘f’ cuando Developer Toolkit está activado en Preferencias > Opciones > Developer Toolkit.

    • Añade nuevos atributos de formato pulsando el botón ‘Nuevo atributo’. Teclea el nombre de un atributo de formato válido, pulsa tab para ponerlo en la lista y pulsa escape para abandonar el modo de edición.
    • Elimina un atributo seleccionándolo en la lista y pulsando el botón ‘Eliminar atributo’.
    • Renombra un atributo pulsando el botón ‘Renombrar atributo’, escribiendo un nuevo nombre, pulsando tab para ponerlo en la lista y escape para salir del modo de edición.
    • Sube un atributo en la lista seleccionándolo y pulsando el botón ‘Subir’. Repite estos pasos hasta que alcance la posición deseada en la lista.
    • Baja un atributo en la lista seleccionándolo y pulsando el botón ‘Bajar’. Repite estos pasos hasta que alcance la posición deseada en la lista.
  • Los usuarios ahora disponen de la capacidad de cambiar la forma de mostrar los colores al obtener información de formato. Este ajuste se encuentra disponible en Preferencias > Opciones > Developer Toolkit, y eligiendo un formato para mostrar el color. También se puede cambiar el formato para mostrar el color pulsando Control+c mientras las funciones de Developer Toolkit están activadas.
    • RGB – Valor rojo/verde/azul. Define un color como una combinación de los colores rojo, verde y azul. Bueno para artes gráficas, especialmente colores seguros fuera de la web.
    • Hexadecimal – Cadena que comienza con un ‘#’, seguida de 6 caracteres que comprenden del 0 al 9 y de la A a la F. Normalmente útil en contenido web.
    • Nombre – El valor del color legible para las personas. Bueno para uso general y verificar otros formatos de valor de color.

2020.1.1

  • Se ha mejorado el soporte Unicode.

2020.1.0

  • Los desarrolladores ahora tienen la posibilidad de centrarse en áreas más pequeñas de sus interfaces de usuario pulsando ctrl+p para configurar un padre relativo. Usa el padre relativo como punto de referencia al obtener información de tamaño y posición. Para usar esta característica, activa las funciones de DTK, navega al objeto que usarás como padre relativo y pulsa ctrl+p. A continuación, sigue trabajando como siempre.
  • Pulsa la letra p mientras trabajas con DTK para obtener el nombre del padre relativo. Pulsa dos veces rápidamente para copiarlo al portapapeles.
  • Usa shift+b para obtener la distancia entre el borde inferior del objeto con el foco y el borde inferior del padre relativo. Las funciones de DTK deben estar activadas para hacer esto.
  • Usa shift+r para obtener la distancia entre el borde derecho del objeto con el foco y el borde derecho del padre relativo. Las funciones de DTK deben estar activadas para hacer esto.
  • Ahora DTK procesa correctamente los cambios de perfil.
  • Se ha eliminado ‘-preview’ del número de versión para evitar problemas de número de versión con Add-on Updater.

2020.0 preview

  • Se ha cambiado el número de versión a 2020.0 preview para reflejar el paso a Python 3.
  • Se ha añadido compatibilidad con Python 3.
  • Se ha añadido un nuevo gesto, «n», que verbaliza el nombre del objeto. Si no hay ninguno asignado, se verbaliza la palabra «None» como nombre del objeto.
  • DTK ya no añade paneles de opciones duplicados en la ventana de opciones de NVDA cuando se recargan los complementos.

2019.1.2

  • DTK ahora anuncia valores de posición y tamaño si estos son 0.
  • La navegación ahora respeta el ajuste de mensajes detallados.
  • El anuncio de información de tamaño y posición ahora es más conciso.
  • Mejoras de estabilidad.

2019.1.1

  • DTK ya no intentará cargarse varias veces a sí mismo al anunciar el número de versión.
  • Las funciones de DTK vendrán desactivadas al instalar. Anteriormente, las funciones de DTK se activaban al instalar. Esto es distinto a activar o desactivar el complemento desde las herramientas de NVDA > ventana Gestionar complementos.
  • Los mensajes presentados al usuario ahora pueden contener caracteres no ASCII.
  • Al pulsar gestos como a, b, c, f, h, l, r, s, t, v y w ya no se interrumpe la voz de NVDA si se copia información al portapapeles.

2019.1

  • Corregido un problema de compatibilidad por el que DTK declaraba una versión mínima de NVDA que todavía no había sido publicada.

2019.0 (versión estable inicial)

  • Compilación inicial con navegación básica.

Autor: José Manuel Delicado Alcolea

Ingeniero de software y máster en Ingeniería Informática por la Universidad Rey Juan Carlos. Me encanta todo lo relacionado con la informática, la accesibilidad y las nuevas tecnologías. Consultor de accesibilidad por cuenta propia desde el año 2015.

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.