fix(svg): uses correct aria-* attribute for label (#149)

according to the MDN documentation, the aria-labelledby attribute is reserved for one or more
element IDs to associate a label with an element. the aria-label attribute is for a string when no
visible label on the screen

Author: zackseuberling

src/Svg.tsx

@@ -35,7 +35,7 @@ export default ({
       role="img"
       style={{ ...style, ...rtlStyle }}
       className={className}
-      aria-labelledby={ariaLabel ? ariaLabel : null}
+      aria-label={ariaLabel ? ariaLabel : null}
       viewBox={`0 0 ${width} ${height}`}
       preserveAspectRatio={preserveAspectRatio}
       {...props}

src/__tests__/Svg.tests.tsx

@@ -126,8 +126,8 @@ describe('Svg', () => {
     it('svg has aria-label', () => {
       const { svg } = partsOfComponent
 
-      expect(typeof svg.props['aria-labelledby']).toBe('string')
-      expect(svg.props['aria-labelledby'].length).not.toBe(0)
+      expect(typeof svg.props['aria-label']).toBe('string')
+      expect(svg.props['aria-label'].length).not.toBe(0)
     })
 
     it('svg has role', () => {

src/__tests__/stylized/__snapshots__/BulletListStyle.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`BulletListStyle renders correctly 1`] = `
 <svg
-  aria-labelledby="Loading interface..."
+  aria-label="Loading interface..."
   preserveAspectRatio="none"
   role="img"
   style={Object {}}

src/__tests__/stylized/__snapshots__/CodeStyle.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`CodeStyle renders correctly 1`] = `
 <svg
-  aria-labelledby="Loading interface..."
+  aria-label="Loading interface..."
   preserveAspectRatio="none"
   role="img"
   style={Object {}}

src/__tests__/stylized/__snapshots__/FacebookStyle.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`FacebookStyle renders correctly 1`] = `
 <svg
-  aria-labelledby="Loading interface..."
+  aria-label="Loading interface..."
   preserveAspectRatio="none"
   role="img"
   style={Object {}}

src/__tests__/stylized/__snapshots__/InstagramStyle.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`InstagramStyle renders correctly 1`] = `
 <svg
-  aria-labelledby="Loading interface..."
+  aria-label="Loading interface..."
   preserveAspectRatio="none"
   role="img"
   style={Object {}}

src/__tests__/stylized/__snapshots__/ListStyle.test.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`ListStyle renders correctly 1`] = `
 <svg
-  aria-labelledby="Loading interface..."
+  aria-label="Loading interface..."
   preserveAspectRatio="none"
   role="img"
   style={Object {}}