|
|
|
|
|
|
|
|
|
|
- Overview
- ARIA attributes
- Principle
- Implementation
- Static attribute
- Dynamic attribute
- Test ARIA attributes
WEBDEV: Improving accessibility
To make your WEBDEV sites accessible to the visually impaired, all you need to do is enter specific attributes in the fields: 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 have no influence on a site's visual aspect or on the way browsers treat 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 field that doesn't have a specific label.
- aria-describedby: tells you which other field contains the description of a particular field.
- 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.
- On 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: SAI_MotDePasse.AttributHTML["aria-description"] = "Saisie du mot de passe"
Note: property HTMLAttribute 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).
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|