From be85498eaaed4657b1b0e3e08ad51690dfdb44c9 Mon Sep 17 00:00:00 2001 From: ttkapostol Date: Wed, 21 Jun 2023 08:36:50 +0200 Subject: [PATCH 1/5] 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/5] 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/5] 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. From 186249702b975387dc4ada40d635c5e02efcde3f Mon Sep 17 00:00:00 2001 From: ttkapostol Date: Wed, 21 Jun 2023 09:44:10 +0200 Subject: [PATCH 4/5] fix: Add define title and description to svg images for accessibility --- src/components/Icon/ArrowUp.js | 2 +- src/components/Icon/Close.js | 2 +- src/components/Icon/Facebook.js | 2 +- src/components/Icon/Github.js | 2 +- src/components/Icon/Twitter.js | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/Icon/ArrowUp.js b/src/components/Icon/ArrowUp.js index 7864d841..32ee3293 100644 --- a/src/components/Icon/ArrowUp.js +++ b/src/components/Icon/ArrowUp.js @@ -4,5 +4,5 @@ import Icon from './index.js'; const vectors = 'M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z'; // eslint-disable-line export default function ArrowUp(props) { - return ; + return ; } diff --git a/src/components/Icon/Close.js b/src/components/Icon/Close.js index 6c189405..58a70b15 100644 --- a/src/components/Icon/Close.js +++ b/src/components/Icon/Close.js @@ -4,5 +4,5 @@ import Icon from './index'; const vectors = 'M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'; // eslint-disable-line export default function Close(props) { - return ; + return ; } \ No newline at end of file diff --git a/src/components/Icon/Facebook.js b/src/components/Icon/Facebook.js index 5573a9cd..9409442a 100644 --- a/src/components/Icon/Facebook.js +++ b/src/components/Icon/Facebook.js @@ -4,5 +4,5 @@ import Icon from './index'; const vectors = 'M8.65244566,0 L1.34752988,0 C0.603324486,0 0,0.603295596 0,1.34751999 L0,8.65243109 C0,9.39665548 0.603300023,9.99995107 1.34752988,9.99995107 L4.95027949,9.99995107 L4.95641963,6.42650958 L4.0280343,6.42650958 C3.90738408,6.42650958 3.80945974,6.3289529 3.80899495,6.20830357 L3.80454273,5.05643512 C3.80407794,4.9351253 3.90229583,4.83654119 4.02360654,4.83654119 L4.95030395,4.83654119 L4.95030395,3.72354374 C4.95030395,2.4319207 5.73915383,1.72862217 6.89137322,1.72862217 L7.83685801,1.72862217 C7.95782624,1.72862217 8.05592182,1.82669256 8.05592182,1.94768437 L8.05592182,2.91894576 C8.05592182,3.03988865 7.95789963,3.13793458 7.83698032,3.13800797 L7.25674866,3.13827705 C6.63013565,3.13827705 6.50880047,3.4360353 6.50880047,3.87300997 L6.50880047,4.83656565 L7.88568563,4.83656565 C8.01687929,4.83656565 8.11866874,4.95112381 8.10320829,5.08141139 L7.96668175,6.23327984 C7.95361865,6.34350813 7.86014653,6.42655851 7.74915909,6.42655851 L6.51494062,6.42655851 L6.50880047,10 L8.65249459,10 C9.39669998,10 10,9.3967044 10,8.65250448 L10,1.34751999 C9.99997554,0.603295596 9.39667551,0 8.65244566,0 Z'; // eslint-disable-line export default function Facebook(props) { - return ; + return ; } diff --git a/src/components/Icon/Github.js b/src/components/Icon/Github.js index cf76fee2..e4d32067 100644 --- a/src/components/Icon/Github.js +++ b/src/components/Icon/Github.js @@ -4,5 +4,5 @@ import Icon from './index'; const vectors = 'M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z'; // eslint-disable-line export default function Github(props) { - return ; + return ; } \ No newline at end of file diff --git a/src/components/Icon/Twitter.js b/src/components/Icon/Twitter.js index 4dbbd2d1..7a081dac 100644 --- a/src/components/Icon/Twitter.js +++ b/src/components/Icon/Twitter.js @@ -4,5 +4,5 @@ import Icon from './index'; const vectors = 'M10.6958834,1.0264501 C10.4543969,1.13095978 10.2037152,1.2134089 9.9464883,1.27309916 C10.2299229,1.01023441 10.4430288,0.681446587 10.5632553,0.314460095 C10.5975717,0.209691788 10.4809755,0.119096039 10.3840418,0.175191437 C10.0261976,0.382348717 9.64074145,0.53775547 9.23835232,0.637144412 C9.2150066,0.642911712 9.1909189,0.645834156 9.1667517,0.645834156 C9.09345513,0.645834156 9.022199,0.619273541 8.96615336,0.571066154 C8.53803358,0.202812408 7.98740838,0 7.41574287,0 C7.16837359,0 6.91861938,0.0376296931 6.67339653,0.111854586 C5.91361377,0.341848305 5.32737375,0.95351832 5.14344336,1.70818117 C5.07443965,1.99124439 5.05575777,2.27456624 5.0878747,2.5502587 C5.09155808,2.58194006 5.07621509,2.60405235 5.0667549,2.61442315 C5.05013995,2.63260437 5.02658224,2.64302689 5.00212355,2.64302689 C4.99939414,2.64302689 4.99658523,2.64289757 4.99380283,2.64263895 C3.33066508,2.49183569 1.8309209,1.70983636 0.770823616,0.44072 C0.716765412,0.375986583 0.613100856,0.383926319 0.570013287,0.456056363 C0.362419184,0.803646106 0.252712828,1.20120187 0.252712828,1.60574047 C0.252712828,2.2257123 0.50792585,2.80996824 0.951229623,3.23589499 C0.764808316,3.19275662 0.58437581,3.12481627 0.416768878,3.0339619 C0.335681572,2.98999593 0.235912386,3.04650513 0.234772924,3.13702329 C0.22316631,4.05803266 0.775672955,4.87755824 1.60334646,5.24658785 C1.58667851,5.24697579 1.57001057,5.24715682 1.55331612,5.24715682 C1.42211898,5.24715682 1.28927889,5.23479463 1.15853224,5.21040645 C1.06721627,5.19338904 0.990501319,5.277933 1.01885538,5.36433905 C1.28750345,6.18290772 2.00965746,6.78627593 2.87384675,6.9232687 C2.15662158,7.39316141 1.32139583,7.641026 0.452092205,7.641026 L0.181085708,7.64087083 C0.0975869817,7.64087083 0.0269668278,7.69399206 0.00568803467,7.7729239 C-0.015272769,7.85066607 0.0233364484,7.93267552 0.094539583,7.97309835 C1.07410604,8.5294747 2.19144142,8.82352941 3.32623972,8.82352941 C4.31955923,8.82352941 5.24872436,8.63113952 6.08795148,8.25173911 C6.85730042,7.90391661 7.53716183,7.40671328 8.10864185,6.7739396 C8.64100916,6.18448532 9.05731033,5.50402151 9.34593875,4.75147937 C9.62107911,4.03413586 9.76650627,3.26871429 9.76650627,2.53794823 L9.76650627,2.50313753 C9.76647978,2.38580013 9.82085597,2.27539384 9.91572282,2.2002379 C10.2757134,1.91497638 10.5891979,1.57917986 10.8474319,1.20218464 C10.9156141,1.10264053 10.8080807,0.977880637 10.6958834,1.0264501 Z'; // eslint-disable-line export default function Twitter(props) { - return ; + return ; } From 1ab1bba971928f93a4d4ceb9422e0cd13dae73a8 Mon Sep 17 00:00:00 2001 From: Natalia Date: Wed, 21 Jun 2023 15:45:58 +0200 Subject: [PATCH 5/5] fix: add props for Arial Label --- src/components/Banner/index.js | 2 +- src/components/Button/ScrollTop.js | 2 +- src/components/Icon/ArrowUp.js | 2 +- src/components/Icon/Close.js | 2 +- src/components/Icon/Facebook.js | 2 +- src/components/Icon/Github.js | 2 +- src/components/Icon/Twitter.js | 2 +- src/components/Icon/index.js | 4 +++- 8 files changed, 10 insertions(+), 8 deletions(-) diff --git a/src/components/Banner/index.js b/src/components/Banner/index.js index 9c936ad9..d86e82d6 100644 --- a/src/components/Banner/index.js +++ b/src/components/Banner/index.js @@ -20,7 +20,7 @@ export default class Banner extends PureComponent { {children} { closable && - + } diff --git a/src/components/Button/ScrollTop.js b/src/components/Button/ScrollTop.js index 5be4954e..8b3b4699 100644 --- a/src/components/Button/ScrollTop.js +++ b/src/components/Button/ScrollTop.js @@ -58,7 +58,7 @@ export default class ScrollTop extends React.Component { }} > ); diff --git a/src/components/Icon/ArrowUp.js b/src/components/Icon/ArrowUp.js index 32ee3293..eec8ce76 100644 --- a/src/components/Icon/ArrowUp.js +++ b/src/components/Icon/ArrowUp.js @@ -4,5 +4,5 @@ import Icon from './index.js'; const vectors = 'M34.9 289.5l-22.2-22.2c-9.4-9.4-9.4-24.6 0-33.9L207 39c9.4-9.4 24.6-9.4 33.9 0l194.3 194.3c9.4 9.4 9.4 24.6 0 33.9L413 289.4c-9.5 9.5-25 9.3-34.3-.4L264 168.6V456c0 13.3-10.7 24-24 24h-32c-13.3 0-24-10.7-24-24V168.6L69.2 289.1c-9.3 9.8-24.8 10-34.3.4z'; // eslint-disable-line export default function ArrowUp(props) { - return ; + return ; } diff --git a/src/components/Icon/Close.js b/src/components/Icon/Close.js index 58a70b15..89d54ddd 100644 --- a/src/components/Icon/Close.js +++ b/src/components/Icon/Close.js @@ -4,5 +4,5 @@ import Icon from './index'; const vectors = 'M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'; // eslint-disable-line export default function Close(props) { - return ; + return ; } \ No newline at end of file diff --git a/src/components/Icon/Facebook.js b/src/components/Icon/Facebook.js index 9409442a..5573a9cd 100644 --- a/src/components/Icon/Facebook.js +++ b/src/components/Icon/Facebook.js @@ -4,5 +4,5 @@ import Icon from './index'; const vectors = 'M8.65244566,0 L1.34752988,0 C0.603324486,0 0,0.603295596 0,1.34751999 L0,8.65243109 C0,9.39665548 0.603300023,9.99995107 1.34752988,9.99995107 L4.95027949,9.99995107 L4.95641963,6.42650958 L4.0280343,6.42650958 C3.90738408,6.42650958 3.80945974,6.3289529 3.80899495,6.20830357 L3.80454273,5.05643512 C3.80407794,4.9351253 3.90229583,4.83654119 4.02360654,4.83654119 L4.95030395,4.83654119 L4.95030395,3.72354374 C4.95030395,2.4319207 5.73915383,1.72862217 6.89137322,1.72862217 L7.83685801,1.72862217 C7.95782624,1.72862217 8.05592182,1.82669256 8.05592182,1.94768437 L8.05592182,2.91894576 C8.05592182,3.03988865 7.95789963,3.13793458 7.83698032,3.13800797 L7.25674866,3.13827705 C6.63013565,3.13827705 6.50880047,3.4360353 6.50880047,3.87300997 L6.50880047,4.83656565 L7.88568563,4.83656565 C8.01687929,4.83656565 8.11866874,4.95112381 8.10320829,5.08141139 L7.96668175,6.23327984 C7.95361865,6.34350813 7.86014653,6.42655851 7.74915909,6.42655851 L6.51494062,6.42655851 L6.50880047,10 L8.65249459,10 C9.39669998,10 10,9.3967044 10,8.65250448 L10,1.34751999 C9.99997554,0.603295596 9.39667551,0 8.65244566,0 Z'; // eslint-disable-line export default function Facebook(props) { - return ; + return ; } diff --git a/src/components/Icon/Github.js b/src/components/Icon/Github.js index e4d32067..1a76a27b 100644 --- a/src/components/Icon/Github.js +++ b/src/components/Icon/Github.js @@ -4,5 +4,5 @@ import Icon from './index'; const vectors = 'M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z'; // eslint-disable-line export default function Github(props) { - return ; + return ; } \ No newline at end of file diff --git a/src/components/Icon/Twitter.js b/src/components/Icon/Twitter.js index 7a081dac..e0a18b3b 100644 --- a/src/components/Icon/Twitter.js +++ b/src/components/Icon/Twitter.js @@ -4,5 +4,5 @@ import Icon from './index'; const vectors = 'M10.6958834,1.0264501 C10.4543969,1.13095978 10.2037152,1.2134089 9.9464883,1.27309916 C10.2299229,1.01023441 10.4430288,0.681446587 10.5632553,0.314460095 C10.5975717,0.209691788 10.4809755,0.119096039 10.3840418,0.175191437 C10.0261976,0.382348717 9.64074145,0.53775547 9.23835232,0.637144412 C9.2150066,0.642911712 9.1909189,0.645834156 9.1667517,0.645834156 C9.09345513,0.645834156 9.022199,0.619273541 8.96615336,0.571066154 C8.53803358,0.202812408 7.98740838,0 7.41574287,0 C7.16837359,0 6.91861938,0.0376296931 6.67339653,0.111854586 C5.91361377,0.341848305 5.32737375,0.95351832 5.14344336,1.70818117 C5.07443965,1.99124439 5.05575777,2.27456624 5.0878747,2.5502587 C5.09155808,2.58194006 5.07621509,2.60405235 5.0667549,2.61442315 C5.05013995,2.63260437 5.02658224,2.64302689 5.00212355,2.64302689 C4.99939414,2.64302689 4.99658523,2.64289757 4.99380283,2.64263895 C3.33066508,2.49183569 1.8309209,1.70983636 0.770823616,0.44072 C0.716765412,0.375986583 0.613100856,0.383926319 0.570013287,0.456056363 C0.362419184,0.803646106 0.252712828,1.20120187 0.252712828,1.60574047 C0.252712828,2.2257123 0.50792585,2.80996824 0.951229623,3.23589499 C0.764808316,3.19275662 0.58437581,3.12481627 0.416768878,3.0339619 C0.335681572,2.98999593 0.235912386,3.04650513 0.234772924,3.13702329 C0.22316631,4.05803266 0.775672955,4.87755824 1.60334646,5.24658785 C1.58667851,5.24697579 1.57001057,5.24715682 1.55331612,5.24715682 C1.42211898,5.24715682 1.28927889,5.23479463 1.15853224,5.21040645 C1.06721627,5.19338904 0.990501319,5.277933 1.01885538,5.36433905 C1.28750345,6.18290772 2.00965746,6.78627593 2.87384675,6.9232687 C2.15662158,7.39316141 1.32139583,7.641026 0.452092205,7.641026 L0.181085708,7.64087083 C0.0975869817,7.64087083 0.0269668278,7.69399206 0.00568803467,7.7729239 C-0.015272769,7.85066607 0.0233364484,7.93267552 0.094539583,7.97309835 C1.07410604,8.5294747 2.19144142,8.82352941 3.32623972,8.82352941 C4.31955923,8.82352941 5.24872436,8.63113952 6.08795148,8.25173911 C6.85730042,7.90391661 7.53716183,7.40671328 8.10864185,6.7739396 C8.64100916,6.18448532 9.05731033,5.50402151 9.34593875,4.75147937 C9.62107911,4.03413586 9.76650627,3.26871429 9.76650627,2.53794823 L9.76650627,2.50313753 C9.76647978,2.38580013 9.82085597,2.27539384 9.91572282,2.2002379 C10.2757134,1.91497638 10.5891979,1.57917986 10.8474319,1.20218464 C10.9156141,1.10264053 10.8080807,0.977880637 10.6958834,1.0264501 Z'; // eslint-disable-line export default function Twitter(props) { - return ; + return ; } diff --git a/src/components/Icon/index.js b/src/components/Icon/index.js index ea8ba0fe..d09504e2 100644 --- a/src/components/Icon/index.js +++ b/src/components/Icon/index.js @@ -13,6 +13,7 @@ export default function Icon(props) { width, vectors, viewBox, + ariaLabelledby } = props; return ( @@ -20,7 +21,7 @@ export default function Icon(props) { width={width} height={height} viewBox={viewBox} - aria-labelledby="title" + aria-labelledby={ariaLabelledby} className={className} style={style} onClick={onClick} @@ -43,4 +44,5 @@ Icon.propTypes = { vectors: string, viewBox: string, width: number, + ariaLabelledby: string };