|#973| Thais + Sriram | Adds title and aria label for the logout button on the header

2 files changed, 10 insertions, 0 deletions

diff --git a/web-ui/src/common/flat_button/flat_button.js b/web-ui/src/common/flat_button/flat_button.js
index 33df7de4..b8c6c2c7 100644
--- a/web-ui/src/common/flat_button/flat_button.js
+++ b/web-ui/src/common/flat_button/flat_button.js
@@ -43,6 +43,8 @@ const SubmitFlatButton = ({ name, buttonText, fontIconClass }) => (
     labelPosition='before'
     label={buttonText}
     labelStyle={labelStyle}
+    aria-label={buttonText}
+    title={buttonText}
     icon={<FontIcon className={fontIconClass} color={grey500} style={iconStyle} />}
   />
 );
diff --git a/web-ui/src/common/flat_button/flat_button.spec.js b/web-ui/src/common/flat_button/flat_button.spec.js
index 8939e3d9..16f03acb 100644
--- a/web-ui/src/common/flat_button/flat_button.spec.js
+++ b/web-ui/src/common/flat_button/flat_button.spec.js
@@ -18,6 +18,14 @@ describe('FlatButton', () => {
     expect(flatButton.find('FlatButton').props().label).toEqual('Logout');
   });
 
+  it('renders a FlatButton of type submit with title logout', () => {
+    expect(flatButton.find('FlatButton').props().title).toEqual('Logout');
+  });
+
+  it('renders a FlatButton of type submit with aria-label logout', () => {
+    expect(flatButton.find('FlatButton').props()['aria-label']).toEqual('Logout');
+  });
+
   it('renders a FlatButton with given fontIcon class', () => {
     expect(flatButton.find('FlatButton').props().icon.props.className).toEqual('fa fa-sign-out');
   });