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
ya sea FALLBACK o LABEL.
Referencias Relacionadas
cursor
cursor() cambia la apariencia de el cursor y cuenta con tres parámetros.
deltaTime
La variable deltaTime rastrea el número de milisegundos que tomó dibujar el último fotograma.
describe
describe() genera una descripción del lienzo, la cual es accesible para lectores de pantalla y otras tecnologías de asistencia.
describeElement
describeElement() genera una descripción de los elementos presentes en el lienzo, la cual es accesible para lectores de pantalla y otras tecnologías de asistencia.