fix(RangeCalendar): a11y aria attribute in CellTrigger (#2265)

* fix: a11y aria attribute in RangeCalendarCellTrigger.vue

* chore: add a11y tests

---------

Co-authored-by: zernonia <[email protected]>

Author: wolandec

packages/core/src/RangeCalendar/RangeCalendar.test.ts

@@ -838,4 +838,27 @@ describe('handles maximumDays', () => {
     expect(maximumDay).toHaveAttribute('data-highlighted')
     expect(beyondMaximumDay).not.toHaveAttribute('data-highlighted')
   })
+
+  describe('a11y', async () => {
+    it('should pass axe accessibility tests when closed', async () => {
+      const { calendar } = setup({
+        calendarProps: {
+          modelValue: calendarDateRange,
+        },
+      })
+
+      expect(await axe(calendar)).toHaveNoViolations()
+    })
+
+    it('should pass axe accessibility tests when open', async () => {
+      const { calendar } = setup({
+        calendarProps: {
+        },
+      })
+
+      calendar.click()
+
+      expect(await axe(calendar)).toHaveNoViolations()
+    })
+  })
 })

packages/core/src/RangeCalendar/RangeCalendarCellTrigger.vue

@@ -242,7 +242,7 @@ function handleArrowKey(e: KeyboardEvent) {
     role="button"
     :aria-label="labelText"
     data-reka-calendar-cell-trigger
-    :aria-selected="isSelectedDate && (allowNonContiguousRanges || !isUnavailable) ? true : undefined"
+    :aria-pressed="isSelectedDate && (allowNonContiguousRanges || !isUnavailable) ? true : undefined"
     :aria-disabled="isDisabled || isUnavailable ? true : undefined"
     :data-highlighted="isHighlighted && (allowNonContiguousRanges || !isUnavailable) ? '' : undefined"
     :data-selection-start="isSelectionStart ? true : undefined"