Make schedule accessible to screen readers

datacarpentry · Mar 4, 2021 · ef499da · ef499da
1 parent be775e7
commit ef499da
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/_includes/assignments.html b/_includes/assignments.html
@@ -74,32 +74,32 @@
       <td>{{ assignment }}</td>
 
       {% if reading_link %}
-        <td align="center"><a href="{{ reading_link }}">
-          <i class="fa fa-book fa-lg"></i></a></td>
+        <td align="center"><a href="{{ reading_link }}" aria-label="Week {{ forloop.index }} Reading">
+          <i aria-hidden="true" class="fa fa-book fa-lg" ></i></a></td>
       {% else %}
         <td align="center"><font color="f1f1f1">
           <i class="fa fa-book fa-lg"></i></font></td>
       {% endif %}
 
       {% if lesson_link %}
-        <td align="center"><a href="{{ lesson_link }}">
-          <i class="fa fa-play-circle fa-lg"></i></a></td>
+        <td align="center"><a href="{{ lesson_link }}" aria-label="Week {{ forloop.index }} Lesson">
+          <i aria-hidden="true" class="fa fa-play-circle fa-lg"></i></a></td>
       {% else %}
         <td align="center"><font color="f1f1f1">
           <i class="fa fa-play-circle fa-lg"></i></font></td>
       {% endif %}      
 
       {% if lecture_link %}
-        <td align="center"><a href="{{ lecture_link }}">
-          <i class="fa fa-comment fa-lg"></i></a></td>
+        <td align="center"><a href="{{ lecture_link }}" aria-label="Week {{ forloop.index }} Lecture Notes">
+          <i aria-hidden="true" class="fa fa-comment fa-lg"></i></a></td>
       {% else %}
         <td align="center"><font color="f1f1f1">
           <i class="fa fa-comment fa-lg"></i></font></td>
       {% endif %}
 
       {% if assignment_link %}
-        <td align="center"><a href="{{ assignment_link }}">
-          <i class="fa fa-keyboard-o fa-lg"></i></a></td>
+        <td align="center"><a href="{{ assignment_link }}" aria-label="Week {{ forloop.index }} Assignment">
+          <i aria-hidden="true" class="fa fa-keyboard-o fa-lg"></i></a></td>
       {% else %}
         <td align="center"><font color="f1f1f1">
           <i class="fa fa-keyboard-o fa-lg"></i></font></td>