Skip to content

(CDPE-4655) Add tooltip to Sidebar.Footer #552

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

Merged
merged 2 commits into from
Mar 9, 2022

Conversation

chrisleicester
Copy link
Contributor

Prior to this commit, if the Sidebar Footer was used and the sign-out
button was present, there was no way to add a tooltip to explain the
usage of this button. This makes it difficult for someone using a screen
reader to find this button and use it.

With this commit, we add an optional parameter to the Sidebar Footer to
specify tooltip text. If specified, the tooltip will appear above the
sign-out button when hovered over.

Screenshot of proposed changes

Screen Shot 2022-03-04 at 4 40 55 PM

@chrisleicester chrisleicester requested a review from a team as a code owner March 5, 2022 00:41
Prior to this commit, if the Sidebar Footer was used and the sign-out
button was present, there was no way to add a tooltip to explain the
usage of this button. This makes it difficult for someone using a screen
reader to find this button and use it.

With this commit, we add an optional parameter to the Sidebar Footer to
specify tooltip text. If specified, the tooltip will appear above the
sign-out button when hovered over.
@chrisleicester chrisleicester force-pushed the CDPE-4655/remove-plus-icon-a11y branch from cb58aae to 6235244 Compare March 5, 2022 00:50
@chrisleicester chrisleicester requested a review from aimurphy March 5, 2022 01:01
@@ -31,6 +34,7 @@ const defaultProps = {
minimized: false,
profileIcon: null,
enableSignout: false,
tooltip: null,
Copy link
Contributor

Choose a reason for hiding this comment

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

Some PDS components go ahead and specify default text. Since this is only for the sign out button, what do you think about adding a default like "Sign out"? I might also rename this something like signoutTooltip so no one is confused if it applies to the whole Sidebar.Footer.

Copy link
Contributor

Choose a reason for hiding this comment

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

Otherwise, everything else looks good!

@chrisleicester chrisleicester requested a review from vine77 March 8, 2022 21:36
Copy link
Contributor

@vine77 vine77 left a comment

Choose a reason for hiding this comment

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

Thanks!

@chrisleicester chrisleicester merged commit 0ae0e6f into main Mar 9, 2022
@chrisleicester chrisleicester deleted the CDPE-4655/remove-plus-icon-a11y branch March 9, 2022 16:56
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