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 {