Add alt text to all images on the ball pages

Author: MattyTheHacker

ball/2020/index.html

@@ -31,7 +31,7 @@ <h3 class="subsubtitle question">{{ qanda.title }}</h3>
         <p class="text-block answer">{{ qanda.paragraph }}</p>
         </div>
         {% assign url = ball.image_root | append: qanda.image %}
-        <img class="image" src="{{ url }}">
+        <img class="image" src="{{ url }}", alt="An image taken at the 2020 CSS Ball">
         <br>
     {% endfor %}
 </div>

ball/2021/index.html

@@ -29,7 +29,7 @@ <h3 class="subsubtitle question">{{ qanda.title }}</h3>
         </div>
 	{% for image in qanda.images %}
 	  {% assign url = ball.image_root | append: image.name %}
-	  <img class="image" src="{{ url }}">
+	  <img class="image" src="{{ url }}", alt="An image taken at the 2021 CSS Ball">
 	  <br>
 	{% endfor %}
     {% endfor %}

ball/2023/index.html

@@ -49,7 +49,7 @@ <h2 class="subtitle">Live Music</h2>
 <hr class="bleed-top">
 <div class="section-tickets" id="tickets">
     <div class="icon">
-        <img class="icon" src="/assets/images/css-ball-ticket.png"/>
+        <img class="icon" src="/assets/images/css-ball-ticket.png", alt="A cartoon image of a ticket with the text 'CSS Ball, Fazeley Studios, 26 April, Admit One'"/>
     </div>
     <div class="text">
         <h2 class="subtitle">Tickets</h2>

ball/2024/index.html

@@ -39,7 +39,7 @@ <h2 class="subtitle">The Venue</h2>
 <hr class="bleed-top">
 <div class="section-tickets" id="tickets">
     <div class="icon">
-        <img class="icon" src="/assets/images/ball-ticket-icon.png"/>
+        <img class="icon" src="/assets/images/ball-ticket-icon.png", alt="A cartoon image of a ticket with the text 'CSS Ball, Fazeley Studios, 26 April, Admit One'"/>
     </div>
     <div class="text text-center-div">
         <h2 class="subtitle">Tickets</h2>

ball/2025/index.html

@@ -40,7 +40,7 @@ <h2 class="subtitle">The Venue</h2>
 <hr class="bleed-top">
 <div class="section-tickets" id="tickets">
     <div class="icon">
-        <img class="icon" src="/assets/images/ball-2025-ticket-icon.png"/>
+        <img class="icon" src="/assets/images/ball-2025-ticket-icon.png", alt="A cartoon image of a ticket with the text 'CSS Ball, Fazeley Studios, 26 April, Admit One'"/>
     </div>
     <div class="text text-center-div">
         <h2 class="subtitle">Tickets</h2>