question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

<b-table> Certain ARIA roles must contain particular children

See original GitHub issue

Describe the bug

When using <b-table> with data and fields props set to an empty array, the table isn’t passing the accessibility requirement that Certain ARIA roles must contain particular children. Reason both data and fields arrays are empty is because those are determined dynamically from the server response.

Steps to reproduce the bug

Setup a <b-table :data="[]" :fields="[]" /> Run axe devtools to analyze.

Expected behavior

If data is empty and fields is empty or isn’t set, then there should be some kind of default behavior for the table to pass accessibility if the server fails to load the data.

Versions

Libraries:

  • BootstrapVue: 2.0.0-rc.15
  • Bootstrap: 4.3.1.
  • Vue: 2.6.10

Environment:

  • Device: hp
  • OS: Windows 10
  • Browser: Chrome
  • Version: Latest

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
tmorehousecommented, Jul 1, 2019

Version 2.0.0-rc.25 has been released.

0reactions
b-89commented, Jul 1, 2019

Thanks man!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Certain ARIA roles must contain particular children | Axe Rules
Some ARIA parent role values applied to elements must contain specific child elements and role values to perform intended accessibility function. The Algorithm ......
Read more >
Certain ARIA roles must contain particular children
Some ARIA parent role values must contain specific child elements and role values in order to execute the intended accessibility function.
Read more >
aria-required-children - Accessibility Insights
Certain ARIA roles must contain particular children. Why it matters. An ARIA role attribute can be added to an element to instruct assistive...
Read more >
Certain ARIA roles must contain particular children
Certain ARIA roles must contain particular children ... Elements utilizing certain ARIA roles require that the contents within the element also have certain...
Read more >
aria-required-children - Knowledge Base - Evinced
Elements that have an ARIA role that requires specific owned elements such as list, table, row etc., should contain at least one instance...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found