Fix Accessibility Violations in Sidebar Navigation (#44)

Author: huangkevin-apr

templates/_sidebar.html

@@ -6,7 +6,7 @@
     </button>
 </header>
 
-<aside class="sidebar">
+<aside class="sidebar" aria-label="Sidebar">
     <div class="sidebar-header">
          <a href="/" class="sidebar-logo"><img src="img/swe-llama.svg" alt="SWE-bench logo" class="sidebar-logo-icon">SWE-bench</a>
          <button class="mobile-nav-toggle" aria-label="Close menu">
@@ -41,19 +41,19 @@
         </ul>
     </nav>
     <div class="sidebar-footer">
-        <a href="https://github.com/swe-bench/SWE-bench" target="_blank" rel="noopener noreferrer">
+        <a href="https://github.com/swe-bench/SWE-bench" target="_blank" rel="noopener noreferrer" aria-label="SWE-bench on GitHub">
             <i class="fab fa-github"></i>
         </a>
         &nbsp;
-        <a href="https://www.youtube.com/@SWE-bench" target="_blank" rel="noopener noreferrer">
+        <a href="https://www.youtube.com/@SWE-bench" target="_blank" rel="noopener noreferrer" aria-label="SWE-bench on YouTube">
             <i class="fab fa-youtube"></i>
         </a>
         &nbsp;
-        <a href="https://twitter.com/SWEbench" target="_blank" rel="noopener noreferrer">
+        <a href="https://twitter.com/SWEbench" target="_blank" rel="noopener noreferrer" aria-label="SWE-bench on Twitter">
             <i class="fab fa-twitter"></i>
         </a>
         &nbsp;
-        <a href="https://join.slack.com/t/swe-bench/shared_invite/zt-36pj9bu5s-o3_yXPZbaH2wVnxnss1EkQ" target="_blank" rel="noopener noreferrer">
+        <a href="https://join.slack.com/t/swe-bench/shared_invite/zt-36pj9bu5s-o3_yXPZbaH2wVnxnss1EkQ" target="_blank" rel="noopener noreferrer" aria-label="Join the SWE-bench Slack">
             <i class="fab fa-slack"></i>
         </a>
         <button id="theme-toggle" class="theme-toggle" aria-label="Toggle dark mode">