Add aria-label to BackToTopButton (#290)

* add aria-label to BackToTopButton * Update CHANGELOG.md
mapbox · Jul 8, 2020 · 7ef0b8d · 7ef0b8d
1 parent a5f161a
commit 7ef0b8d
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## Main
+
+- Add aria-label to `BackToTopButton`. [#290](https://github.com/mapbox/dr-ui/pull/290)
+
 ## 0.29.1
 
 - Remove `limiter` from `Topbar`. [#282](https://github.com/mapbox/dr-ui/pull/282)

diff --git a/src/components/back-to-top-button/__tests__/__snapshots__/back-to-top-button.test.js.snap b/src/components/back-to-top-button/__tests__/__snapshots__/back-to-top-button.test.js.snap
@@ -12,6 +12,7 @@ exports[`back-top-top-button Just the button renders as expected 1`] = `
     onKeyDown={[Function]}
   >
     <button
+      aria-label="Back to top"
       className="btn--blue w60 h60 px0 round-full shadow-darken25 color-white flex-parent flex-parent--center-main flex-parent--center-cross"
       disabled={false}
       onClick={[Function]}

diff --git a/src/components/back-to-top-button/back-to-top-button.js b/src/components/back-to-top-button/back-to-top-button.js
@@ -27,7 +27,8 @@ export default class BackToTopButton extends React.Component {
             }}
             passthroughProps={{
               className:
-                'btn--blue w60 h60 px0 round-full shadow-darken25 color-white flex-parent flex-parent--center-main flex-parent--center-cross'
+                'btn--blue w60 h60 px0 round-full shadow-darken25 color-white flex-parent flex-parent--center-main flex-parent--center-cross',
+              'aria-label': 'Back to top'
             }}
           >
             <Icon name="arrow-up" size={30} />