Skip to content

Ensure that extension card button and links work with screen reader#11284

Open
microbit-robert wants to merge 2 commits intomicrosoft:masterfrom
microbit-robert:cards-sr
Open

Ensure that extension card button and links work with screen reader#11284
microbit-robert wants to merge 2 commits intomicrosoft:masterfrom
microbit-robert:cards-sr

Conversation

@microbit-robert
Copy link
Copy Markdown
Contributor

When pressing Enter or Space on the "learn more" link of an extension card while running NVDA, the card itself as a button is triggered. This adds the extension to the project and makes it impossible for screen reader users to navigate to the extension documentation.

The theme card has been tweaked slightly in response to the card change to maintain current screen reader behaviour.

This PR restructures the card so that both the button and link can be triggered independently. No changes for mouse users or keyboard users without a screen reader are expected.

Placeholder image icons and loading spinners sit above the button
without bumping the z-index.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant