From a69fb04278bd2e8c06b8c6aeb012f2870cdf7f6a Mon Sep 17 00:00:00 2001
From: Dragon <200907890+DragonSenseiGuy@users.noreply.github.com>
Date: Wed, 24 Sep 2025 15:29:43 -0400
Subject: Address some issues from the accessibility milestone (#1562)

* show that welcome video is playable in alt-text

* Add the full form of AoC in the alt texts

* add alt-text to all images

* change alt-texts for timeline page

* Add correct date

* add alt text to clickable images
---
 pydis_site/templates/events/main_events.html                      | 4 ++--
 pydis_site/templates/events/other_events.html                     | 6 +++---
 pydis_site/templates/events/scheduled_events.html                 | 6 +++---
 .../templates/events/sidebar/adventofcode/useful-links.html       | 2 +-
 pydis_site/templates/events/sidebar/main_sidebar.html             | 8 ++++----
 pydis_site/templates/events/sidebar/revivalofcode.html            | 2 +-
 6 files changed, 14 insertions(+), 14 deletions(-)

(limited to 'pydis_site/templates/events')

diff --git a/pydis_site/templates/events/main_events.html b/pydis_site/templates/events/main_events.html
index 4e6a967d..b6c11664 100644
--- a/pydis_site/templates/events/main_events.html
+++ b/pydis_site/templates/events/main_events.html
@@ -38,7 +38,7 @@
     </div>
     <div class="card">
         <div class="card-image">
-            <img loading=lazy src="/static/images/events/gallery/adventofcode.png" alt="Server icon for AoC">
+            <img loading=lazy src="/static/images/events/gallery/adventofcode.png" alt="Server icon for Advent of Code">
         </div>
         <div class="card-content">
             <h2 class="title is-4"><a href="{% url "events:page" path="adventofcode" %}">Advent of code</a></h2>
@@ -53,7 +53,7 @@
     </div>
     <div class="card">
         <div class="card-image">
-            <img loading=lazy src="/static/images/events/gallery/adventofcode.png" alt="Server icon for AoC">
+            <img loading=lazy src="/static/images/events/gallery/adventofcode.png" alt="Server icon for Advent of Code">
         </div>
         <div class="card-content">
             <h2 class="title is-4"><a href="{% url "events:page" path="revivalofcode" %}">Revival of Code</a></h2>
diff --git a/pydis_site/templates/events/other_events.html b/pydis_site/templates/events/other_events.html
index 035ddaef..e40ac09d 100644
--- a/pydis_site/templates/events/other_events.html
+++ b/pydis_site/templates/events/other_events.html
@@ -35,7 +35,7 @@
         <article class="media">
             <div class="media-left">
                 <p class="image">
-                    <img loading=lazy class="is-rounded" src="https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/files/python-logo-only.svg" style="width: 3rem;">
+                    <img loading=lazy class="is-rounded" src="https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/files/python-logo-only.svg" style="width: 3rem;" alt="">
                 </p>
             </div>
             <div class="media-content">
@@ -85,7 +85,7 @@
         <article class="media">
             <div class="media-left">
                 <p class="image">
-                    <img loading=lazy class="is-rounded" src="https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/files/python-logo-only.svg" style="width: 3rem;">
+                    <img loading=lazy class="is-rounded" src="https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/files/python-logo-only.svg" style="width: 3rem;" alt="">
                 </p>
             </div>
             <div class="media-content">
@@ -111,7 +111,7 @@
         <article class="media">
             <div class="media-left">
                 <p class="image">
-                    <img loading=lazy src="/static/images/events/pixels_logo_transparent.gif" style="width: 3rem;">
+                    <img loading=lazy src="/static/images/events/pixels_logo_transparent.gif" style="width: 3rem;" alt="">
                 </p>
             </div>
             <div class="media-content">
diff --git a/pydis_site/templates/events/scheduled_events.html b/pydis_site/templates/events/scheduled_events.html
index ca81e58a..de16e065 100644
--- a/pydis_site/templates/events/scheduled_events.html
+++ b/pydis_site/templates/events/scheduled_events.html
@@ -3,7 +3,7 @@
     <article class="media">
         <div class="media-left">
             <p class="image is-64x64">
-                <a href="{% url "events:page" path="code-jams/12" %}"><img class="is-rounded" src="/static/images/events/summer_code_jam_2025/logo.png"></a>
+                <a href="{% url "events:page" path="code-jams/12" %}"><img class="is-rounded" src="/static/images/events/summer_code_jam_2025/logo.png" alt="Summer Code Jam 2025"></a>
             </p>
         </div>
         <div class="media-content">
@@ -26,7 +26,7 @@
     <article class="media">
         <div class="media-left">
             <p class="image is-64x64">
-                <a href="{% url "events:page" path="pyweek" %}"><img class="is-rounded" src="/static/images/events/icons/pyweek.png"></a>
+                <a href="{% url "events:page" path="pyweek" %}"><img class="is-rounded" src="/static/images/events/icons/pyweek.png" alt="PyWeek 38"></a>
             </p>
         </div>
         <div class="media-content">
@@ -49,7 +49,7 @@
     <article class="media">
         <div class="media-left">
             <p class="image is-64x64">
-                <a href="{% url "events:page" path="adventofcode" %}"><img class="is-rounded" src="/static/images/events/icons/adventofcode.png"></a>
+                <a href="{% url "events:page" path="adventofcode" %}"><img class="is-rounded" src="/static/images/events/icons/adventofcode.png" alt="Advent of Code"></a>
             </p>
         </div>
         <div class="media-content">
diff --git a/pydis_site/templates/events/sidebar/adventofcode/useful-links.html b/pydis_site/templates/events/sidebar/adventofcode/useful-links.html
index 11dafcb8..a23f37fd 100644
--- a/pydis_site/templates/events/sidebar/adventofcode/useful-links.html
+++ b/pydis_site/templates/events/sidebar/adventofcode/useful-links.html
@@ -1,6 +1,6 @@
 <div class="box">
     <div class="has-text-centered">
-        <img src="https://raw.githubusercontent.com/python-discord/branding/main/events/christmas/server_icons/festive_256.gif" style="border-radius: 10px;" alt="Server icon for AoC">
+        <img src="https://raw.githubusercontent.com/python-discord/branding/main/events/christmas/server_icons/festive_256.gif" style="border-radius: 10px;" alt="Server icon for Advent of Code">
     </div>
     <p class="menu-label">Quick links</p>
     <ul class="menu-list">
diff --git a/pydis_site/templates/events/sidebar/main_sidebar.html b/pydis_site/templates/events/sidebar/main_sidebar.html
index 505b6d5f..118c3197 100644
--- a/pydis_site/templates/events/sidebar/main_sidebar.html
+++ b/pydis_site/templates/events/sidebar/main_sidebar.html
@@ -3,7 +3,7 @@
     <article class="media">
         <div class="media-left">
             <p class="image is-32x32">
-                <img class="is-rounded" src="/static/images/events/summer_code_jam_2023/logo.PNG">
+                <img class="is-rounded" src="/static/images/events/summer_code_jam_2023/logo.PNG" alt="">
             </p>
         </div>
         <div class="media-content">
@@ -16,7 +16,7 @@
     <article class="media">
         <div class="media-left">
             <p class="image is-32x32">
-                <img class="is-rounded" src="/static/images/events/icons/pyweek.png">
+                <img class="is-rounded" src="/static/images/events/icons/pyweek.png" alt="">
             </p>
         </div>
         <div class="media-content">
@@ -29,7 +29,7 @@
     <article class="media">
         <div class="media-left">
             <p class="image is-32x32">
-                <img class="is-rounded" src="/static/images/events/icons/adventofcode.png">
+                <img class="is-rounded" src="/static/images/events/icons/adventofcode.png" alt="">
             </p>
         </div>
         <div class="media-content">
@@ -42,7 +42,7 @@
     <article class="media">
         <div class="media-left">
             <p class="image is-32x32">
-                <img class="is-rounded" src="/static/images/events/icons/pyweek.png">
+                <img class="is-rounded" src="/static/images/events/icons/pyweek.png" alt="">
             </p>
         </div>
         <div class="media-content">
diff --git a/pydis_site/templates/events/sidebar/revivalofcode.html b/pydis_site/templates/events/sidebar/revivalofcode.html
index 6bcf9dbc..02d9d847 100644
--- a/pydis_site/templates/events/sidebar/revivalofcode.html
+++ b/pydis_site/templates/events/sidebar/revivalofcode.html
@@ -1,6 +1,6 @@
 <div class="box">
     <div class="has-text-centered">
-        <img src="https://raw.githubusercontent.com/python-discord/branding/main/events/christmas/server_icons/festive_256.gif" style="border-radius: 10px;" alt="Server icon for AoC">
+        <img src="https://raw.githubusercontent.com/python-discord/branding/main/events/christmas/server_icons/festive_256.gif" style="border-radius: 10px;" alt="Server icon for Advent of Code">
     </div>
     <p class="menu-label">Quick links</p>
     <ul class="menu-list">
-- 
cgit v1.2.3