]> git-server-git.apps.pok.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)
committerNizamudeen A <nia@redhat.com>
Thu, 12 Jan 2023 10:32:15 +0000 (16:02 +0530)
commitf3fa79a256516ee4a4c755edd038cea82a489572
tree22104d68814b520321833dea2f6b8570efaa0d24
parent7c1d0c91b8841e46b6c2645376c78a563863f986
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>
(cherry picked from commit d84c82787985ef919030603fdd1ec61c114dbdbc)
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