Skip to content

Accessibility: Content not within landmark regions (ARIA) violates "2.4.1 Bypass Blocks" Requirement #250108

Open
@anitakumari28

Description

@anitakumari28
  • VS Code Version: 1.100.2
  • OS Version: macOS Sequoia 15.4.1

Content on the extension’s webview page is not enclosed within any ARIA landmark regions such as <main>, <nav>, or containers with role="main", role="region", etc.
This causes accessibility issues (Understanding 2.4.1 Bypass Blocks)for users relying on assistive technologies like screen readers, which use landmarks to navigate between sections of content.

Steps to Reproduce:

  1. Open the WCA4Z extension webview in VS Code.
  2. Elements present in the references are not within a landmark.

Expected behavior
All meaningful content should be enclosed within appropriate landmark containers to support semantic structure and keyboard/screen reader navigation. For example:

<main role="main">
  <!-- Primary content here -->
</main>

Affected Element (xPath):

  1. /html/body/p[1]
    → "Select a file or folder from the COBOL that is ready for transformation..."

  2. /html/body/div[@Class='button-container']
    Select COBOL

  3. /html/body/h3[@Class='title']
    → Heading: "IBM watsonx Code Assistant for Z" or equivalent```

References:

Image 2. Image 3. Image

Metadata

Metadata

Labels

accessibilityKeyboard, mouse, ARIA, vision, screen readers (non-specific) issuesbugIssue identified by VS Code Team member as probable bug

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions