Topic: Datepicker; Unselectable dates should have aria-disabled='true'
If a month, year or date is disabled, aria-disabled="true" should be on the active element to indicate the disabled state.
Now there is only a 'disabled' class selector. There is no aria-disabled="true" which is resulting in a low contrast issue according to pre-launch report in Google Play Console.
<td class="datepicker-cell datepicker-small-cell datepicker-day-cell disabled" aria-label="Sat, 11 Nov 2023 23:00:00 GMT" aria-selected="false"><div class="datepicker-cell-content datepicker-small-cell-content">12</div></td>
Should be
<td class="datepicker-cell datepicker-small-cell datepicker-day-cell disabled" aria-label="Sat, 11 Nov 2023 23:00:00 GMT" aria-selected="false"><div class="datepicker-cell-content datepicker-small-cell-content" aria-disabled="true">12</div></td>
Bartosz Cylwik staff answered 1 year ago
Hello! Thank you for your feature request. I have added this topic to our list so that our team can discuss whether this should be implemented.
Best Regards!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: Yes
- Provided link: No