From c9e0581fcd3701b0e694a9c73b6142fda609c88b Mon Sep 17 00:00:00 2001
From: Michael Roytman <mroytman@edx.org>
Date: Mon, 20 Nov 2017 10:20:06 -0500
Subject: [PATCH] fix(Table): add aria-hidden to sort icons in Table (#76)

add aria-hidden tag to the table headings of sortable columns in a sortable Table so icons are not
read aloud to screen-reader users
---
 .storybook/__snapshots__/Storyshots.test.js.snap | 1 +
 src/Table/index.jsx                              | 1 +
 2 files changed, 2 insertions(+)

diff --git a/.storybook/__snapshots__/Storyshots.test.js.snap b/.storybook/__snapshots__/Storyshots.test.js.snap
index ebea640bbd..f08ed085b4 100644
--- a/.storybook/__snapshots__/Storyshots.test.js.snap
+++ b/.storybook/__snapshots__/Storyshots.test.js.snap
@@ -1602,6 +1602,7 @@ exports[`Storyshots Table sortable 1`] = `
             </span>
              
             <span
+              aria-hidden={true}
               className="fa fa-sort-desc"
             />
           </span>
diff --git a/src/Table/index.jsx b/src/Table/index.jsx
index 0ddc11c75a..8c5b8966df 100644
--- a/src/Table/index.jsx
+++ b/src/Table/index.jsx
@@ -59,6 +59,7 @@ class Table extends React.Component {
 
     return (<span
       className={classNames(FontAwesomeStyles.fa, FontAwesomeStyles[sortIconClassName])}
+      aria-hidden
     />);
   }