Skip to content

[Accessibility] Tab focus order and screen reader text for column headers #7147

Open
@ashutosh100

Description

@ashutosh100

Please make sure each of the following is true before submitting a new issue. We are a small team with limited time and it is very difficult to manage issues if they aren't reported correctly.

  • This is a bug report, not a question on how to use the grid.
    Use Stack Overflow or Gitter for questions.
  • You have searched the open issues to see if this bug has been filed before. We don't want duplicate issues.
  • You have reviewed the tutorials and documentation to ensure you are using the grid correctly. ui-grid.info
  • You are using the latest version of the grid. Older versions are not patched or supported.
  • You have provided steps to recreate your bug. A plunkr is even better.

http://ui-grid.info/docs/#!/tutorial/Tutorial:%20121%20Grid%20Menu

Here's a gif from the tutorials site. As it can be seen, there are two issues:

  • When the keyboard focus is on the checkbox in the header row, on pressing the tab key, focus goes to the checkbox in the next row instead of moving to the next column header.
  • When the keyboard focus reaches the column headers, the screen reader announces the row and the column numbers incorrectly: In case of the 'Gender' header (3rd column header including the checkboxes), 'Column 2' is announced and for the complete header row, excluding the checkboxes is read as 'Row 19', counting 18 rows for the check boxes.

ui-grid-issue

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