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>
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
- User: Pro
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: -
- Device:
- Browser:
- OS:
- Provided sample code: No
- Provided link: No