]> git-server-git.apps.pok.os.sepia.ceph.com Git - ceph.git/commit
mgr/dashboard: Improve accessibility for dashboard health page
authornsedrickm <nsedrick101@gmail.com>
Fri, 17 Jun 2022 01:42:31 +0000 (02:42 +0100)
committerNizamudeen A <nia@redhat.com>
Thu, 12 Jan 2023 10:35:00 +0000 (16:05 +0530)
commit7e5e38b1252cd8eae89bce3c26bedeca5ee8a3c8
tree8b62848d08a60e736ba9639d8e0781b699653029
parent1c98e433849a07bfc740cf26a700a67fbef1cc5f
mgr/dashboard: Improve accessibility for dashboard health page

* Add new color variables to meet WCAG level AA color contrast for info cards and cluster health label
* Increase font size of cluster health label for better legibility with updated color
* Apply darker warning color for logs summary description and increase their font size and font-weight
* Add accessible names for info group icons
* Replace health status labels HEALTH_OK, HEALTH_WARN and HEALTH_ERR with OK, WARNING and ERROR

Fixes: https://tracker.ceph.com/issues/55867
Signed-off-by: nsedrickm <nsedrick101@gmail.com>
(cherry picked from commit 0bd10c0e122e463d9621a26f4c3a73deea2a9c40)
15 files changed:
src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.scss
src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/health/health.component.spec.ts
src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card-popover.scss
src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.scss
src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-group/info-group.component.scss
src/pybind/mgr/dashboard/frontend/src/app/shared/components/telemetry-notification/telemetry-notification.component.scss
src/pybind/mgr/dashboard/frontend/src/app/shared/enum/health-color.enum.ts
src/pybind/mgr/dashboard/frontend/src/app/shared/enum/health-label.enum.ts [new file with mode: 0644]
src/pybind/mgr/dashboard/frontend/src/app/shared/pipes/health-color.pipe.spec.ts
src/pybind/mgr/dashboard/frontend/src/app/shared/pipes/health-label.pipe.spec.ts [new file with mode: 0644]
src/pybind/mgr/dashboard/frontend/src/app/shared/pipes/health-label.pipe.ts [new file with mode: 0644]
src/pybind/mgr/dashboard/frontend/src/app/shared/pipes/pipes.module.ts
src/pybind/mgr/dashboard/frontend/src/styles/defaults/_bootstrap-defaults.scss