Using grid role is suitable here because a calendar is two-dimensional and is interactive

WAI-ARIA checklist

  • grid role

    Set on the widget

  • row role

    Contains grid cell elements

  • gridcell role

    Set on a cell

grid

  • aria-current

    Set on the element that represents the current value.

  • aria-activedescendant

    Set on the current active element

  • aria-multiselectable(optional)

    Specifies if more than one item can be selected

  • aria-readonly(optional)

    Specifies if the element is not editable (but still operable)

gridcell

  • aria-selected

    Set on selectable items

  • aria-disabled(optional)

    Specifies if item is disabled

Mon
Tue
Wed
Thu
Fri
Sat
Sun
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8

References