stable
Clone or download
request #20896 : Improving header accessibility
User should be able to navigate the header menu (+new, user navβ¦) with the keyboard. Popovers should not take focus and be tabbable when not open. They should also close when hitting the escape key, similarly to dropdowns. Trigger buttons should be real buttons so that they can be "clicked" with the keyboard. In FlamingParrot, `new` and `user nav` popovers are now made using Tuleap popovers rather than Bootstrap dropdowns. How to test: * When navigating in the header, tab does not go through popovers content if they are not open (`+New` and `user` menus). * You can open the popovers by hitting the `enter` key on the trigger buttons. * When a popover is open, you can tab through it. * When hitting the `escape` key, the popover closes. Change-Id: I4609b47986d2a6e6a7c6a58d0b24afe2ea053392
Modified Files
Name | ||||
---|---|---|---|---|
M | plugins/testmanagement/themes/FlamingParrot/css/style.scss | +0 | β18 | Go to diff View file |
M | plugins/tracker/themes/FlamingParrot/css/style.scss | +0 | β6 | Go to diff View file |
M | site-content/fr_FR/LC_MESSAGES/tuleap-core.po | +3 | β0 | Go to diff View file |
M | src/scripts/BurningParrot/src/index.js | +3 | β2 | Go to diff View file |
M | src/scripts/FlamingParrot/index.js | +3 | β0 | Go to diff View file |
R | src/scripts/BurningParrot/src/navbar-dropdown.ts | Go to diff View file | ||
M | src/themes/BurningParrot/css/includes/_navbar.scss | +5 | β11 | Go to diff View file |
M | src/themes/BurningParrot/templates/navbar/new-nav.mustache | +3 | β3 | Go to diff View file |
M | src/themes/BurningParrot/templates/navbar/user-nav.mustache | +13 | β10 | Go to diff View file |
M | src/themes/FlamingParrot/css/utils/_navbar.scss | +14 | β38 | Go to diff View file |
M | src/themes/FlamingParrot/templates/navbar-new-nav.mustache | +5 | β5 | Go to diff View file |
M | src/themes/FlamingParrot/templates/navbar-user-nav.mustache | +14 | β10 | Go to diff View file |
M | src/themes/tlp/src/js/popovers.test.ts | +23 | β0 | Go to diff View file |
M | src/themes/tlp/src/js/popovers.ts | +17 | β1 | Go to diff View file |
M | src/themes/tlp/src/scss/components/_popovers.scss | +3 | β4 | Go to diff View file |