|
|
|
|
- Overview
- ARIA attributes
- Principle
- Implementation
- Static attribute
- Dynamic attribute
- Test ARIA attributes
WEBDEV: Improving accessibility
To make your WEBDEV websites accessible to visually impaired users, simply add specific attributes to controls: ARIA attributes. ARIA attributes ARIA is a W3C specification that stands for "Accessible Rich Internet Applications". ARIA defines attributes that provide information for assistive software used by people with disabilities. These attributes are mainly used by screen readers for visually impaired users. In WEBDEV, you can specify this type of attributes for different controls. Note: these attributes do not affect the appearance of a website, nor the way browsers process elements. Principle With WEBDEV, you can define ARIA attributes for each control, both programmatically and in edit mode. These are some commonly used ARIA attributes: - aria-description: provides a description for a control that doesn't have a specific caption.
- aria-describedby: indicates which other control describes a given control.
- aria-busy: indicates that an element is being updated and should not be taken into account by a screen reader, for example.
Static attribute An ARIA attribute can be defined directly from the description window of each WEBDEV control, as follows: - Open the control description window.
- In the "Advanced" tab, in "HTML attribute added to the control", enter:
- the name of the attribute in the "Key" column (e.g. "aria-description").
- its value in the "Value" column.
- Validate.
Dynamic attribute You can also define ARIA attributes programmatically, for dynamic or multilingual content. This makes it possible to get the value of a given ARIA attribute from a database, for example. To programmatically define an ARIA attribute, simply use the HTMLAttribute property on the control. Example: EDT_Password.HTMLAttribute["aria-description"] = "Password input"
Note: the HTMLAttribute property is accessible in both server and browser code. Test ARIA attributes To test ARIA attributes, you must use a specific screen reader, such as: - NVDA (open source),
- JAWS (paid, popular screen reader).
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|