fix(modal): add close modal aria-label to modal close button (#259)

Author: hellobrian

src/components/modal/modal--nofooter.html

@@ -5,8 +5,9 @@
     <div class="bx--modal-header">
       <h4 class="bx--modal-header__label">Label (Optional)</h4>
       <h2 class="bx--modal-header__heading">Modal Title</h2>
-      <button class="bx--modal-close" type="button" data-modal-close data-modal-primary-focus>
+      <button class="bx--modal-close" type="button" data-modal-close data-modal-primary-focus aria-label="close modal">
         <svg class="bx--modal-close__icon" width="10" height="10" viewBox="0 0 10 10" fill-rule="evenodd">
+          <title>Close Modal</title>
           <path d="M9.8 8.6L8.4 10 5 6.4 1.4 10 0 8.6 3.6 5 .1 1.4 1.5 0 5 3.6 8.6 0 10 1.4 6.4 5z"></path>
         </svg>
       </button>

src/components/modal/modal.html

@@ -5,8 +5,9 @@
     <div class="bx--modal-header">
       <h4 class="bx--modal-header__label">Label (Optional)</h4>
       <h2 class="bx--modal-header__heading">Modal Title</h2>
-      <button class="bx--modal-close" type="button" data-modal-close>
+      <button class="bx--modal-close" type="button" data-modal-close aria-label="close modal">
         <svg class="bx--modal-close__icon" width="10" height="10" viewBox="0 0 10 10" fill-rule="evenodd">
+           <title>Close Modal</title>
           <path d="M9.8 8.6L8.4 10 5 6.4 1.4 10 0 8.6 3.6 5 .1 1.4 1.5 0 5 3.6 8.6 0 10 1.4 6.4 5z"></path>
         </svg>
       </button>