Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Controls Missing Proper Menu Structure and ARIA Attributes #227521

Open
Bluefish0558 opened this issue Sep 4, 2024 · 1 comment
Open

Controls Missing Proper Menu Structure and ARIA Attributes #227521

Bluefish0558 opened this issue Sep 4, 2024 · 1 comment
Assignees
Labels
accessibility Keyboard, mouse, ARIA, vision, screen readers (non-specific) issues bug Issue identified by VS Code Team member as probable bug

Comments

@Bluefish0558
Copy link

Bluefish0558 commented Sep 4, 2024

Does this issue occur when all extensions are disabled?: Yes/No

  • VS Code Version: 1.92.2
  • OS Version: 14.6.1 (23G93)

Description: Certain controls, such as init.py and the adjacent 3-dot buttons, lack proper menu structure and ARIA attributes, making it difficult for screen reader users to determine their purpose and state.

Steps to Reproduce:

  1. Navigate to the "__init__.py" control and the 3-dot button next to it in VSCode.
  2. Use a screen reader to interact with these controls and notice the lack of proper menu structure and state information.

User Impact: Screen reader users may find it difficult to understand the purpose and state of these controls due to missing name, role, and state information.

Expected Behavior: Controls should provide proper name, role, and state using ARIA attributes. For example, use aria-label, aria-labelledby, and appropriate roles like "button" or "menuitem" to improve accessibility.

Actual Behavior: The controls lack the necessary ARIA attributes, making them inaccessible to assistive technologies.

Recommendation: Ensure custom controls are structured with appropriate ARIA attributes, including aria-label, role, and state. Reference the ARIA specification for allowed values and the WAI-ARIA Authoring Practices for guidance on custom control patterns.

Menu Structure
@meganrogge meganrogge added bug Issue identified by VS Code Team member as probable bug accessibility Keyboard, mouse, ARIA, vision, screen readers (non-specific) issues labels Sep 6, 2024
@hediet hediet assigned jrieken and unassigned hediet Sep 10, 2024
@hediet
Copy link
Member

hediet commented Sep 10, 2024

The ... are part of the breadcrumbs feature, assigning Joh.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Keyboard, mouse, ARIA, vision, screen readers (non-specific) issues bug Issue identified by VS Code Team member as probable bug
Projects
None yet
Development

No branches or pull requests

4 participants