1. Feedback
  2. JavaScript
  3. 66759

Welcome to the JavaScript feedback portal. We’re happy you’re here! If you have feedback on how to improve the JavaScript, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

0
Votes

HTML - Accessibility errors/warnings in the popup component of DateRangePicker

We are getting accessibility errors/warnings in the popup component of DateRangePicker like below related to HTML code

  1. Element head is missing a required instance of child element title.
  2. Element <td> is missing one or more of the following attributes: aria-checked, role.
  3. The aria-labelledby attribute must point to an element in the same document.

Sample - Ready to check - Nu Html Checker

Default DatePicker Sample - 3ndzsh4x (forked) - StackBlitz

Replication procedure:

  • Open the sample.
  • Select ‘check by’ to text input.
  • Place the default JavaScript DateRangePicker popup HTML code from sample inside the sample textbox.
  • And click on ‘Check’ to find the errors/warnings.

Expected Output: Please add the aria-labelledby for the <table> , aria-checked, role for <td> elements of DateRangePicker popup and head element to resolve the accessibility issues.

Current Output: Missing of the aria-labelledby for the <table> , aria-checked, role for <td> elements of DateRangePicker popup and head element Causing accessibility issues.