From d4c794853ceb98cbddfb0ef966f786a17f640124 Mon Sep 17 00:00:00 2001
From: Vinicius Gabriel Machado <vgm18@inf.ufpr.br>
Date: Fri, 3 Sep 2021 07:06:26 -0300
Subject: [PATCH] Accessibility

---
 src/Components/HomeScreenSearchBar.js | 2 +-
 src/Components/MenuBarMobile.js       | 4 ++--
 src/Components/Notifications.js       | 2 +-
 src/Components/SearchBar.js           | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/Components/HomeScreenSearchBar.js b/src/Components/HomeScreenSearchBar.js
index 364bce64..ab276143 100644
--- a/src/Components/HomeScreenSearchBar.js
+++ b/src/Components/HomeScreenSearchBar.js
@@ -168,7 +168,7 @@ export default function HomeScreenSearchBar() {
             </Grid>
             <Grid item md={2} xs={12}>
                 <div style={{ height: "100%" }}>
-                    <Button onClick={handleKeyDown} className="custom-button" style={{ backgroundColor: options[selectedIndex].backColor, color: "#fff" }}>
+                    <Button title="Pesquisar" onClick={handleKeyDown} className="custom-button" style={{ backgroundColor: options[selectedIndex].backColor, color: "#fff" }}>
                         <SearchIcon fontSize="large" style={state.contrast === "" ? {color: "white"} : {color: "yellow"}}/>
                     </Button>
                 </div>
diff --git a/src/Components/MenuBarMobile.js b/src/Components/MenuBarMobile.js
index 0f3f794e..e6e21aaa 100644
--- a/src/Components/MenuBarMobile.js
+++ b/src/Components/MenuBarMobile.js
@@ -47,7 +47,7 @@ export default function MenuBarMobile(props) {
                 openSignUp={props.openSignUp} openLogin={props.openLogin}
             />
             <OuterDiv contrast={props.contrast}>
-                <Button style={props.contrast === "" ? { color: "#00bcd4" } : { color: "white " }} onClick={toggleDrawer(true)}>
+                <Button title="Menu" style={props.contrast === "" ? { color: "#00bcd4" } : { color: "white " }} onClick={toggleDrawer(true)}>
                     <MenuIcon className="icon" />
                 </Button>
                 <DrawerButtonDiv>
@@ -55,7 +55,7 @@ export default function MenuBarMobile(props) {
                         <img src={logo} alt="logo" style={{ border: "0", verticalAlign: "middle" }} />
                     </Link>
                 </DrawerButtonDiv>
-                <Button style={{ position: "absolute", right: 0 }} onClick={props.openSearchBar}>
+                <Button title="Pesquisar" style={{ position: "absolute", right: 0 }} onClick={props.openSearchBar}>
                     <IconSearchStyled style={props.contrast === "" ? { color: "#00bcd4" } : { color: "white " }} />
                 </Button>
             </OuterDiv>
diff --git a/src/Components/Notifications.js b/src/Components/Notifications.js
index c91283dd..3765b779 100644
--- a/src/Components/Notifications.js
+++ b/src/Components/Notifications.js
@@ -186,7 +186,7 @@ export default function Notification(props) {
                 color={snack.color}
                 text={snack.text}
             />
-            <StyledNotificationButton onClick={handleClick}>
+            <StyledNotificationButton title="Notificações" onClick={handleClick}>
                 {
                     notifications.some((notification) => (notification.recipient !== null) && (notification.viewed === false) && (notification.recipient_type !== "NilClass")) ?
                     (
diff --git a/src/Components/SearchBar.js b/src/Components/SearchBar.js
index 520babae..aa074394 100644
--- a/src/Components/SearchBar.js
+++ b/src/Components/SearchBar.js
@@ -200,7 +200,7 @@ export default function SearchBar(props) {
                             <Link
                                 to={linkTarget}
                             >
-                                <ButtonStyled onClick={handleKeyDown} ><IconSearchStyled contrast={state.contrast} /></ButtonStyled>
+                                <ButtonStyled title="Pesquisar" onClick={handleKeyDown} ><IconSearchStyled contrast={state.contrast} /></ButtonStyled>
                             </Link>
                         </Grid>
                         <Grid container item justify="center" alignItems="center" xs={12} sm={3} md={3} lg={3} xl={3}>
@@ -246,7 +246,7 @@ export default function SearchBar(props) {
                             <Link
                                 to={linkTarget}
                             >
-                                <ButtonStyled onClick={handleKeyDown} ><IconSearchStyled contrast={state.contrast} /></ButtonStyled>
+                                <ButtonStyled title="Pesquisar" onClick={handleKeyDown} ><IconSearchStyled contrast={state.contrast} /></ButtonStyled>
                             </Link>
                         </Grid>
                     </React.Fragment>
-- 
GitLab