Referencia textOutput()

textOutput()

textOutput() genera una descripción de las formas presentes en el lienzo, la cual es accesible para lectores de pantalla y otras tecnologías de asistencia.

textOutput() añade una descripción general del lienzo, una lista de formas, y una tabla de formas a la página web. La descripción general incluye el tamaño del lienzo, el color del lienzo y el número de formas en el lienzo. Por ejemplo: "Your output is a, 100 by 100 pixels, gray canvas containing the following 2 shapes:

"

La descripción es seguida por una lista de formas. La lista describe el color, la forma, la posición y el área de cada forma presente en el lienzo. Por ejemplo: a red circle at middle covering 3% of the canvas. Cada forma puede ser seleccionada para obtener más detalles.

Finalmente, textOutput() provee una tabla de formas. Esta tabla describe el color, la forma, la posición y el área de cada forma . Por ejemplo: red circle location = middle area = 3%. Esto es diferente de gridOutput(), que provee una tabla como cuadrícula (tabla de html).

El parámetro display es opcional. Este parámetro determina de qué manera se va a mostrar la descripción. Si LABEL se pasa como argumento, por ejemplo: "textOutput(LABEL), la descripción será visible en un elemento ‘div’ al lado del lienzo. Sin embargo, el uso de LABEL crea mensajes duplicados que son ineficientes para los usuarios de lectores de pantalla, por lo que recomendamos utilizar únicamente LABEL durante la fase de desarrollo. Por otro lado, si FALLBACK se pasa como argumento, por ejemplo: textOutput(FALLBACK), la descripción será visible solo para los lectores de pantalla. Este es el modo predeterminado.

"

Lee ‘ Escribiendo descripciones accesibles para lienzos’ para aprender más sobre cómo hacer que tus ‘sketches’ sean accesibles.

Ejemplos

Sintaxis

textOutput([display])

Parámetros

display
Constant:

ya sea FALLBACK o LABEL.

Notice any errors or typos? Please let us know. Please feel free to edit src/accessibility/outputs.js and open a pull request!

Referencias Relacionadas