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

Show ring on focused tab panel's label #20

Merged
merged 1 commit into from
Oct 25, 2021

Conversation

omaxel
Copy link
Collaborator

@omaxel omaxel commented Oct 24, 2021

#11

When one of the tabs obtain the focus, the user can navigate between tabs by using the left and right arrow keys. A focus ring is shown around the tab's label. Note that the focus ring is not shown when clicking on the tab.

@zetareticoli zetareticoli added the enhancement New feature or request label Oct 25, 2021
@zetareticoli zetareticoli added this to the Accessibility milestone Oct 25, 2021
@zetareticoli zetareticoli merged commit 9de70ac into dev Oct 25, 2021
@omaxel omaxel deleted the feature/#11-tabs-keyboard-navigation branch November 6, 2021 18:24
zetareticoli added a commit that referenced this pull request Nov 11, 2021
* Fix: Accordion focus on closed panel child element (#14)

* Fix: Accordion focus on closed tab child element

* Updated accordion documentation

* Added generated file

Co-authored-by: Omar Muscatello <7016897+OmarMuscatello@users.noreply.github.com>

* Feature/#10 modal focus trap (#17)

* Added role and aria-modal attributes, adde x icon to close #10

* Added aria-labelledby #10

* Added tabindex to close button #10

* Added more documentation about Focus Trap and Page Scroll #10

* Change modal template #10

* Changed blockquote style #10

* Better doc #10

* Fixed aria-labelledby attribute #10

* Changed styel

* Feature/#7 components docs (#18)

* Added more content to Tabs doc #7

* Changed lead color #7

* Added support for :focus event on tooltips #7

* Changed Tooltips docs #7

* Show ring on focused tab panel's label (#20)

Co-authored-by: Omar Muscatello <7016897+OmarMuscatello@users.noreply.github.com>

* Removed container parent maintaining accessibility (#24)

Co-authored-by: Omar Muscatello <7016897+OmarMuscatello@users.noreply.github.com>

* Added focus ring on focused accordion item's label (#25)

Co-authored-by: Omar Muscatello <7016897+OmarMuscatello@users.noreply.github.com>

* Improved tabs accessibility (#23)

Co-authored-by: Omar Muscatello <7016897+OmarMuscatello@users.noreply.github.com>

* Removed accordion container from HTML preview #24

* Added information to CHANGELOG

* Added upcoming release info

* Added accessibility info for tabs

* Bumped lib version for npm package

* Fixed tabs accessibility doc

Co-authored-by: Omar Muscatello <7016897+omaxel@users.noreply.github.com>
Co-authored-by: Omar Muscatello <7016897+OmarMuscatello@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants