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

Add aria labeling to toolbar dropdown "caret" button #16839

Merged
merged 1 commit into from Jun 6, 2023

Conversation

tidy-dev
Copy link
Contributor

@tidy-dev tidy-dev commented Jun 5, 2023

xref: https://github.com/github/accessibility-audits/issues/4364

Description

Announces a description of the "pull, push, fetch" button dropdown to screen readers.

Screenshots

CleanShot.2023-06-05.at.13.17.34.mp4

Release notes

Notes: [Improved] The "pull, push, fetch" dropdown button has an aria-label for screen reader users.

@tidy-dev tidy-dev requested a review from sergiou87 June 5, 2023 17:21
@@ -179,6 +179,7 @@ export class PushPullButton extends React.Component<IPushPullButtonProps> {
buttonClassName: 'push-pull-button',
style: ToolbarButtonStyle.Subtitle,
dropdownStyle: ToolbarDropdownStyle.MultiOption,
ariaLabel: 'Push, pull, fetch options',
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Completely open to other words for a better way to communicate this. (This was auto pilot's suggestion :P)

Copy link
Member

Choose a reason for hiding this comment

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

This sounds good to me 😄

@Jhoine Jhoine linked an issue Jun 6, 2023 that may be closed by this pull request
@@ -179,6 +179,7 @@ export class PushPullButton extends React.Component<IPushPullButtonProps> {
buttonClassName: 'push-pull-button',
style: ToolbarButtonStyle.Subtitle,
dropdownStyle: ToolbarDropdownStyle.MultiOption,
ariaLabel: 'Push, pull, fetch options',
Copy link
Member

Choose a reason for hiding this comment

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

This sounds good to me 😄

@tidy-dev tidy-dev merged commit 742b4c4 into development Jun 6, 2023
7 checks passed
@tidy-dev tidy-dev deleted the name-the-fetch-dropdown-button branch June 6, 2023 14:46
@tidy-dev tidy-dev added the accessibility Issues related to accessibility improvements label Nov 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Issues related to accessibility improvements
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Join
2 participants