Controls Missing Proper Menu Structure and ARIA Attributes #227521
Labels
accessibility
Keyboard, mouse, ARIA, vision, screen readers (non-specific) issues
bug
Issue identified by VS Code Team member as probable bug
Does this issue occur when all extensions are disabled?: Yes/No
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:
"__init__.py"
control and the 3-dot button next to it in VSCode.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.
The text was updated successfully, but these errors were encountered: