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

[WIP] fix(button): Icon examples clickable in NVDA #986

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

321gillian
Copy link
Collaborator

COMUI-3510

Copy link

Comment on lines +20 to 25
<gux-button onclick="notify(event)">
<gux-screen-reader-beta>
This will be read by a screen reader
</gux-screen-reader-beta>
<gux-icon icon-name="fa/diamond-regular" decorative></gux-icon
></gux-button>
Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm not sure whether it makes more sense in this scenario to use provide a way to set the button aria-label rather than introducing another slotted component. We have guxTitle prop but I know we've looked at phasing that out, also don't know if tooltips will always be needed.

It could be something like <gux-button gux-title="This will be read by a screenreader" tooltip-disabled="false"><gux-icon icon-name="fa/diamond-regular" decorative><gux-icon></gux-button>

Suggestions welcome

@katie-bobbe-genesys
Copy link
Collaborator

I would be curious to hear more about this issue at collaboration time tomorrow. I need to set up my machine with NVDA to test out this bug.

If this is an issue that may affect more than just the gux-button, I'm wondering if would we want to add the <gux-screen-reader-beta> sub component within the gux-icon itself.

@321gillian
Copy link
Collaborator Author

NVDAIconButtonExample.mp4

Adding a video example here to show what happens before we discuss

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.

2 participants