Accessibility
Keyboard Support
The Datepicker can render different kinds of controls on the screen depending on the use-case. Each of these controls can be operated by keyboard.
When focusing the input component one can open the picker using the Space or Enter keys.
The Esc key acts as the cancel button and closes the picker.
The Tab and Shift + Tab keys can be used to navigate between the major parts of the Datepicker:
- the month and year navigation button
- the previous, next and today buttons
- the currently rendered control
- the set and cancel buttons if they are rendered
Buttons can be activated using the Space key.
Calendar
When focusing the calendar control or the month and year navigation, the focus can be moved using the Left, Right, Up and Down arrow keys.
The focused day (or month or year depending on the selection) can be marked as selected with the Space key or the Enter key. The later also confirms the selection and closes the Datepicker.
Date & Time Scroller
When using the date and time scrollers, the Tab and Shift + Tab keys can be used to move the focus between the rendered wheels. The Up and Down arrow keys are used to rotate the wheel and change the selected value.
The selection can be confirmed with the Enter key, which also closes the picker.
Timegrid
The selectable times can be navigated using the Tab and Shift + Tab keys. The focused item can be marked as selected with the Space key or the Enter key. The later also confirms the selection and closes the Datepicker.
WCAG 2.2
The Web Content Accessibility Guidelines (WCAG) provide guidelines developed by the World Wide Web Consortium (W3C) to ensure web content is accessible to people with disabilities. WCAG 2.2 establishes a framework of accessibility principles and their associated success criteria. The level of accessibility conformance achieved by a web application is determined by the extent to which it meets these success criteria, categorized into three levels: A, AA, and AAA.
While Mobiscroll components are not fully compliant with WCAG 2.2 at this time, we are committed to enhancing their accessibility. We are actively working on improving compliance and continuously making progress.
The guidelines and success criteria are organized around the following four principles:
1. Perceivable
Information and user interface components must be presentable to users in ways they can perceive.
2. Operable
User interface components and navigation must be operable.
3. Understandable
Information and the operation of user interface must be understandable.
4. Robust
Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.
| Guidelines | Level | Compatibility | |
|---|---|---|---|
| 4.1 Compatible | 4.1.1 Parsing (Obsolete and removed) | - | - |
| 4.1.2 Name, Role, Value | A | Supported | |
| 4.1.3 Status Messages | AA | Not Applicable | |
