From 4c3559949c1cea367f48111886a7e82a58cb4d4e Mon Sep 17 00:00:00 2001
From: Timmaaaa <tim.utte@outlook.de>
Date: Sat, 1 Oct 2022 11:24:39 +0200
Subject: [PATCH 1/4] accessibility-basic-0

---
 src/components/Header/Header.js       |  6 +++---
 src/components/Thumbnail/Thumbnail.js |  6 +++---
 src/components/Usage/Usage.js         | 10 +++++-----
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
index 6602fae7..9a9595fd 100644
--- a/src/components/Header/Header.js
+++ b/src/components/Header/Header.js
@@ -6,11 +6,11 @@ import styles from './Header.module.css'
 
 const Header = () => (
   <header className={styles.container}>
-    <a href="/" className={styles.link}>
-      <div className={styles.logo}>
+    <a href="/" className={styles.link} aria-labelledby="headerTitle" >
+      <div className={styles.logo} tabIndex="-1" aria-hidden >
         <Logo width="80" height="55" color="#d0383e" />
       </div>
-    <h1 className={styles.title}>
+    <h1 id="headerTitle" className={styles.title} aria-level="1">
       {getString('APP_TITLE')}
     </h1>
   </a>
diff --git a/src/components/Thumbnail/Thumbnail.js b/src/components/Thumbnail/Thumbnail.js
index 8477dfd0..a531f484 100644
--- a/src/components/Thumbnail/Thumbnail.js
+++ b/src/components/Thumbnail/Thumbnail.js
@@ -4,12 +4,12 @@ import styles from './Thumbnail.module.css'
 
 const Thumbnail = ({ code, description }) => (
   <div className={styles.container}>
-    <a href={`/${code}`}>
+    <a href={`/${code}`} aria-labelledby="thumbnailDescription">
       <div
-        className={styles.image}
+        className={styles.image} aria-hidden
         style={{ backgroundImage: `url(/images/${code}.jpg)` }}
       />
-      <div className={styles.content}>
+      <div id="thumbnailDescription" className={styles.content}>
         <div className={styles.title}>{code}</div>
         <p>{description}</p>
       </div>
diff --git a/src/components/Usage/Usage.js b/src/components/Usage/Usage.js
index d97deba8..617d71e9 100644
--- a/src/components/Usage/Usage.js
+++ b/src/components/Usage/Usage.js
@@ -25,20 +25,20 @@ const Usage = () => {
   }, [isValueCopied])
 
   return (
-    <div className={styles.container}>
-      <h2>{getString('USAGE_TITLE')}:</h2>
+    <section className={styles.container} aria-labelledby="usageTitle" >
+      <h2 id="usageTitle" aria-level="2">{getString('USAGE_TITLE')}:</h2>
       <pre>
         {usageValue}
         {'clipboard' in navigator && (
           <button onClick={copyValue} title='Copy to clipboard'>
-            {isValueCopied ? getString('COPIED') : <img src={copyIcon} alt={getString('COPY_ICON_ALT_TEXT')} />}
+            {isValueCopied ? getString('COPIED') : <img src={copyIcon} alt={getString('COPY_ICON_ALT_TEXT')} aria-hidden />}
           </button>
         )}
       </pre>
       <p>
-        <b>{getString('USAGE_NOTE_LABEL')}:</b> {getString('USAGE_NOTE_TEXT')}{' '}<code>.jpg</code>.
+        <b>{getString('USAGE_NOTE_LABEL') + ': '}</b>{getString('USAGE_NOTE_TEXT') + ' '}<code>.jpg</code>.
       </p>
-    </div>
+    </section>
   )
 }
 

From fc0be952569ae81fb0de6544f5edde7e1abeea9a Mon Sep 17 00:00:00 2001
From: Timmaaaa <tim.utte@outlook.de>
Date: Sat, 1 Oct 2022 11:36:12 +0200
Subject: [PATCH 2/4] footer

accessibility-basic-1
---
 Footer.js | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 Footer.js

diff --git a/Footer.js b/Footer.js
new file mode 100644
index 00000000..bf89c5ca
--- /dev/null
+++ b/Footer.js
@@ -0,0 +1,28 @@
+import React from 'react'
+
+import FacebookButton from '../FacebookButton'
+import GithubButton from '../GithubButton'
+import TwitterButton from '../TwitterButton'
+import getString from '../../lib/strings'
+import styles from './Footer.module.css'
+
+const Footer = () => (
+  <footer className={styles.container}>
+    <div className={styles.social}>
+      <FacebookButton />
+      <GithubButton />
+      <TwitterButton />
+    </div>
+
+    <nav>
+      <a href="/?lang=cat">{getString('LANGUAGE_LINK_TEXT')}</a>
+    </nav>
+
+    <p>{getString('DEVELOPED_BY')} <a href="https://twitter.com/rogeriopvl">@rogeriopvl</a></p>
+    <p>{getString('IMAGES_BY')} Tomomi Imura (<a href="https://twitter.com/girlie_mac">@girlie_mac</a>)</p>
+
+    <p>Check out <a href='https://www.abstractapi.com'>Abstract API</a>, the home for modern, developer-friendly  tools like the <a href='https://www.abstractapi.com/ip-geolocation-api'>IP Geolocation API</a>, <a href='https://www.abstractapi.com/vat-validation-rates-api'>VAT Validation & Rates API</a>, <a href='https://www.abstractapi.com/holidays-api'>Public Holiday API</a>, and more.</p>
+  </footer>
+)
+
+export default Footer

From ad9bbbd7ac00c039eea01018eaa9bd6aa4be5085 Mon Sep 17 00:00:00 2001
From: Timmaaaa <tim.utte@outlook.de>
Date: Sat, 1 Oct 2022 11:39:35 +0200
Subject: [PATCH 3/4] Update Footer.js

---
 src/components/Footer/Footer.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Footer/Footer.js b/src/components/Footer/Footer.js
index b5667d29..bf89c5ca 100644
--- a/src/components/Footer/Footer.js
+++ b/src/components/Footer/Footer.js
@@ -7,7 +7,7 @@ import getString from '../../lib/strings'
 import styles from './Footer.module.css'
 
 const Footer = () => (
-  <div className={styles.container}>
+  <footer className={styles.container}>
     <div className={styles.social}>
       <FacebookButton />
       <GithubButton />
@@ -21,8 +21,8 @@ const Footer = () => (
     <p>{getString('DEVELOPED_BY')} <a href="https://twitter.com/rogeriopvl">@rogeriopvl</a></p>
     <p>{getString('IMAGES_BY')} Tomomi Imura (<a href="https://twitter.com/girlie_mac">@girlie_mac</a>)</p>
 
-      <p>Check out <a href='https://www.abstractapi.com'>Abstract API</a>, the home for modern, developer-friendly  tools like the <a href='https://www.abstractapi.com/ip-geolocation-api'>IP Geolocation API</a>, <a href='https://www.abstractapi.com/vat-validation-rates-api'>VAT Validation & Rates API</a>, <a href='https://www.abstractapi.com/holidays-api'>Public Holiday API</a>, and more.</p>
-  </div>
+    <p>Check out <a href='https://www.abstractapi.com'>Abstract API</a>, the home for modern, developer-friendly  tools like the <a href='https://www.abstractapi.com/ip-geolocation-api'>IP Geolocation API</a>, <a href='https://www.abstractapi.com/vat-validation-rates-api'>VAT Validation & Rates API</a>, <a href='https://www.abstractapi.com/holidays-api'>Public Holiday API</a>, and more.</p>
+  </footer>
 )
 
 export default Footer

From c9a1ac4972e33e993387dc901b0a2e5421429622 Mon Sep 17 00:00:00 2001
From: Timmaaaa <tim.utte@outlook.de>
Date: Sat, 1 Oct 2022 11:40:00 +0200
Subject: [PATCH 4/4] Delete Footer.js

---
 Footer.js | 28 ----------------------------
 1 file changed, 28 deletions(-)
 delete mode 100644 Footer.js

diff --git a/Footer.js b/Footer.js
deleted file mode 100644
index bf89c5ca..00000000
--- a/Footer.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react'
-
-import FacebookButton from '../FacebookButton'
-import GithubButton from '../GithubButton'
-import TwitterButton from '../TwitterButton'
-import getString from '../../lib/strings'
-import styles from './Footer.module.css'
-
-const Footer = () => (
-  <footer className={styles.container}>
-    <div className={styles.social}>
-      <FacebookButton />
-      <GithubButton />
-      <TwitterButton />
-    </div>
-
-    <nav>
-      <a href="/?lang=cat">{getString('LANGUAGE_LINK_TEXT')}</a>
-    </nav>
-
-    <p>{getString('DEVELOPED_BY')} <a href="https://twitter.com/rogeriopvl">@rogeriopvl</a></p>
-    <p>{getString('IMAGES_BY')} Tomomi Imura (<a href="https://twitter.com/girlie_mac">@girlie_mac</a>)</p>
-
-    <p>Check out <a href='https://www.abstractapi.com'>Abstract API</a>, the home for modern, developer-friendly  tools like the <a href='https://www.abstractapi.com/ip-geolocation-api'>IP Geolocation API</a>, <a href='https://www.abstractapi.com/vat-validation-rates-api'>VAT Validation & Rates API</a>, <a href='https://www.abstractapi.com/holidays-api'>Public Holiday API</a>, and more.</p>
-  </footer>
-)
-
-export default Footer