WCAG 2.2 updates - Accordion, link

digitalnsw · Oct 22, 2024 · 0dee6f7 · 0dee6f7
1 parent 2e16d34
commit 0dee6f7
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/components/accordion/_accordion.scss b/src/components/accordion/_accordion.scss
@@ -39,6 +39,7 @@
     display: flex;
     justify-content: flex-end;
     margin-bottom: rem(16px);
+    margin-right: rem(2px);
 
     button {
       @include font-size('sm');
@@ -47,7 +48,6 @@
       text-decoration-skip-ink: auto;
       font-weight: var(--nsw-font-bold);
       border: 0;
-      padding: 0;
       background: none;
 
       &:hover:enabled {
@@ -66,7 +66,7 @@
       }
 
       &:first-child {
-        margin-right: rem(24px);
+        margin-right: rem(12px);
       }
 
       &:disabled {
@@ -78,7 +78,7 @@
         color: var(--nsw-text-light);
 
         &:focus {
-          outline-color: var(--nsw-white);
+          outline-color: var(--nsw-wh paddite);
         }
       }
     }

diff --git a/src/components/link/_link.hbs b/src/components/link/_link.hbs
@@ -3,4 +3,4 @@
 </p>{{/if}}{{#if icon}}<a class="js-link" href="https://digital.nsw.gov.au">{{#if-equals type "download"}}
   <span class="material-icons nsw-material-icons" title="download file">file_download</span><span>My Link (PDF, 123.45 KB)</span>{{/if-equals}}{{#if-equals type "external"}}
   <span>{{#if content}}{{content}}{{else}}My Link{{/if}}</span><span class="material-icons nsw-material-icons" title="(opens in new window)">open_in_new</span>{{/if-equals}}
-</a>{{/if}}
+</a>{{/if}}
diff --git a/src/global/scss/base/_mixins.scss b/src/global/scss/base/_mixins.scss
@@ -45,6 +45,8 @@
   font-weight: var(--nsw-font-bold);
   color: var(--nsw-link);
   text-decoration: underline;
+  padding: 2px;
+  // background-color: var(--nsw-link-light);
 
   &:visited {
     color: var(--nsw-visited);