Heading for example

Coding examples using this template can be found :

Coding Example Name

Add short description for coding example such as element info or tag info

Type Technique Coding Example Accessibility Feature
First Example Which Aria techniqe is used.
functioning example
 Accessibility features such as:
  • ARIA roles
  • property and state information
  • Event handlers
  • tabindex values
Second Example Which Aria techniqe is used.
functioning example
 Accessibility features such as:
  • ARIA roles
  • property and state information
  • Event handlers
  • tabindex values
Non compliant non compliant coding example
functioning example
 List of accessibility problems, for example:
  • High constrast compatibility
  • Keyboard support
  • Overriding default semantics of an element

Non compliant example is optional

Keyboard Support

Key Function
key 1 Key 1 action
key 2 Key 2 action
key 3 Key 3 action

ARIA Roles, Properties and States

Role Property/State Element Usage
role element X
  • Identify element with the role behavior
aria-xxxxx X[role="yyy"] element
  • Purpose of aria property or state within example

Source Code

Links to any external CSS and Javascript files

HTML Code

HTML source code is generated by scripting using ID references.

First Example

Second Example

Non-compliant Example