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: Breadcrumb accessibility improvements + icon as <i> element #1834

Merged
merged 4 commits into from
Oct 30, 2020

Conversation

salarenko
Copy link
Contributor

Related Issue

Closes: #1735

Description

This PR:

  • Changes Breadcrum icon tag from span to i
  • Updates icon styles to use fd-icon-element-base mixin

Please check whether the PR fulfills the following requirements

  1. Documentation
  • Storybook documentation has been created/updated
  • Breaking Changes wiki has been updated in case of breaking changes.

@salarenko salarenko added this to the Sprint 49 - Nassau milestone Oct 29, 2020
@salarenko salarenko requested a review from a team October 29, 2020 09:31
@salarenko salarenko self-assigned this Oct 29, 2020
@netlify
Copy link

netlify bot commented Oct 29, 2020

Deploy preview for fundamental-styles ready!

Built with commit 3dede76

https://deploy-preview-1834--fundamental-styles.netlify.app

@SAP SAP deleted a comment from netlify bot Oct 29, 2020
@prsdthkr prsdthkr changed the title fix: Breadcrumb icon as <i> element fix: Breadcrumb accessibility improvements + icon as <i> element Oct 29, 2020
Copy link
Member

@prsdthkr prsdthkr left a comment

Choose a reason for hiding this comment

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

QA LGTM 🚢
I'm a co-author.
Changes I made:

  • keep collapsed breadcrumb navigation menu popover open by default for better screenshot
  • move preview-head.html script to a separate file for better debugging
  • accessibility improvements to breadcrumb:
    • breadcrumb is now a <nav>
    • added appropriate aria attributes to the collapsed navigation menu icon, made it behave like a button
    • added aria-current="page" to current breadcrumb item

Reference: https://www.w3.org/TR/wai-aria-practices/examples/breadcrumb/index.html

@salarenko salarenko merged commit 1d0ab62 into master Oct 30, 2020
@salarenko salarenko deleted the fix/1735-breadcrumb-icon branch October 30, 2020 14:52
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.

Move collapsed Breadcrumb icon to separate tag
3 participants