Skip to content

GitLab

Commit d6cec10f authored by Richard Babjak's avatar Richard Babjak
Browse files

add aria labels

parent e47b10a3
master
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 14 additions and 2 deletions
+14 -2
components/home/homePage.tsx
View file @ d6cec10f
......@@ -216,6 +216,7 @@ const HomePage = (): JSX.Element => {
<div className={'pt-5'}>
<a
href="#about"
aria-label="Link to About section"
className={styles.button}
>
<span>
......@@ -271,7 +272,10 @@ const HomePage = (): JSX.Element => {
{/*<i />*/}
<motion.div>
<a href="#intro">
<a
href="#intro"
aria-label="Link to Intro section"
>
<FontAwesomeIcon
icon={faArrowUp}
className={styles.arrowTopIcon}
......
components/layout/mobileNavBar.tsx
View file @ d6cec10f
......@@ -97,7 +97,7 @@ const MobileNavBar = ({
className="d-flex justify-content-end"
style={{ zIndex: 9999999 }}
>
<Hamburger toggled={isOpen} toggle={setIsOpen} />
<Hamburger toggled={isOpen} toggle={setIsOpen} label={'menu'} />
</div>
<Menu
right
......@@ -110,6 +110,7 @@ const MobileNavBar = ({
>
<a
href="#intro"
aria-label="Link to Intro section"
onClick={() => {
setIsOpen(false)
handleClick('home')
......@@ -119,6 +120,7 @@ const MobileNavBar = ({
</a>
<a
href="#about"
aria-label="Link to About section"
onClick={() => {
setIsOpen(false)
handleClick('about')
......@@ -128,6 +130,7 @@ const MobileNavBar = ({
</a>
<a
href="#services"
aria-label="Link to Services section"
onClick={() => {
setIsOpen(false)
handleClick('services')
......@@ -140,6 +143,7 @@ const MobileNavBar = ({
{/*</a>*/}
<a
href="#contact"
aria-label="Link to Contact section"
onClick={() => {
setIsOpen(false)
handleClick('contact')
......
components/layout/navBar.tsx
View file @ d6cec10f
......@@ -37,6 +37,7 @@ const NavBar = (): JSX.Element => {
<li className={styles.current}>
<a
href="#intro"
aria-label="Link to Intro section"
onClick={() => handleClick('home')}
>
<span className={styles.first}>
......@@ -47,6 +48,7 @@ const NavBar = (): JSX.Element => {
<li>
<a
href="#about"
aria-label="Link to About section"
onClick={() => handleClick('about')}
>
<span className={styles.first}>
......@@ -57,6 +59,7 @@ const NavBar = (): JSX.Element => {
<li>
<a
href="#services"
aria-label="Link to Services section"
onClick={() => handleClick('services')}
>
<span className={styles.first}>
......@@ -77,6 +80,7 @@ const NavBar = (): JSX.Element => {
<li>
<a
href="#contact"
aria-label="Link to Contact section"
className={styles.button}
onClick={() => handleClick('contact')}
>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment