1
0
mirror of https://github.com/bitwarden/browser synced 2025-12-22 11:13:46 +00:00

[AccountSwitching]Make account switcher accessible (#1289)

* Make account switcher keyboard accessible

* ScreenReader: Announce submenu and expansion

* ScreenReader: Announc switch account button with account info

* Fix tab focus on dropdown

* Fix esc not changing state

* Fix linting issues

Co-authored-by: Hinton <oscar@oscarhinton.com>
This commit is contained in:
Daniel James Smith
2022-02-03 17:46:14 +01:00
committed by GitHub
parent 3e8705d548
commit 2b58861296
3 changed files with 43 additions and 17 deletions

View File

@@ -80,6 +80,10 @@
height: 100%;
user-select: none;
border: none;
background: transparent;
width: auto;
@include themify($themes) {
color: themed("accountSwitcherTextColor");
}
@@ -114,9 +118,11 @@
0 1px 5px 0 rgba(0, 0, 0, 0.2);
border-radius: $border-radius;
a {
button {
border: none;
background: transparent;
width: 100%;
padding: 5px 10px;
display: block;
@include themify($themes) {
color: themed("textColor");
@@ -141,6 +147,7 @@
.accountInfo {
display: grid;
text-align: left;
.email {
font-size: $font-size-base;
@@ -173,6 +180,7 @@
.add {
margin: 4px 0;
text-align: left;
}
.accountLimitReached {