fix(link): bust permanent aria-disabled state (#1807)

* fix: a11y set aria-disabled * test: update snapshots --------- Co-authored-by: felixw <[email protected]>
telekom · May 9, 2023 · 6d7d93e · 6d7d93e
1 parent 5e8dced
commit 6d7d93e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/packages/components/src/components/link/__snapshots__/link.spec.ts.snap b/packages/components/src/components/link/__snapshots__/link.spec.ts.snap
@@ -3,7 +3,7 @@
 exports[`Link should contain target="_blank" when openNewTab is set true 1`] = `
 <scale-link href="http://example.com" open-new-tab="true">
   <mock:shadow-root>
-    <a href="http://example.com" part="anchor">
+    <a aria-disabled="false" href="http://example.com" part="anchor">
       <div part="content">
         <slot></slot>
       </div>
@@ -34,7 +34,7 @@ exports[`Link should handle setted styles 1`] = `
     <style>
       color:red
     </style>
-    <a href="http://example.com" part="anchor">
+    <a aria-disabled="false" href="http://example.com" part="anchor">
       <div part="content">
         <slot></slot>
       </div>
@@ -48,7 +48,7 @@ exports[`Link should handle setted styles 1`] = `
 exports[`Link should have link href value when href value is set 1`] = `
 <scale-link href="http://example.com">
   <mock:shadow-root>
-    <a href="http://example.com" part="anchor">
+    <a aria-disabled="false" href="http://example.com" part="anchor">
       <div part="content">
         <slot></slot>
       </div>
@@ -62,7 +62,7 @@ exports[`Link should have link href value when href value is set 1`] = `
 exports[`Link should match snapshot 1`] = `
 <scale-link>
   <mock:shadow-root>
-    <a part="anchor">
+    <a aria-disabled="false" part="anchor">
       <div part="content">
         <slot></slot>
       </div>

diff --git a/packages/components/src/components/link/link.tsx b/packages/components/src/components/link/link.tsx
@@ -65,7 +65,7 @@ export class Link {
     const props = {
       href: this.href || null,
       tabIndex: this.disabled ? -1 : this.innerTabindex,
-      'aria-disabled': this.disabled ? 'true' : false,
+      'aria-disabled': `${this.disabled}`,
       download: this.download || null,
       hreflang: this.hreflang || null,
       ping: this.ping || null,