Fix screen reader accessibility for "Ask a question" page dropdowns #110
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR resolves accessibility issues that prevented screen reader users from interacting with the required "Post Type" and "Post Tags" dropdown fields on the "Ask a question" page.
Problem
Users with screen readers (such as VoiceOver on Mac) were unable to interact with the dropdown controls for selecting post types and tags, making it impossible to submit questions through assistive technology. This created a significant accessibility barrier for users with visual impairments.
Solution
Enhanced both dropdown widgets with comprehensive accessibility features:
Post Type Dropdown
aria-label="Select post type"for proper labelingaria-required="true"to indicate required field statusaria-describedbylinking to help text for contextPost Tags Dropdown
role="combobox",aria-expanded)Progressive Enhancement
<noscript>instructions for screen reader users in JavaScript-free environmentsTesting
Verified functionality through browser automation testing:
The solution maintains full backward compatibility while providing robust accessibility support across different assistive technologies and browsing scenarios.
Fixes #109.
💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.