Heading for example
Note: : Any notes or links for the coding example
Coding Example Name
Add short description for coding example such as element info or tag info
| Type | Technique | Coding Example | Accessibility Feature | *Source Code |
|---|---|---|---|---|
| type 1 | Which Aria techniqe is used. |
Visual example
|
How to implment accessibility features such as keyboard and mouse click. |
|
| type 2 | Which Aria techniqe is used. |
Visual example
|
How to implment accessibility features such as keyboard and mouse click. |
|
| **Non compliant | non compliant coding example |
Visual example
|
It is a bad practice because it does not support ... |
|
*Source code : Print out source code from "Coding Example" column using javascript
**Non compliant example is optional
Keyboard Support
| Key | Function |
|---|---|
| Space or enter | Activate or toggle button |
ARIA Roles, Properties and States
| Role | Property/State | Component | Usage |
|---|---|---|---|
| button | span or div |
|
|
| aria-pressed | span |
|
Source Code
Links to any external CSS and Javascript files