]> git.apps.os.sepia.ceph.com Git - ceph.git/commit
mgr/dashboard: Improve accessibility for navigation components
authornsedrickm <nsedrick101@gmail.com>
Mon, 20 Jun 2022 17:32:27 +0000 (18:32 +0100)
committernsedrickm <nsedrick101@gmail.com>
Tue, 6 Sep 2022 06:37:09 +0000 (07:37 +0100)
commitd84c82787985ef919030603fdd1ec61c114dbdbc
treec88aaa7cbd9e9600b672c310847c632eb0fee86a
parentbd8b7aa4dabda2a3de36f98406d691755d669882
mgr/dashboard: Improve accessibility for navigation components

* Fix all dropdown accessibility issues by setting their roles as buttons
* Increase navlink font-size to 16px
* Add new primary color variable $primary-wcag-aa-large-text: #25828e  to meet WCAG level AA color contrast ratio for active navlink backgrounds

Fixes: https://tracker.ceph.com/issues/56021
Signed-off-by: nsedrickm <nsedrick101@gmail.com>
src/pybind/mgr/dashboard/frontend/src/app/core/navigation/administration/administration.component.html
src/pybind/mgr/dashboard/frontend/src/app/core/navigation/dashboard-help/dashboard-help.component.html
src/pybind/mgr/dashboard/frontend/src/app/core/navigation/identity/identity.component.html
src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.html
src/pybind/mgr/dashboard/frontend/src/app/core/navigation/navigation/navigation.component.scss
src/pybind/mgr/dashboard/frontend/src/app/shared/components/notifications-sidebar/notifications-sidebar.component.html
src/pybind/mgr/dashboard/frontend/src/styles/defaults/_bootstrap-defaults.scss