stable

Clone or download

Read-only

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