fix(loading): add title node for svg a11y (#269)

Author: hellobrian

src/components/loading/loading--small.html

@@ -1,6 +1,6 @@
-<!-- Small Loading -->
 <div data-loading class="bx--loading bx--loading--small">
-  <svg class="bx--loading__svg" viewBox="-75 -75 150 150">
-    <circle cx="0" cy="0" r="37.5" />
+  <svg class=" bx--loading__svg " viewBox="-75 -75 150 150 ">
+    <title>Loading</title>
+    <circle cx="0 " cy="0 " r="37.5 " />
   </svg>
 </div>

src/components/loading/loading--without-overlay.html

@@ -1,6 +1,6 @@
-<!-- Loading without overlay -->
 <div data-loading class="bx--loading">
   <svg class="bx--loading__svg" viewBox="-75 -75 150 150">
+    <title>Loading</title>
     <circle cx="0" cy="0" r="37.5" />
   </svg>
 </div>

src/components/loading/loading.html

@@ -1,7 +1,7 @@
-<!-- Loading with overlay -->
 <div class="bx--loading-overlay">
   <div data-loading class="bx--loading">
     <svg class="bx--loading__svg" viewBox="-75 -75 150 150">
+      <title>Loading</title>
       <circle cx="0" cy="0" r="37.5" />
     </svg>
   </div>