Accessibility Complaint Issue with mdb Datatable Sorting

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Accessibility Complaint Issue with mdb Datatable Sorting

angularspa asked 6 years ago

data-table sorting header generated code should have aria-label and aria-control for accessibility complaints

Sorting header goes not have aria-label generated

<th _ngcontent-c4="" scope="col">ID <mdb-icon _ngcontent-c4="" fas="" icon="sort" class="fas"><i class="fa-sort fas"></i></mdb-icon></th>

JQuery data-table sorting header has aria-label and aria-control generated properly

<th class="th-sm sorting_asc" tabindex="0" aria-controls="dtBasicExample" rowspan="1" colspan="1" aria-label="Name : activate to sort column descending" style="width: 76px;" aria-sort="ascending">Name </th>

Arkadiusz Idzikowski staff answered 6 years ago

Thank you for reporting this problem, it will be fixed in next version.

Write
Create snippet
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
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.4.2
  • Device: desktop
  • Browser: chrome
  • OS: windows 7
  • Provided sample code: No
  • Provided link: No
About author
angularspa
72Support score
8Questions 3Answers
0Snippets likes 0Snippets