From 0a9dab738bc2588e1607676798985b1f90b5c8a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Frederik=20Palm=C3=B8?= <frederik@palmoe.dk>
Date: Tue, 12 Apr 2022 15:13:02 +0200
Subject: [PATCH] added alt text to images on planner page

---
 src/planner.html | 42 ++++++++++++++++++++++++++++++++++++------
 1 file changed, 36 insertions(+), 6 deletions(-)

diff --git a/src/planner.html b/src/planner.html
index 73a246f..4c0bee9 100644
--- a/src/planner.html
+++ b/src/planner.html
@@ -139,7 +139,12 @@
                                 <select id="lh1" name="weapon" onchange="update()"></select>
                             </span>
                             <span>
-                                <img id="lh1-img" src="/resource/icon/standard.jpg" width="20px" />
+                                <img
+                                    id="lh1-img"
+                                    src="/resource/icon/standard.jpg"
+                                    alt="Infusion the for first weapon in the left hand"
+                                    width="20px"
+                                />
                                 <select id="lh1-infusion" name="infusion"></select>
                             </span>
                         </div>
@@ -149,7 +154,12 @@
                             </span>
                             <span>
                                 <select id="rh1-infusion" name="infusion"></select>
-                                <img id="rh1-img" src="/resource/icon/standard.jpg" width="20px" />
+                                <img
+                                    id="rh1-img"
+                                    src="/resource/icon/standard.jpg"
+                                    alt="Infusion the for first weapon in the right hand"
+                                    width="20px"
+                                />
                             </span>
                         </div>
                     </div>
@@ -159,7 +169,12 @@
                                 <select id="lh2" name="weapon" onchange="update()"></select>
                             </span>
                             <span>
-                                <img id="lh2-img" src="/resource/icon/standard.jpg" width="20px" />
+                                <img
+                                    id="lh2-img"
+                                    src="/resource/icon/standard.jpg"
+                                    alt="Infusion the for second weapon in the left hand"
+                                    width="20px"
+                                />
                                 <select id="lh2-infusion" name="infusion"></select>
                             </span>
                         </div>
@@ -169,7 +184,12 @@
                             </span>
                             <span>
                                 <select id="rh2-infusion" name="infusion"></select>
-                                <img id="rh2-img" src="/resource/icon/standard.jpg" width="20px" />
+                                <img
+                                    id="rh2-img"
+                                    src="/resource/icon/standard.jpg"
+                                    alt="Infusion for the second weapon in the right hand"
+                                    width="20px"
+                                />
                             </span>
                         </div>
                     </div>
@@ -179,7 +199,12 @@
                                 <select id="lh3" name="weapon" onchange="update()"></select>
                             </span>
                             <span>
-                                <img id="lh3-img" src="/resource/icon/standard.jpg" width="20px" />
+                                <img
+                                    id="lh3-img"
+                                    src="/resource/icon/standard.jpg"
+                                    alt="Infusion for the third weapon in the left hand"
+                                    width="20px"
+                                />
                                 <select id="lh3-infusion" name="infusion"></select>
                             </span>
                         </div>
@@ -189,7 +214,12 @@
                             </span>
                             <span>
                                 <select id="rh3-infusion" name="infusion"></select>
-                                <img id="rh3-img" src="/resource/icon/standard.jpg" width="20px" />
+                                <img
+                                    id="rh3-img"
+                                    src="/resource/icon/standard.jpg"
+                                    alt="Infusion for the third weapon in the right hand"
+                                    width="20px"
+                                />
                             </span>
                         </div>
                     </div>