SONAR-17845 [1099483] Elements must have sufficient color contrast

diff --git a/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx b/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx
index 9fb79deb1eb0aa43e2002922e5c2a4ef2fc7648f..96a00bf418d8d83f65598d77a5aa7a5836a19c7d 100644 (file)
--- a/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx
+++ b/server/sonar-web/src/main/js/components/facet/FacetHeader.tsx
@@ -79,7 +79,10 @@ export default class FacetHeader extends React.PureComponent<Props> {
       name
     );
     return (
-      <div className="search-navigator-facet-header-wrapper display-flex-center">
+      <div
+        aria-disabled={disabled}
+        className="search-navigator-facet-header-wrapper display-flex-center"
+      >
         {this.props.onClick ? (
           <span className="search-navigator-facet-header display-flex-center">
             <button

diff --git a/server/sonar-web/src/main/js/components/search-navigator.css b/server/sonar-web/src/main/js/components/search-navigator.css
index 0ef0cacc6ca7797cec7c5873f9a714a1e15c2357..e7ea7d675df32760dd0f502d9e6c02b8fa29c932 100644 (file)
--- a/server/sonar-web/src/main/js/components/search-navigator.css
+++ b/server/sonar-web/src/main/js/components/search-navigator.css
@@ -59,7 +59,6 @@
 
 .search-navigator-facet-box-forbidden {
   background-color: transparent;
-  opacity: 0.5;
 }
 
 .search-navigator-facet-box-forbidden .search-navigator-facet-list,
@@ -68,20 +67,9 @@
   display: none;
 }
 
-.search-navigator-facet-box-forbidden .search-navigator-facet-header {
-  color: var(--secondFontColor);
-}
-
-.search-navigator-facet-box-forbidden .search-navigator-facet-header:hover {
-  color: var(--blue);
-}
-
 .search-navigator-facet-box-forbidden .search-navigator-facet-header {
   cursor: default;
-}
-
-.search-navigator-facet-box-forbidden .search-navigator-facet-header:hover {
-  color: var(--secondFontColor);
+  color: var(--gray60);
 }
 
 .search-navigator-facet,