Skip to content

Add ability to specify a role on a view container for accessibility #257686

@vritant24

Description

@vritant24

Problem

VSCode for Education today uses the view container to host a tree view that is used for navigation by the user through the course.
Image

According to accessibility guidelines, we need to provide a nav role to the container containing the TreeView

As a result, the lack of navigation landmarks hinders users who rely on screen readers from understanding the page structure and efficiently navigating the interface.

Steps to Reproduce:

  1. Visit https://vscodeedu.com/.
  2. Sign in with a Microsoft account.
  3. Navigate to the "Courses" tab, select a course, and select "Start."
  4. Enable the Landmarks toggle in Accessibility Insights for Web.
  5. Observe that a Navigation landmark is missing from the TreeView area.

Request

Have the ability to specify a role for a view container support landmarks (like nav, search, etc)

Metadata

Metadata

Assignees

Labels

accessibilityKeyboard, mouse, ARIA, vision, screen readers (non-specific) issuesfeature-requestRequest for new features or functionality

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions