Accessibility

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>

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>

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")) ?
                     (

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>