|
|
|
|
- Presentación
- Atributos ARIA
- Principio
- Implementación
- Atributo estático
- Atributo dinámico
- Prueba de atributos ARIA
WEBDEV: Mejorar la accesibilidad
Para que sus sitios web WEBDEV sean accesibles a los usuarios con discapacidad visual, basta con añadir atributos específicos a los controles: Atributos ARIA. Atributos ARIA ARIA es una especificación del W3C que significa "Accessible Rich INTERNET Applications".. ARIA define atributos que proporcionan información para el software de asistencia utilizado por personas con discapacidad. Estos atributos los utilizan principalmente los lectores de pantalla para usuarios con discapacidad visual. En WEBDEV, puede especificar este tipo de atributos para diferentes controles. note: estos atributos no afectan a la apariencia de un sitio web, ni a la forma en que los navegadores Process los elementos. Principio Con WEBDEV, puede definir atributos ARIA para cada control, tanto programáticamente como en modo de edición. Estos son algunos de los atributos ARIA más utilizados: - aria-description: proporciona una description para una control que no tiene una leyenda específica.
- aria-descritapor: indica qué otra control describe una determinada control.
- aria-busy: indica que un elemento está siendo actualizado y no debe ser tenido en cuenta por un lector de pantalla, por ejemplo.
Atributo estático Un atributo ARIA puede definirse directamente desde la ventana description de cada WEBDEV control, como se indica a continuación: - Abra la ventana de descripción del control.
- En la pestaña "Avanzado", en "Atributo HTML añadido a la control", introduzca:
- el nombre del atributo en la columna "Clave" (por ejemplo, "aria-description").
- su valor en la columna "Valor".
- Validar.
Atributo dinámico También puede definir atributos ARIA mediante programación, para contenidos dinámicos o multilingües. Esto permite get el valor de un atributo ARIA determinado a partir de una base de datos, por ejemplo. Para definir mediante programación un atributo ARIA, simplemente use HTMLAttribute Property en control . Ejemplo: EDT_Password.HTMLAttribute["aria-description"] = "Password input"
note: la HTMLAttribute Property es accesible tanto en el código del servidor como en el del navegador. Prueba de atributos ARIA Para probar los atributos ARIA, debe utilizar un lector de pantalla específico, como: - NVDA (código abierto),
- JAWS (lector de pantalla popular y de pago).
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|