fix(PoweredBy): add a label to the Algolia logo (#216)

The label says "Algolia", since the text before it is "powered by "
algolia · Jul 27, 2017 · cd235bd · cd235bd
1 parent 9ba70f6
commit cd235bd
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/react-instantsearch/src/components/PoweredBy.js b/packages/react-instantsearch/src/components/PoweredBy.js
@@ -52,7 +52,12 @@ class PoweredBy extends Component {
         <span {...cx('searchBy')}>
           {translate('searchBy')}{' '}
         </span>
-        <a href={url} target="_blank" {...cx('algoliaLink')}>
+        <a
+          href={url}
+          target="_blank"
+          {...cx('algoliaLink')}
+          ariaLabel="Algolia"
+        >
           <AlgoliaLogo />
         </a>
       </div>

diff --git a/packages/react-instantsearch/src/components/__snapshots__/PoweredBy.test.js.snap b/packages/react-instantsearch/src/components/__snapshots__/PoweredBy.test.js.snap
@@ -11,6 +11,7 @@ exports[`PoweredBy applies translations 1`] = `
      
   </span>
   <a
+    ariaLabel="Algolia"
     className="ais-PoweredBy__algoliaLink"
     href="url"
     target="_blank"
@@ -66,6 +67,7 @@ exports[`PoweredBy default 1`] = `
      
   </span>
   <a
+    ariaLabel="Algolia"
     className="ais-PoweredBy__algoliaLink"
     href="url"
     target="_blank"