Skip to content

Comments

fix(NcAvatar): Ensure the aria label includes the status if there is any visible status indicator#4593

Merged
susnux merged 3 commits intomasterfrom
fix/a11y-status-on-avatar
Oct 12, 2023
Merged

fix(NcAvatar): Ensure the aria label includes the status if there is any visible status indicator#4593
susnux merged 3 commits intomasterfrom
fix/a11y-status-on-avatar

Conversation

@susnux
Copy link
Contributor

@susnux susnux commented Oct 2, 2023

☑️ Resolves

No visible changes, just enforce the aria label to include the user status if there is any visible indicator (like when used in NcSelect).
Also translate dnd because that abbreviation is quite confusion (I had to search for it, as I was thinking about a pen and paper game 😉 ).

🏁 Checklist

  • ⛑️ Tests are included or are not applicable
  • 📘 Component documentation has been extended, updated or is not applicable

@susnux susnux added 3. to review Waiting for reviews feature: avatar Related to the avatar component accessibility Making sure we design for the widest range of people possible, including those who have disabilities labels Oct 2, 2023
@susnux susnux self-assigned this Oct 2, 2023
@susnux susnux force-pushed the fix/a11y-status-on-avatar branch 2 times, most recently from 919c07e to bc6afd2 Compare October 3, 2023 16:03
@susnux susnux force-pushed the fix/a11y-status-on-avatar branch from bc6afd2 to bb069b5 Compare October 4, 2023 20:06
@susnux susnux requested a review from Pytal October 4, 2023 20:07
@susnux susnux force-pushed the fix/a11y-status-on-avatar branch from bb069b5 to 33bbedc Compare October 4, 2023 20:08
Comment on lines -124 to +127
@click="toggleMenu"
@keydown.enter="toggleMenu">
v-on="hasMenu ? {
click: toggleMenu,
keydown: toggleMenu,
} : null">
Copy link
Contributor

Choose a reason for hiding this comment

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

IMO, we can move hasMenu check to the events handler toggleMenu. Then we wouldn't need to implement Vue's functionality manually and template would be clearer without 4-lines computing directive.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

No I explicitly moved it to the template, otherwise the listeners would always be added.
But when there is no menu we should not have any listeners, because that element is not interactive.

@susnux susnux force-pushed the fix/a11y-status-on-avatar branch from 33bbedc to 936d82a Compare October 6, 2023 12:07
@susnux susnux requested a review from ShGKme October 6, 2023 12:13
@susnux susnux force-pushed the fix/a11y-status-on-avatar branch 2 times, most recently from 174c2af to b26b584 Compare October 6, 2023 14:21
@susnux susnux requested a review from ShGKme October 6, 2023 14:21
@susnux susnux force-pushed the fix/a11y-status-on-avatar branch from b26b584 to c40b703 Compare October 12, 2023 15:42
…any visible status indicator

Signed-off-by: Ferdinand Thiessen <[email protected]>
…e component is not interactive

Signed-off-by: Ferdinand Thiessen <[email protected]>
@susnux susnux force-pushed the fix/a11y-status-on-avatar branch from c40b703 to 6b1aec4 Compare October 12, 2023 15:43
@susnux susnux merged commit 4134b65 into master Oct 12, 2023
@susnux susnux deleted the fix/a11y-status-on-avatar branch October 12, 2023 15:46
@Pytal Pytal added the bug Something isn't working label Oct 23, 2023
@Pytal Pytal mentioned this pull request Oct 23, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

3. to review Waiting for reviews accessibility Making sure we design for the widest range of people possible, including those who have disabilities bug Something isn't working feature: avatar Related to the avatar component

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BITV]: resolve statuses in NcSelect

4 participants