Skip to content

Accessibility issue on <b-table>: Elements must only use allowed ARIA attributes #6588

@apavelm

Description

@apavelm

ARIA attribute is not allowed: aria-multiselectable="false"

is incompatible with Accessibility standards.

Description: Ensures ARIA attributes are allowed for an element's role
Help: Elements must only use allowed ARIA attributes

URL for details: https://dequeuniversity.com/rules/axe/4.1/aria-allowed-attr?application=axeAPI

my implementation:

<b-table id="tableName"
           lg="12" md="12" sm="12" class="mb-2"
           selectable
           bordered
           responsive
           fixed
           caption-top
           :head-variant="'light'"
           :select-mode="'single'"
           :fields="fields"
           :items="items"
           small>

Steps to reproduce the bug

  1. create
  2. run accessibility analyzer
  3. See error in the report

Expected behavior

No violation expected

Versions

Libraries:

  • BootstrapVue: 2.21.2
  • Bootstrap: 4.5.3
  • Vue: 2.6.12

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions