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

Optional ScreenReaderText after the Collapsible title #464

Conversation

igorschoester
Copy link
Member

Summary

This PR can be summarized in the following changelog entry:

  • Added an optional ScreenReaderText after the Collapsible title.

Relevant technical choices:

  • Used ScreenReaderText Component to add text to the title instead of an aria-label on the SvgIcon. Props to @afercia

Test instructions

This PR can be tested by following these steps:

  • The normal yarn install && yarn start.
  • Go to localhost:3333 and then click on the right most button Sidebar Collapsible.
  • Activate a screenreader (⌘ + F5 on a mac) and the top one should have an extra text.

Fixes #450

* @param {string} props.suffixIconColor CSS color of the suffix icon.
* @param {string} props.suffixIconCollapsed Suffix icon when in collapsed state.
* @param {string} props.title Title for in the Heading.
* @param {string} props.titleScreenReaderText Chance for an extra
Copy link
Contributor

Choose a reason for hiding this comment

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

I'm not sure what "Chance for an extra" means for this parameter. Could you clarify the description?

* @param {string} props.suffixIconColor CSS color of the suffix icon.
* @param {string} props.suffixIconCollapsed Suffix icon when in collapsed state.
* @param {string} props.title Title for in the Heading.
* @param {string} props.titleScreenReaderText Chance for an extra
Copy link
Contributor

Choose a reason for hiding this comment

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

Same as above

@boblinthorst boblinthorst merged commit 5a3add0 into develop Apr 16, 2018
@boblinthorst boblinthorst deleted the stories/450-add-screenreader-text-for-collapsible-header-icons branch April 16, 2018 08:30
@atimmer atimmer added this to the 3.5.0 milestone Apr 24, 2018
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.

4 participants