Topic: Datepicker; Unselectable dates should have aria-disabled='true'

VDLP priority asked 8 months ago


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 8 months 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!



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: Yes
  • Provided link: No