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 2 years 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