From 891879e9baf57c1429e8fe025779cf2efee6b824 Mon Sep 17 00:00:00 2001 From: Abhinav Gupta Date: Fri, 23 Dec 2022 15:18:04 +0530 Subject: [PATCH] W-12256718: [Accessibility] Enterprise Quote table header hover icons (sorting icons) not keyboard accessible. --- .../b2b/components/data-table/_b2bDataTable.scss | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/ui/components/b2b/components/data-table/_b2bDataTable.scss b/ui/components/b2b/components/data-table/_b2bDataTable.scss index 7cc37614d..7bf3f855e 100644 --- a/ui/components/b2b/components/data-table/_b2bDataTable.scss +++ b/ui/components/b2b/components/data-table/_b2bDataTable.scss @@ -41,7 +41,8 @@ $b2b-table-border: $palette-gray-5; letter-spacing: 0.05rem; } - &:not(.nds-b2b-table_cell-readonly):hover { + &:not(.nds-b2b-table_cell-readonly):hover, + &:not(.nds-b2b-table_cell-readonly):focus { background-color: $white; .nds-b2b-hover-icon { @@ -49,6 +50,14 @@ $b2b-table-border: $palette-gray-5; } } + &:not(.nds-b2b-table_cell-readonly) { + .nds-b2b-table_sort:focus { + .nds-b2b-hover-icon { + opacity: 1; + } + } + } + &-label { display: none;