Commit 89da1500 authored by Sascha Eggenberger's avatar Sascha Eggenberger
Browse files

Issue #3378791: WCAG A violation: links must be distinguishable without relying on color

parent 78d579a4

dist/css/base/gin.css

+16 −1
Original line number Diff line number Diff line
@@ -64,7 +64,8 @@ button.link, 
[open] .claro-details__summary--vertical-tabs-item,

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {

  color: var(--gin-color-primary);

  text-decoration: none;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

}



a:hover,
@@ -89,6 +90,18 @@ button.link:active, 
  color: var(--gin-color-primary-active);

}



*|*:-webkit-any-link:not(svg|a) {

  text-decoration: underline;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

}



*|*:any-link:not(svg|a) {

  text-decoration: underline;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

}



.is-horizontal .tabs__link:hover,

.claro-details__summary:hover,

.action-link:hover {
@@ -1365,6 +1378,8 @@ table td a { 


table td a:hover {

  text-decoration: underline;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

}



table td .group-label {

dist/css/theme/dialog.css

+14 −1
Original line number Diff line number Diff line
@@ -7,7 +7,8 @@ 
.ui-dialog [open] .claro-details__summary--vertical-tabs-item,

.ui-dialog .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {

  color: var(--gin-color-primary);

  text-decoration: none;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

}



.ui-dialog a:hover,
@@ -32,6 +33,18 @@ 
  color: var(--gin-color-primary-active);

}



.ui-dialog *|*:-webkit-any-link:not(svg|a) {

  text-decoration: underline;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

}



.ui-dialog *|*:any-link:not(svg|a) {

  text-decoration: underline;

  -webkit-text-decoration-style: dotted;

          text-decoration-style: dotted;

}



.ui-dialog .is-horizontal .tabs__link:hover,

.ui-dialog .claro-details__summary:hover,

.ui-dialog .action-link:hover {

styles/base/_color-overrides.scss

+6 −1
Original line number Diff line number Diff line
@@ -9,7 +9,7 @@ button.link, 
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link

{

  color: var(--gin-color-primary);

  text-decoration: none;

  text-decoration-style: dotted;



  &:hover {

    color: var(--gin-color-primary-hover);
@@ -20,6 +20,11 @@ button.link, 
  }

}



*|*:any-link:not(svg|a) {

  text-decoration: underline;

  text-decoration-style: dotted;

}



// Only hover

.is-horizontal .tabs__link,

.claro-details__summary,

styles/base/_table.scss

+1 −0
Original line number Diff line number Diff line
@@ -121,6 +121,7 @@ table { 


      &:hover {

        text-decoration: underline;

        text-decoration-style: dotted;

      }

    }