From 3202f39a4fc5c5a043ec12f7c90247edd42ae52d Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Mon, 14 Sep 2020 06:39:51 -0700
Subject: [PATCH] fix(progress-step): use button element

- set tabIndex to "-1" if disabled
---
 src/ProgressIndicator/ProgressStep.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/ProgressIndicator/ProgressStep.svelte b/src/ProgressIndicator/ProgressStep.svelte
index 94620731..7fd1819b 100644
--- a/src/ProgressIndicator/ProgressStep.svelte
+++ b/src/ProgressIndicator/ProgressStep.svelte
@@ -71,9 +71,10 @@
   class:bx--progress-step--incomplete="{!complete && !current}"
   class:bx--progress-step--disabled="{disabled}"
   {...$$restProps}>
-  <div
-    role="button"
-    tabindex="{current ? '-1' : '0'}"
+  <button
+    disabled="{disabled}"
+    aria-disabled="{disabled}"
+    tabindex="{!current && !disabled ? '0' : '-1'}"
     class:bx--progress-step-button="{true}"
     class:bx--progress-step-button--unclickable="{current}"
     on:click="{() => {
@@ -112,5 +113,5 @@
       <p class:bx--progress-optional="{true}">{secondaryLabel}</p>
     {/if}
     <span class:bx--progress-line="{true}"></span>
-  </div>
+  </button>
 </li>