fix: added prop for close button label

docs/.vuepress/config.js

@@ -34,6 +34,10 @@ module.exports = {
         link: '/usage/',
         text: 'Usage'
       },
+      {
+        link: '/options/',
+        text: 'Options'
+      },
       {
         text: 'Examples',
         collapsable: true,

docs/options/index.md

@@ -1,7 +1,9 @@
 ## v-model
-Pass a Boolean value to the ```v-model``` directive to open and close the modal window.
+
+Pass a Boolean value to the `v-model` directive to open and close the modal window.
 
 ## Props
+
 <table class="table table-bordered">
   <thead>
     <tr>
@@ -95,19 +97,29 @@ Pass a Boolean value to the ```v-model``` directive to open and close the modal
       <td>Opens and closes the modal window, this is used by <code>v-model</code> internally.</td>
       <td>Boolean</td>
       <td>false</td>
-    </tr>    
+    </tr>
+    <tr>
+      <td>closeLabel</td>
+      <td>The aria-label attribute of the close button</td>
+      <td>String</td>
+      <td><em>Close</em></td>
+    </tr>
   </tbody>
 </table>
 
 ## Slots
+
 ### default
+
 The default slot to use for the content of the modal.
 
 ### titlebar
+
 The slot to use for overriding the titlebar of the modal
 
 Default value:
-``` vue
+
+```vue
 <div class="vm-titlebar">
   <h3 class="vm-title">
     {{ title }}
@@ -122,16 +134,19 @@ Default value:
 ```
 
 ### content
+
 The slot to use for overriding the content of the modal
 
 Default value:
-``` vue
+
+```vue
 <div class="vm-content">
   <slot></slot>
 </div>
 ```
 
 ## Events
+
 <table class="table table-bordered">
   <thead>
     <tr>
@@ -169,4 +184,4 @@ Default value:
       <td>Event that fires when the modal closing transition is finished</td>
     </tr>    
   </tbody>
-</table>
+</table>

src/Modal.vue

@@ -42,7 +42,13 @@
               <h3 :id="`${id}-title`" class="vm-title">
                 {{ title }}
               </h3>
-              <button v-if="enableClose" type="button" class="vm-btn-close" aria-label="Close" @click.prevent="close"></button>
+              <button
+                v-if="enableClose"
+                type="button"
+                class="vm-btn-close"
+                :aria-label="closeLabel"
+                @click.prevent="close"
+              ></button>
             </div>
           </slot>
           <slot name="content">
@@ -100,6 +106,10 @@ export default {
     modelValue: {
       type: Boolean,
       default: false
+    },
+    closeLabel: {
+      type: String,
+      default: 'Close'
     }
   },
   emits: ['before-open', 'opening', 'after-open', 'before-close', 'closing', 'after-close', 'update:modelValue'],