diff --git a/components/interactables/Button/Button.html b/components/interactables/Button/Button.html
index 61b090b254..ccbf63bec5 100644
--- a/components/interactables/Button/Button.html
+++ b/components/interactables/Button/Button.html
@@ -9,6 +9,7 @@
@mousemove.stop="handleMouseMove"
@mouseenter="handleMouseEnter"
@mouseleave="handleMouseLeave"
+ :aria-label="label || text"
>
diff --git a/components/interactables/Button/Button.vue b/components/interactables/Button/Button.vue
index a30c3b5dcc..7791de18b6 100644
--- a/components/interactables/Button/Button.vue
+++ b/components/interactables/Button/Button.vue
@@ -35,6 +35,11 @@ export default Vue.extend({
type: Boolean,
default: false,
},
+ // aria label for accessibility
+ label: {
+ type: String,
+ default: '',
+ },
},
data() {
return {