From be85498eaaed4657b1b0e3e08ad51690dfdb44c9 Mon Sep 17 00:00:00 2001 From: ttkapostol Date: Wed, 21 Jun 2023 08:36:50 +0200 Subject: [PATCH 1/3] fix: Add aria-label to static links for accessibility --- README.md | 2 +- src/components/Sidebar/index.js | 6 +++--- src/pages/404.js | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 11e2af0e..743c878e 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@

- + Gatsby

diff --git a/src/components/Sidebar/index.js b/src/components/Sidebar/index.js index 63dd92b9..82bc55e6 100644 --- a/src/components/Sidebar/index.js +++ b/src/components/Sidebar/index.js @@ -49,7 +49,7 @@ function FeaturedMentor({ mentor, isAuthor }) { { isAuthor ? 'Author' : 'Featured Mentor' } - + {mentor.name}

@@ -109,7 +109,7 @@ function TwitchAd() { return (
Follow us in Twitch - + Twitch Logo
@@ -120,7 +120,7 @@ function StoreAd() { return (
Get the T-Shirt - + Coding Coach T-Shirt
diff --git a/src/pages/404.js b/src/pages/404.js index 97cb013d..064dc555 100644 --- a/src/pages/404.js +++ b/src/pages/404.js @@ -23,13 +23,13 @@ const NotFoundPage = () => ( home page would be a good idea. You might want to{' '} read the blog, we have very interesting articles and tutorials! Maybe looking for{' '} - a mentor to improve your + a mentor to improve your career?

How did you get here? Is this a broken link within the blog? Or maybe a link from a third party website? Please{' '} - let us know and we will fix it + let us know and we will fix it ASAP!

From 273ebcb0bb41db2cea89a49d9d90408092205f42 Mon Sep 17 00:00:00 2001 From: ttkapostol Date: Wed, 21 Jun 2023 08:58:14 +0200 Subject: [PATCH 2/3] fix: Add aria-label to dynamic links for accessibility --- src/components/Button/index.js | 2 +- src/components/MainNav/index.js | 2 +- src/components/Sidebar/index.js | 4 ++-- src/pages/about.js | 6 +++--- src/pages/blog.js | 2 +- src/templates/post.js | 2 +- 6 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/components/Button/index.js b/src/components/Button/index.js index 0077026b..847d1c9a 100644 --- a/src/components/Button/index.js +++ b/src/components/Button/index.js @@ -9,7 +9,7 @@ const Button = React.memo(({ children, className, to, onClick }) => { if (to) { if (to.startsWith('http')) { return ( - {children} + {children} ); } diff --git a/src/components/MainNav/index.js b/src/components/MainNav/index.js index 49d3a886..7e9940f8 100644 --- a/src/components/MainNav/index.js +++ b/src/components/MainNav/index.js @@ -46,7 +46,7 @@ const MenuLink = React.memo(({ children, to }) => { if (to && to.startsWith('http')) { return (
  • - {children} + {children}
    • ); } diff --git a/src/components/Sidebar/index.js b/src/components/Sidebar/index.js index 82bc55e6..a273740b 100644 --- a/src/components/Sidebar/index.js +++ b/src/components/Sidebar/index.js @@ -53,7 +53,7 @@ function FeaturedMentor({ mentor, isAuthor }) { {mentor.name}

    - {mentor.name} + {mentor.name}

    {mentor.tags &&

    @@ -75,7 +75,7 @@ function LatestMentors({ mentors }) { {mentors.map(mentor =>

  • - {mentor.name} + {mentor.name}

    {mentor.tags.join(', ')}

    • diff --git a/src/pages/about.js b/src/pages/about.js index 7b1e5cf0..fb03d767 100644 --- a/src/pages/about.js +++ b/src/pages/about.js @@ -80,11 +80,11 @@ function Profile({ className, highlight, image, name, title, to }) { return (
    - - {name} + + {name}

    - + {name}

    diff --git a/src/pages/blog.js b/src/pages/blog.js index bc8bcfae..2e145b8f 100644 --- a/src/pages/blog.js +++ b/src/pages/blog.js @@ -68,7 +68,7 @@ function PostExcerpt({ author, data, excerpt, fields }) {

    - {author.frontmatter.name} ·{' '} + {author.frontmatter.name} ·{' '} {data.date} ·{' '} {fields.readingTime.text}

    diff --git a/src/templates/post.js b/src/templates/post.js index 791ce12c..167e39ad 100644 --- a/src/templates/post.js +++ b/src/templates/post.js @@ -51,7 +51,7 @@ export default function PostTemplate({ data }) { {frontmatter.title}

    - {author.frontmatter.name}{' '} + {author.frontmatter.name}{' '} ·{' '} {frontmatter.date}{' '} ·{' '} From e1385fe0a227caeb8524684688a96fa08157f58c Mon Sep 17 00:00:00 2001 From: ttkapostol Date: Wed, 21 Jun 2023 09:33:22 +0200 Subject: [PATCH 3/3] fix: Add aria-labelledby, title and description to svg images for accessibility --- src/assets/images/about.svg | 4 +++- src/assets/images/contact.svg | 5 ++++- src/assets/images/logo.svg | 3 ++- src/assets/images/mission.svg | 4 +++- 4 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/assets/images/about.svg b/src/assets/images/about.svg index ea09e41a..226befa7 100644 --- a/src/assets/images/about.svg +++ b/src/assets/images/about.svg @@ -1,4 +1,6 @@ - + + Decorative image used in about section + Bird's eye view of a person walking next to a laptop. The background is light green and there are also some plants at the bottom left corner. diff --git a/src/assets/images/contact.svg b/src/assets/images/contact.svg index cfda0db2..8e197c49 100644 --- a/src/assets/images/contact.svg +++ b/src/assets/images/contact.svg @@ -1 +1,4 @@ -people search \ No newline at end of file + + Decorative image used in contact section + A person is standing upright and they are holding a human size green search loop. The loop is centered around on of the profiles of the mentors that appear in the background. The background consist of an abstract image with diferrent mentor profiles. Behing that, there is a light green stain and on the right hand corner there is a pot with a plant. +people search \ No newline at end of file diff --git a/src/assets/images/logo.svg b/src/assets/images/logo.svg index 69120c60..8cf16216 100644 --- a/src/assets/images/logo.svg +++ b/src/assets/images/logo.svg @@ -1,4 +1,5 @@ - + + Coding coach logo diff --git a/src/assets/images/mission.svg b/src/assets/images/mission.svg index 0c8a4992..942d7266 100644 --- a/src/assets/images/mission.svg +++ b/src/assets/images/mission.svg @@ -1,4 +1,6 @@ - + + Decorative image used in mission section + Three people facing forward. They are portrayed from the bust up. All of them have diferrent hair styles and colors as well as different skin colors but they are all wearing green t-shirts, their facial features and their genders are not defined. The background is a light green stain.