[#34400] - [A11y] - There is no focus style on Language Switcher Dropdown
- Closed
- 5 Jun 2021
- Medium
- Build: staging
- # 34400
It seems that language switcher dropdown does not have a different style when receiving the focus. This fails with https://www.w3.org/WAI/WCAG22/Understanding/focus-appearance-minimum .
Steps to reproduce the issue
- Add Language Switcher to the site
- Go to the homepage of the site
- Use your keyboard (Tab key) to reach the dropdown
Expected result
When reaching the dropdown it should show a focus state like in the following screenshot:
Actual result
The dropdown shows no change when having the focus as per the screenshot:
System information (as much as possible)
- Joomla 4 from GH repo after npm ci and composer update.
Additional comments
This seems to be a general issue when using BS5 dropdown so probably we should consider adding a generic fix like:
a.btn.dropdown-toggle:focus { border: 1px solid #8894AA; }
joomla-cms-bot
- | Labels |
Added:
?
|
||
chmst
- | Labels |
Added:
?
|
||
@carcam can you please test #33929 and let me know what is missing?
Great job there!! That fixes this issue among others we had with this switcher ;)
confirm the issue but not the fix - the problem is the outline that is being set to 0 here
.btn-check:focus + &, &:focus { outline: 0; box-shadow: $btn-focus-box-shadow; }
I agree, the outline is much better.
Thanks @brianteeman and @drmenzelit !!
richard67
- | Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2021-06-05 09:10:39 |
| Closed_By | ⇒ | richard67 | |
| Labels |
Added:
?
Removed: ? |
||
confirm the issue but not the fix - the problem is the outline that is being set to 0 here