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

fix(value-list): add back instructions for screen reader when drag handle is activated #6402

Merged
merged 8 commits into from Feb 25, 2023

Conversation

anveshmekala
Copy link
Contributor

@anveshmekala anveshmekala commented Jan 31, 2023

Related Issue: #6401

Summary

This PR will add back instructions for screen reader when drag handle is activated via Space key.

Sidebar: This will also cover #5739

@github-actions github-actions bot added the bug Bug reports for broken functionality. Issues should include a reproduction of the bug. label Jan 31, 2023
@github-actions
Copy link
Contributor

github-actions bot commented Feb 8, 2023

This PR has been automatically marked as stale because it has not had recent activity. Please close your PR if it is no longer relevant. Thank you for your contributions.

@github-actions github-actions bot added the Stale Issues or pull requests that have not had recent activity. label Feb 8, 2023
@anveshmekala anveshmekala added a11y Issues related to Accessibility fixes or improvements. pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed Stale Issues or pull requests that have not had recent activity. labels Feb 13, 2023
@anveshmekala anveshmekala marked this pull request as ready for review February 13, 2023 22:36
@anveshmekala anveshmekala requested a review from a team as a code owner February 13, 2023 22:36
@anveshmekala anveshmekala added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Feb 22, 2023
Copy link
Member

@jcfranco jcfranco left a comment

Choose a reason for hiding this comment

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

Aside from a few comments, this LGTM!

src/components/value-list/value-list.tsx Show resolved Hide resolved
* @internal
*/
@Event({ cancelable: true })
calciteValueListItemDragHandleBlur: EventEmitter<ListItemAndHandle>;
Copy link
Member

Choose a reason for hiding this comment

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

Is it possible to use the getHandleAndItemElement util to avoid passing the item and handle here?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

i tried doing so but the focusEvent doesn't show up the handle element in either composedPath or event.target

@@ -457,6 +458,14 @@ export class ValueList<
}
};

@Listen("calciteValueListItemDragHandleBlur")
Copy link
Member

Choose a reason for hiding this comment

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

I think this can be achieved by using focusout, but let's proceed with this for now and please open a follow-up issue to revisit this approach.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Added a follow-up issue #6526

src/components/value-list-item/value-list-item.tsx Outdated Show resolved Hide resolved
@anveshmekala anveshmekala added pr ready for visual snapshots Adding this label will run visual snapshot testing. and removed pr ready for visual snapshots Adding this label will run visual snapshot testing. labels Feb 24, 2023
@anveshmekala anveshmekala merged commit b822f25 into master Feb 25, 2023
@anveshmekala anveshmekala deleted the anveshmekala/6401-fx-value-list-a11y branch February 25, 2023 00:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
a11y Issues related to Accessibility fixes or improvements. bug Bug reports for broken functionality. Issues should include a reproduction of the bug. pr ready for visual snapshots Adding this label will run visual snapshot testing.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants