Add title to images (#22)

* fix: heroic logo title * fix: homepage images title
Heroic-Games-Launcher · Feb 6, 2024 · 62c0518 · 62c0518
1 parent 856154b
commit 62c0518
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
@@ -20,6 +20,7 @@ export default function Navbar() {
             <span className="contrast link">
               <img
                 src={logo}
+                title='Heroic Games Launcher'
                 alt="Heroic Games Launcher"
                 height="32px"
                 width="32px"

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -78,6 +78,7 @@ const Home: NextPage = () => {
           <img
             src={img1}
             alt="Heroic Games Launcher preview"
+            title='Heroic Games Launcher preview'
             className="heroicPreview"
           />
         </div>
@@ -106,6 +107,7 @@ const Home: NextPage = () => {
                 <img
                   src={img2}
                   alt="Game Page"
+                  title='Game Page'
                   aria-label="Game Page"
                   loading="lazy"
                 />
@@ -137,6 +139,7 @@ const Home: NextPage = () => {
                 <img
                   src={img3}
                   alt="Platform Selection"
+                  title='Platform Selection'
                   aria-label="Platform Selection"
                   loading="lazy"
                 />
@@ -169,6 +172,7 @@ const Home: NextPage = () => {
               <a href={img4}>
                 <img
                   alt="Epic Store inside Heroic"
+                  title='Epic Store inside Heroic'
                   aria-label="Epic Store inside Heroic"
                   src={img4}
                   loading="lazy"
@@ -200,6 +204,7 @@ const Home: NextPage = () => {
               <a href={img8}>
                 <img
                   alt="Context Menu"
+                  title='Context Menu'
                   aria-label="Context Menu"
                   src={img8}
                   loading="lazy"
@@ -231,6 +236,7 @@ const Home: NextPage = () => {
               <a href={gif}>
                 <img
                   alt="Themes"
+                  title='Themes'
                   aria-label="Themes"
                   src={gif}
                   loading="lazy"
@@ -294,6 +300,7 @@ const Home: NextPage = () => {
               <a href={img6}>
                 <img
                   alt="Wine Settings"
+                  title='Wine Settings'
                   aria-label="Wine Settings"
                   src={img6}
                   loading="lazy"
@@ -327,8 +334,9 @@ const Home: NextPage = () => {
             <div>
               <a href={img7}>
                 <img
-                  alt="Epic Store inside Heroic"
-                  aria-label="Epic Store inside Heroic"
+                  alt="Heroic is supported in several languages"
+                  title='Heroic is supported in several languages'
+                  aria-label="Heroic is supported in several languages"
                   src={img7}
                   loading="lazy"
                 />