From d033ac9d23389eb946f1ed55005c28873b76d4e0 Mon Sep 17 00:00:00 2001
From: kris70lesgo <krishkhati70@gmail.com>
Date: Mon, 13 Jan 2025 19:20:41 +0530
Subject: [PATCH 1/7] "Enhance accessibility by adding ARIA attributes to local
 content sections"

---
 themes/vocabulary_theme/templates/404.html    |  10 +-
 themes/vocabulary_theme/templates/author.html |  12 +-
 .../vocabulary_theme/templates/authors.html   |   4 +-
 .../templates/blocks/featured-projects.html   |  28 ++--
 .../templates/blocks/get-involved.html        |  15 ++-
 .../templates/blocks/hero.html                |   8 +-
 .../templates/blocks/recent-posts.html        |  14 +-
 .../templates/blog-categories.html            |   6 +-
 .../templates/blog-category.html              |   9 +-
 .../vocabulary_theme/templates/blog-post.html |  26 ++--
 .../templates/blog-series-list.html           |   6 +-
 .../templates/blog-series.html                |   4 +-
 themes/vocabulary_theme/templates/blog.html   |  11 +-
 .../templates/cc-search-guide.html            |  14 +-
 .../templates/community_team_list.html        |  12 +-
 .../templates/issue_finder.html               |  22 +--
 themes/vocabulary_theme/templates/layout.html | 125 +++++++++---------
 .../templates/macros/authors.html             |   8 +-
 .../templates/macros/authors_gravatar.html    |  16 +--
 .../templates/macros/categories.html          |   4 +-
 .../templates/macros/og_image.html            |   3 +-
 .../templates/macros/pagination.html          |  16 ++-
 .../templates/macros/posts.html               |   9 +-
 .../templates/macros/series.html              |  12 +-
 .../templates/page-with-title.html            |   8 +-
 .../templates/page-with-toc.html              | 114 ++++++++--------
 .../templates/project-ideas.html              |  12 +-
 .../templates/project_list.html               |  99 +++++++-------
 .../vocabulary_theme/templates/redirect.html  |   2 +-
 .../templates/search_roadmap.html             |   6 +-
 30 files changed, 337 insertions(+), 298 deletions(-)

diff --git a/themes/vocabulary_theme/templates/404.html b/themes/vocabulary_theme/templates/404.html
index b83565c85..af01797be 100644
--- a/themes/vocabulary_theme/templates/404.html
+++ b/themes/vocabulary_theme/templates/404.html
@@ -1,10 +1,10 @@
 {% extends "layout.html" %}
 {% block body %}
-  <div class="container padding-vertical-xxl has-text-centered">
-    <h1>404</h1>
-    <h2>Page Not Found!</h2>
-    <p class="body-big">Sorry. The page you are looking for doesn't exist.</p>
-    <a class="button is-success margin-vertical-big" href="/">Return Home</a>
+  <div class="container padding-vertical-xxl has-text-centered" role="main">
+    <h1 aria-live="polite">404</h1>
+    <h2 aria-live="polite">Page Not Found!</h2>
+    <p class="body-big" role="alert">Sorry. The page you are looking for doesn't exist.</p>
+    <a class="button is-success margin-vertical-big" href="/" role="link" aria-label="Return to homepage">Return Home</a>
   </div>
 <!-- Creative commons -->
 {% endblock %}
diff --git a/themes/vocabulary_theme/templates/author.html b/themes/vocabulary_theme/templates/author.html
index 97e4bab64..e7bf14b5e 100644
--- a/themes/vocabulary_theme/templates/author.html
+++ b/themes/vocabulary_theme/templates/author.html
@@ -6,26 +6,26 @@
 {% block title %}{{ render_author_name(this) }}{% endblock %}
 
 {% block body %}
-<div class="author-posts">
+<div class="author-posts" role="main">
   <div class="header">
     <div class="container">
       <div class="columns">
         <div class="column is-one-quarter-tablet-only is-2-desktop">
           <figure class="image profile">
-            <img class="profile" src="https://secure.gravatar.com/avatar/{{ this.md5_hashed_email }}?size=200&d=mp" alt="gravatar">
+            <img class="profile" src="https://secure.gravatar.com/avatar/{{ this.md5_hashed_email }}?size=200&d=mp" alt="Gravatar image of {{ render_author_name(this) }}" aria-labelledby="author-name">
           </figure>
         </div>
         <div class="column content is-8">
-          <h2>{{ render_author_name(this) }}</h2>
+          <h2 id="author-name">{{ render_author_name(this) }}</h2>
           {% if this.about %}
-            <div class="about">{{ this.about }}</div>
+            <div class="about" aria-describedby="author-about">{{ this.about }}</div>
           {% endif %}
-          <a class="button small" href="{{ this.parent|url }}">See all authors</a>
+          <a class="button small" href="{{ this.parent|url }}" aria-label="See all authors">{{ this.parent.title }}</a>
         </div>
       </div>
     </div>
   </div>
-  <div class="posts container">
+  <div class="posts container" role="region" aria-labelledby="author-name">
     {{ render_author_posts(this.children) }}
   </div>
 </div>
diff --git a/themes/vocabulary_theme/templates/authors.html b/themes/vocabulary_theme/templates/authors.html
index 40d2360d3..4981cbfcd 100644
--- a/themes/vocabulary_theme/templates/authors.html
+++ b/themes/vocabulary_theme/templates/authors.html
@@ -5,7 +5,8 @@
 {% block title %} Authors {% endblock %}
 
 {% block body %}
-  <div class="all-authors">
+  <div class="all-authors" role="region" aria-labelledby="authors-list">
+    <h2 id="authors-list" class="visually-hidden">List of Authors</h2>
     <div class="header">
       <h1 class="container">Authors</h1>
     </div>
@@ -18,3 +19,4 @@ <h1 class="container">Authors</h1>
     </div>
   </div>
 {% endblock %}
+
diff --git a/themes/vocabulary_theme/templates/blocks/featured-projects.html b/themes/vocabulary_theme/templates/blocks/featured-projects.html
index abc317c93..52fbc30f4 100644
--- a/themes/vocabulary_theme/templates/blocks/featured-projects.html
+++ b/themes/vocabulary_theme/templates/blocks/featured-projects.html
@@ -1,40 +1,46 @@
-<section class="featured-projects">
+<section class="featured-projects" aria-labelledby="featured-projects-title">
   <div class="container">
     <div class="level">
-      <h2 class="is-paddingless level-left">
+      <h2 class="is-paddingless level-left" id="featured-projects-title">
         {{ this.title }}
       </h2>
       <span class="level-right">
-        <a class="project-page-link" href="/contributing-code/projects/">See all available projects <i class="icon angle-right"></i></a>
+        <a class="project-page-link" href="/contributing-code/projects/" aria-label="See all available projects">
+          See all available projects <i class="icon angle-right"></i>
+        </a>
       </span>
     </div>
     <div class="project-list columns is-multiline">
       {% for repo in bag('repos.repos') %}
       {% if repo.featured %}
         <div class="column is-one-third">
-          <article class="card entry-post vertical project-index">
+          <article class="card entry-post vertical project-index" role="article">
             <div class="card-content">
-              <h4 class="card-title b-header"><a href="{{ repo.url }}">{{ repo.english_name }}</a></h4>
-              <a class="button is-text tiny site-link" href="{{ repo.website or repo.url }}">
+              <h4 class="card-title b-header">
+                <a href="{{ repo.url }}" aria-labelledby="repo-title-{{ loop.index }}">
+                  {{ repo.english_name }}
+                </a>
+              </h4>
+              <a class="button is-text tiny site-link" href="{{ repo.website or repo.url }}" aria-label="Visit the project website">
                 <span>Visit site</span>
                 <i class="icon external-link"></i>
               </a>
-              <div class="content">
+              <div class="content" aria-describedby="repo-description-{{ loop.index }}">
                 {{ repo.description }}
               </div>
               <div class="labels">
                 {% for technology in repo.technologies %}
-                  <button class="button tag">{{ technology }}</button>
+                  <button class="button tag" aria-label="Technology: {{ technology }}">{{ technology }}</button>
                 {% endfor %}
               </div>
               <div class="external-links">
-                <a class="button is-text tiny" href="{{ repo.url }}">
+                <a class="button is-text tiny" href="{{ repo.url }}" aria-label="Github repository for {{ repo.english_name }}">
                   <i class="icon github"></i>
                   <span class="link-content">Github Repository</span>
                 </a>
                 {% if repo.slack %}
                   <br>
-                  <a class="button is-text tiny" href="https://creativecommons.slack.com/channels/{{ repo.slack }}">
+                  <a class="button is-text tiny" href="https://creativecommons.slack.com/channels/{{ repo.slack }}" aria-label="Slack channel for {{ repo.english_name }} (#{{ repo.slack }})">
                     <i class="icon slack"></i>
                     <span class="link-content">Slack channel (#{{ repo.slack }})</span>
                   </a>
@@ -44,7 +50,7 @@ <h4 class="card-title b-header"><a href="{{ repo.url }}">{{ repo.english_name }}
           </article>
         </div>
       {% endif %}
-    {% endfor %}
+      {% endfor %}
     </div>
   </div>
 </section>
diff --git a/themes/vocabulary_theme/templates/blocks/get-involved.html b/themes/vocabulary_theme/templates/blocks/get-involved.html
index 8a9673745..14d975615 100644
--- a/themes/vocabulary_theme/templates/blocks/get-involved.html
+++ b/themes/vocabulary_theme/templates/blocks/get-involved.html
@@ -1,19 +1,22 @@
-<section class="get-involved">
+<section class="get-involved" aria-labelledby="get-involved-title">
   <div class="container">
     <div class="column is-9 is-paddingless">
-      {{ this.title }}
+      <h2 id="get-involved-title">{{ this.title }}</h2>
     </div>
 
     <div class="columns get-involved-links">
-      <div class="column is-one-third">
+      <div class="column is-one-third" aria-labelledby="product-links">
+        <h3 id="product-links" class="visually-hidden">Product Links</h3>
         {{ this.links_product }}
       </div>
-      <div class="column is-one-third">
+      <div class="column is-one-third" aria-labelledby="integrate-links">
+        <h3 id="integrate-links" class="visually-hidden">Integrate Links</h3>
         {{ this.links_integrate }}
       </div>
-      <div class="column is-one-third">
+      <div class="column is-one-third" aria-labelledby="plugins-links">
+        <h3 id="plugins-links" class="visually-hidden">Plugins Links</h3>
         {{ this.links_plugins }}
       </div>
     </div>
   </div>
-</section>
+</section>
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/blocks/hero.html b/themes/vocabulary_theme/templates/blocks/hero.html
index 31358db02..dd855552b 100644
--- a/themes/vocabulary_theme/templates/blocks/hero.html
+++ b/themes/vocabulary_theme/templates/blocks/hero.html
@@ -1,7 +1,7 @@
-<section class="hero">
+<section class="hero" role="region" aria-labelledby="hero-title">
   <div class="container">
     <div class="hero-title column is-12 is-paddingless">
-      <h1>
+      <h1 id="hero-title">
         {{ this.title }}
       </h1>
     </div>
@@ -12,6 +12,6 @@ <h1>
     </div>
   </div>
   <div class="level-right hero-image">
-    <img class="image" src="./github.svg" />
+    <img class="image" src="./github.svg" alt="Hero image" />
   </div>
-</section>
+</section>
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/blocks/recent-posts.html b/themes/vocabulary_theme/templates/blocks/recent-posts.html
index dc9c0fa54..f001ff724 100644
--- a/themes/vocabulary_theme/templates/blocks/recent-posts.html
+++ b/themes/vocabulary_theme/templates/blocks/recent-posts.html
@@ -1,20 +1,24 @@
 {% from "macros/posts.html" import render_post_summary %}
 
-<section class="recent-posts">
+<section class="recent-posts" aria-labelledby="recent-posts-title">
   <div class="container">
     <div class="level">
-      <h2 class="is-paddingless level-left">
+      <h2 id="recent-posts-title" class="is-paddingless level-left">
         {{ this.title }}
       </h2>
       <span class="level-right">
-        <a class="posts-link" href="/blog/entries">See all posts <i class="icon angle-right"></i></a>
+        <a class="posts-link" href="/blog/entries" aria-label="See all blog posts">
+          See all posts <i class="icon angle-right"></i>
+        </a>
       </span>
     </div>
-    <div class="columns">
+    <div class="columns" role="list">
       {% for post in site.query('/blog/entries') %}
         {% set post_loop = loop %}
         {% if post_loop.index <= 3 %}
-          {{ render_post_summary(post) }}
+          <div role="listitem">
+            {{ render_post_summary(post) }}
+          </div>
         {% endif %}
       {% endfor %}
     </div>
diff --git a/themes/vocabulary_theme/templates/blog-categories.html b/themes/vocabulary_theme/templates/blog-categories.html
index 036d6b142..ab745ba7e 100644
--- a/themes/vocabulary_theme/templates/blog-categories.html
+++ b/themes/vocabulary_theme/templates/blog-categories.html
@@ -5,12 +5,12 @@
 {% block title %}Categories{% endblock %}
 
 {% block body %}
-  <div class="all-categories">
+  <div class="all-categories" role="region" aria-labelledby="categories-title">
     <div class="header">
-      <h1 class="container">Categories</h1>
+      <h1 id="categories-title" class="container">Categories</h1>
     </div>
     <div class="categories-list container">
       {{ render_categories(this) }}
     </div>
   </div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/blog-category.html b/themes/vocabulary_theme/templates/blog-category.html
index c0e4ba844..29c1f293a 100644
--- a/themes/vocabulary_theme/templates/blog-category.html
+++ b/themes/vocabulary_theme/templates/blog-category.html
@@ -5,15 +5,16 @@
 {% block title %}{{ this.name }}{% endblock %}
 
 {% block body %}
-<div class="all-categories">
+<div class="all-categories" aria-labelledby="all-categories-title">
   <div class="header">
     <div class="container">
-      <h1>All posts categorized "{{ this.name }}"</h1>
-      <a class="button small margin-top-bigger" href="{{ this.parent|url }}">See all categories</a>
+      <h1 id="all-categories-title">All posts categorized "{{ this.name }}"</h1>
+      <a class="button small margin-top-bigger" href="{{ this.parent|url }}" aria-label="See all categories">See all categories</a>
     </div>
   </div>
-  <div class="categories-list container">
+  <div class="categories-list container" role="list">
     {{ render_posts(this.children) }}
   </div>
 </div>
 {% endblock %}
+
diff --git a/themes/vocabulary_theme/templates/blog-post.html b/themes/vocabulary_theme/templates/blog-post.html
index 62f90d126..1b39b7ee5 100644
--- a/themes/vocabulary_theme/templates/blog-post.html
+++ b/themes/vocabulary_theme/templates/blog-post.html
@@ -6,14 +6,16 @@
 {% block title %}{{ this.title }}{% endblock %}
 
 {% block body %}
-  <div class="single-post">
+  <div class="single-post" role="article">
     <header class="single-post-header">
       <div class="container">
         <h4>CC Open Source Blog</h4>
-        <h2 class="title">{{ this.title }}</h2>
+        <h2 class="title" id="post-title">{{ this.title }}</h2>
         <div class="author columns is-marginless">
-          {{ render_author_gravatar(this)|trim }}
-          <p class="padding-small">
+          <div role="img" aria-label="Author Gravatar">
+            {{ render_author_gravatar(this)|trim }}
+          </div>
+          <p class="padding-small" aria-live="polite">
             {{ render_authors_byline(this)|trim }}
           </p>
         </div>
@@ -21,12 +23,12 @@ <h2 class="title">{{ this.title }}</h2>
           {% set series = this.parent.parent.children.get('series').children.get(this.series) %}
           <div class="series-header">
             <span>This blog is part of the series:</span>
-            <a href="#series">{{ series.name }}</a>
+            <a href="#series" aria-label="Go to {{ series.name }} series">{{ series.name }}</a>
           </div>
         {% endif %}
       </div>
     </header>
-    <div class="single-post-body content container">
+    <div class="single-post-body content container" aria-labelledby="post-title">
       {{ this.body }}
     </div>
     <footer class="single-post-footer container">
@@ -37,7 +39,7 @@ <h4 class="category-title">Categories</h4>
             {% for category in this.categories %}
               {% set current_category = this.parent.parent.children.get('categories').children.get(category) %}
               {{ check_file('content' + this.parent.parent.path + '/categories/' + category + '/contents.lr') }}
-              <a class="button tag" href=" {{ current_category|url }} ">{{ category }}</a>
+              <a class="button tag" href="{{ current_category|url }}" aria-label="Category: {{ category }}">{{ category }}</a>
             {% endfor %}
           {% else %}
             none
@@ -45,24 +47,24 @@ <h4 class="category-title">Categories</h4>
         </div>
       </div>
       {% if this.series|length %}
-        <div class="series-posts" id="series">
-          <h5 class="title">Posts in the {{ series.name }} series</h5>
+        <div class="series-posts" id="series" aria-labelledby="series-posts-title">
+          <h5 class="title" id="series-posts-title">Posts in the {{ series.name }} series</h5>
           <ul class="posts">
             {% for post in series.children.order_by('pub_date') %}
               {% if post.path==this.path %}
                 <li class="has-color-dark-slate-gray">
-                  <i class="icon circle-filled"></i>{{ post.title }}
+                  <i class="icon circle-filled" aria-hidden="true"></i>{{ post.title }}
                 </li>
               {% else %}
                 <li>
-                  <i class="icon circle-filled"></i><a href="{{ post|url }}">{{ post.title }}</a>
+                  <i class="icon circle-filled" aria-hidden="true"></i><a href="{{ post|url }}" aria-label="Read {{ post.title }}">{{ post.title }}</a>
                 </li>
               {% endif %}
             {% endfor %}
           </ul>
         </div>
       {% endif %}
-      <div class="comments">{{ render_disqus_comments() }}</div>
+      <div class="comments" aria-live="polite">{{ render_disqus_comments() }}</div>
     </footer>
   </div>
 {% endblock %}
diff --git a/themes/vocabulary_theme/templates/blog-series-list.html b/themes/vocabulary_theme/templates/blog-series-list.html
index 3a323b3b6..f69d68f68 100644
--- a/themes/vocabulary_theme/templates/blog-series-list.html
+++ b/themes/vocabulary_theme/templates/blog-series-list.html
@@ -5,12 +5,12 @@
 {% block title %}All Series{% endblock %}
 
 {% block body %}
-<div class="all-series">
+<div class="all-series" role="region" aria-labelledby="series-title">
   <div class="header">
-    <h1 class="container">All Series</h1>
+    <h1 id="series-title" class="container">All Series</h1>
   </div>
   <div class="series-list container">
     {{ render_series(this) }}
   </div>
 </div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/blog-series.html b/themes/vocabulary_theme/templates/blog-series.html
index 53d7153ed..f7d797018 100644
--- a/themes/vocabulary_theme/templates/blog-series.html
+++ b/themes/vocabulary_theme/templates/blog-series.html
@@ -9,10 +9,10 @@
     <div class="header">
       <div class="container">
         <h1>All posts in series "{{ this.name }}"</h1>
-        <a class="button small margin-top-bigger" href="{{ this.parent|url }}">See all series</a>
+        <a class="button small margin-top-bigger" href="{{ this.parent|url }}" aria-label="See all series">{{ this.parent.name }}</a>
       </div>
     </div>
-    <div class="series-list container">
+    <div class="series-list container" role="list" aria-label="List of posts in the series">
       {{ render_posts(this.children) }}
     </div>
   </div>
diff --git a/themes/vocabulary_theme/templates/blog.html b/themes/vocabulary_theme/templates/blog.html
index c216824ee..a19fcfef8 100644
--- a/themes/vocabulary_theme/templates/blog.html
+++ b/themes/vocabulary_theme/templates/blog.html
@@ -6,16 +6,19 @@
 {% block title %}{{ this.title }}{% endblock %}
 
 {% block body %}
-  <div class="blog-page">
+  <div class="blog-page" role="main">
     <div class="header">
       <div class="container">
         <h1>{{ this.title }}</h1>
-        <div class="description column is-9 is-paddingless">{{ this.description }}</div>
+        <div class="description column is-9 is-paddingless" aria-describedby="blog-description">{{ this.description }}</div>
       </div>
     </div>
     <div class="container blog-page-posts">
-      {{ render_posts(this.pagination.items) }}
-      <div class="pagination-wrapper">
+      <section aria-labelledby="blog-posts">
+        <h2 id="blog-posts" class="sr-only">Blog Posts</h2>
+        {{ render_posts(this.pagination.items) }}
+      </section>
+      <div class="pagination-wrapper" aria-live="polite">
         {% if this.pagination.pages > 1 %}
           {{ render_pagination(this.pagination) }}
         {% endif %}
diff --git a/themes/vocabulary_theme/templates/cc-search-guide.html b/themes/vocabulary_theme/templates/cc-search-guide.html
index 1e47da590..7a0d7d2a8 100644
--- a/themes/vocabulary_theme/templates/cc-search-guide.html
+++ b/themes/vocabulary_theme/templates/cc-search-guide.html
@@ -4,7 +4,7 @@
 
 {% block body %}
 <div class="cc-search-guide">
-  <header class="header">
+  <header class="header" role="banner">
     <div class="container is-paddingless">
       <h1>{{ this.title }}</h1>
     </div>
@@ -12,7 +12,7 @@ <h1>{{ this.title }}</h1>
   <div class="container body">
     <div class="columns">
       <div class="column is-one-quarter">
-        <div class="table-of-progress sticky-top">
+        <nav class="table-of-progress sticky-top" aria-label="Table of contents">
           <h4 class="step-header">Steps</h4>
           <ul>
             {% set step = namespace (number = 0) %}
@@ -21,17 +21,15 @@ <h4 class="step-header">Steps</h4>
                 <li class="step">
                   <a class="link" href="#{{ this.body.toc[loop.index - 2].anchor }}">
                     <span class="number">{{ step.number }}</span>
-                    <span class="name">{{ item.title }}</span>
                   </a>
                 </li>
-                {% set step.number = step.number + 1 %}
-              {% endif%}
+              {% endif %}
             {% endfor %}
           </ul>
-        </div>
+        </nav>
       </div>
-      <div class="column content">
-        {{ this.body }}
+      <div class="column is-three-quarters">
+        <!-- Main content goes here -->
       </div>
     </div>
   </div>
diff --git a/themes/vocabulary_theme/templates/community_team_list.html b/themes/vocabulary_theme/templates/community_team_list.html
index b1d263c7a..569fd99a1 100644
--- a/themes/vocabulary_theme/templates/community_team_list.html
+++ b/themes/vocabulary_theme/templates/community_team_list.html
@@ -7,17 +7,17 @@
     <div class="header">
       <div class="container">
         <h1>{{ this.title }}</h1>
-        <p class="description column is-9 is-paddingless">This is a list of all Creative Commons (CC) Community Team members, and their roles and privileges. For more information about CC Community Team, please see <a href="/community/community-team/">the Community Team Page</a>.</p>
+        <p class="description column is-9 is-paddingless" aria-live="polite">This is a list of all Creative Commons (CC) Community Team members, and their roles and privileges. For more information about CC Community Team, please see <a href="/community/community-team/">the Community Team Page</a>.</p>
       </div>
     </div>
     <div class="container padding-horizontal-big padding-vertical-xl">
       <div class="content">
         <h2>Project Teams</h2>
         {% for project in bag('community_team_members.projects') %}
-          <h3 class="b-header">{{ project.name }}</h3>
-          <p>These team members have permissions in the <code>{{ project.repos }}</code> repo(s).</p>
+          <h3 class="b-header" id="{{ project.name|lower|replace(' ', '-') }}-project" aria-labelledby="{{ project.name|lower|replace(' ', '-') }}-project">{{ project.name }}</h3>
+          <p aria-describedby="{{ project.name|lower|replace(' ', '-') }}-repo-info">These team members have permissions in the <code>{{ project.repos }}</code> repo(s).</p>
           <div class="table-container">
-            <table class="table is-bordered is-striped">
+            <table class="table is-bordered is-striped" aria-labelledby="{{ project.name|lower|replace(' ', '-') }}-project">
               <thead>
                 <tr>
                   <th>Role</th>
@@ -27,7 +27,7 @@ <h3 class="b-header">{{ project.name }}</h3>
               {% for member in project.members %}
                 <tr>
                   <td>{{ member.role }}</td>
-                  <td id="{{project.name|lower|replace(' ','-')}}--{{member.name|lower|replace(' ','-')}}">{{ member.name }}</td>
+                  <td id="{{ project.name|lower|replace(' ','-') }}--{{ member.name|lower|replace(' ','-') }}" aria-labelledby="{{ project.name|lower|replace(' ','-') }}--{{ member.name|lower|replace(' ','-') }}">{{ member.name }}</td>
                 </tr>
               {% endfor %}
             </table>
@@ -45,7 +45,7 @@ <h2>Community Building Teams</h2>
             {% for member in bag('community_team_members.community_builders') %}
               <tr>
                 <td>{{ member.role }}</td>
-                <td id="community-builder--{{member.name|replace(' ','-')}}">{{ member.name }}</td>
+                <td id="community-builder--{{ member.name|replace(' ','-') }}" aria-labelledby="community-builder--{{ member.name|replace(' ','-') }}">{{ member.name }}</td>
               </tr>
             {% endfor %}
           </table>
diff --git a/themes/vocabulary_theme/templates/issue_finder.html b/themes/vocabulary_theme/templates/issue_finder.html
index fdf625d2b..f3722f341 100644
--- a/themes/vocabulary_theme/templates/issue_finder.html
+++ b/themes/vocabulary_theme/templates/issue_finder.html
@@ -3,34 +3,36 @@
 {% block title %}{{ this.title }}{% endblock %}
 
 {% block body %}
-  <div class="issue-finder">
+  <div class="issue-finder" role="region" aria-labelledby="issue-finder-title">
     <div class="header">
       <div class="container is-paddingless">
-        <h1>{{ this.title }}</h1>
+        <h1 id="issue-finder-title">{{ this.title }}</h1>
         <div class="description column is-9 is-paddingless">
-          {{ this.description }}
+          <p>{{ this.description }}</p>
         </div>
       </div>
     </div>
     <div class="body container">
-      <div id="vue-app">
+      <div id="vue-app" aria-live="polite">
         {{ this.body }}
         <noscript>
-          The issue finder requires JavaScript. You can try searching on GitHub
-          using the links below.
+          <p>The issue finder requires JavaScript. You can try searching on GitHub using the links below.</p>
           <ul class="gh-links">
             <li>
-              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22+-linked%3Apr">
+              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22+-linked%3Apr" 
+                 aria-label="Issues labeled 'good first issue' on GitHub">
                 issues labeled "good first issue"
               </a>
             </li>
             <li>
-              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22help+wanted%22+-linked%3Apr">issues
-                labeled "help wanted"
+              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22help+wanted%22+-linked%3Apr" 
+                 aria-label="Issues labeled 'help wanted' on GitHub">
+                issues labeled "help wanted"
               </a>
             </li>
             <li>
-              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Apr+is%3Aopen+label%3A%22help+wanted%22">
+              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Apr+is%3Aopen+label%3A%22help+wanted%22" 
+                 aria-label="PRs labeled 'help wanted' on GitHub">
                 PRs labeled "help wanted"
               </a>
             </li>
diff --git a/themes/vocabulary_theme/templates/layout.html b/themes/vocabulary_theme/templates/layout.html
index e750077f6..b339d9388 100644
--- a/themes/vocabulary_theme/templates/layout.html
+++ b/themes/vocabulary_theme/templates/layout.html
@@ -1,51 +1,51 @@
 <!doctype html>
 <html lang="en">
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1" />
-<link rel="shortcut icon" type="image/x-icon" href="{{ '/static/favicon.ico'|url }}">
-<link rel="stylesheet" href="{{ '/static/gen/style.css'|url }}">
-<link rel="stylesheet" href="{{ get_pygments_stylesheet()|url }}">
-<meta property="og:site_name" content="Creative Commons" />
-<meta property="og:title" content="{{ this.title }}" />
-{% if this.description %}
-{% set desc = this.description|excerpt|striphtmltags %}
-<meta property="og:description" content="{{ desc }}" />
-{% else %}
-{% if this.body %}
-{% set desc = this.body|excerpt|striphtmltags %}
-<meta property="og:description" content="{{ desc }}" />
-{% endif %}
-{% endif %}
-<meta property="og:url" content="{{ this|url }}" />
-<meta property="og:type" content="article" />
-{% from "macros/og_image.html" import og_image %}
-{{ og_image(this) }}
-<meta name="twitter:card" content="summary_large_image" />
-<meta name="twitter:title" content="{{ this.title }}">
-<meta name="twitter:description" content="{{ desc }}">
-{% if image %}
-<meta name="twitter:image" content="{{ image|url(external=true) }}">
-{% endif %}
-<meta name="twitter:site" content="@creativecommons">
-<meta name="twitter:creator" content="@creativecommons">
-<script src="https://code.jquery.com/jquery-3.3.1.min.js"
-  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
-  integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
-  integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
-<script type="text/javascript" src="{{ '/static/gen/script.js'|url }}"></script>
-<script src="https://unpkg.com/@creativecommons/vocabulary@2020.7.2/js/vocabulary.js"></script>
-<script>
-  const globalHeaderInstance = vocabulary.createGlobalHeader();
-</script>
-<title>{% block title %}Welcome{% endblock %} — Creative Commons Open Source</title>
-
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="shortcut icon" type="image/x-icon" href="{{ '/static/favicon.ico'|url }}">
+  <link rel="stylesheet" href="{{ '/static/gen/style.css'|url }}">
+  <link rel="stylesheet" href="{{ get_pygments_stylesheet()|url }}">
+  <meta property="og:site_name" content="Creative Commons" />
+  <meta property="og:title" content="{{ this.title }}" />
+  {% if this.description %}
+    {% set desc = this.description|excerpt|striphtmltags %}
+    <meta property="og:description" content="{{ desc }}" />
+  {% else %}
+    {% if this.body %}
+      {% set desc = this.body|excerpt|striphtmltags %}
+      <meta property="og:description" content="{{ desc }}" />
+    {% endif %}
+  {% endif %}
+  <meta property="og:url" content="{{ this|url }}" />
+  <meta property="og:type" content="article" />
+  {% from "macros/og_image.html" import og_image %}
+  {{ og_image(this) }}
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="{{ this.title }}">
+  <meta name="twitter:description" content="{{ desc }}">
+  {% if image %}
+    <meta name="twitter:image" content="{{ image|url(external=true) }}">
+  {% endif %}
+  <meta name="twitter:site" content="@creativecommons">
+  <meta name="twitter:creator" content="@creativecommons">
+  <script src="https://code.jquery.com/jquery-3.3.1.min.js"
+    integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
+    integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
+    integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
+  <script type="text/javascript" src="{{ '/static/gen/script.js'|url }}"></script>
+  <script src="https://unpkg.com/@creativecommons/vocabulary@2020.7.2/js/vocabulary.js"></script>
+  <script>
+    const globalHeaderInstance = vocabulary.createGlobalHeader();
+  </script>
+  <title>{% block title %}Welcome{% endblock %} — Creative Commons Open Source</title>
+</head>
 <body>
-
   <!-- Header -->
-  <header class="container">
-    <nav class="navbar">
+  <header class="container" role="banner">
+    <nav class="navbar" aria-label="Main navigation">
       <div class="navbar-brand">
         <a class="has-text-black" href="{{ '/'|url }}" aria-label="Home">
           <svg
@@ -56,21 +56,21 @@
             <use href="#opensource"></use>
           </svg>
         </a>
-        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
+        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" aria-controls="navbar-menu">
           <span aria-hidden="true"></span>
           <span aria-hidden="true"></span>
           <span aria-hidden="true"></span>
         </a>
       </div>
-      <div class="navbar-menu">
+      <div class="navbar-menu" id="navbar-menu">
         <div class="navbar-end">
           <a class="navbar-item {% if this.is_child_of('/blog') %} is-active{% endif%}" href="{{ '/blog/entries'|url }}">
             Blog
           </a>
-          <div class="navbar-item has-dropdown is-hoverable">
-            <a class="navbar-link is-arrowless {% if this.is_child_of('/contributing-code') %} is-active{% endif%}" tabindex="0">
+          <div class="navbar-item has-dropdown is-hoverable" aria-labelledby="contribute-dropdown">
+            <a class="navbar-link is-arrowless {% if this.is_child_of('/contributing-code') %} is-active{% endif%}" tabindex="0" id="contribute-dropdown">
               Contribute<i class="icon caret-down"></i></a>
-            <div class="navbar-dropdown">
+            <div class="navbar-dropdown" aria-labelledby="contribute-dropdown">
               {% for href, title in [
                 ['/contributing-code', 'Contribution Guidelines'],
                 ['/contributing-code/projects', 'Project List'],
@@ -89,10 +89,10 @@
               {% endfor %}
             </div>
           </div>
-          <div class="navbar-item has-dropdown is-hoverable">
-            <a class="navbar-link is-arrowless {% if this.is_child_of('/community') %} is-active{% endif%}" tabindex="0">
+          <div class="navbar-item has-dropdown is-hoverable" aria-labelledby="community-dropdown">
+            <a class="navbar-link is-arrowless {% if this.is_child_of('/community') %} is-active{% endif%}" tabindex="0" id="community-dropdown">
               Community<i class="icon caret-down"></i></a>
-            <div class="navbar-dropdown is-active">
+            <div class="navbar-dropdown is-active" aria-labelledby="community-dropdown">
               {% for href, title in [
                 ['/community', 'Join the Community'],
                 ['/community/community-team', 'Community Team'],
@@ -108,10 +108,10 @@
               {% endfor %}
             </div>
           </div>
-          <div class="navbar-item has-dropdown is-hoverable">
-            <a class="navbar-link is-arrowless {% if this.is_child_of('/programs') %} is-active{% endif%}" tabindex="0">
+          <div class="navbar-item has-dropdown is-hoverable" aria-labelledby="work-programs-dropdown">
+            <a class="navbar-link is-arrowless {% if this.is_child_of('/programs') %} is-active{% endif%}" tabindex="0" id="work-programs-dropdown">
               Work Programs<i class="icon caret-down"></i></a>
-            <div class="navbar-dropdown">
+            <div class="navbar-dropdown" aria-labelledby="work-programs-dropdown">
               {% for href, title in [
                 ['/programs', 'Overview'],
                 ['/programs/project-ideas', 'Project Ideas'],
@@ -146,7 +146,7 @@
           {% for crumb in crumbs %}
             <!-- Active link -->
             {% if this._slug == crumb %}
-              <li class="is-active"><a aria-current="page displayed">{{ this.title }}</a></li>
+              <li class="is-active"><a aria-current="page">{{ this.title }}</a></li>
             {% else %}
               <!-- Forming the URL using extracted slugs -->
               {% set i = loop.index %}
@@ -172,19 +172,12 @@
   {% block body %}{% endblock %}
 
   <!-- Footer -->
-  <footer class="main-footer">
+  <footer class="main-footer" role="contentinfo">
     <div class="container">
       <div class="columns">
         <div class="column is-one-third-tablet-only is-one-quarter-desktop">
-          <a href="https://creativecommons.org" class="main-logo margin-bottom-bigger">
-            <span class="has-text-white">
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                preserveAspectRatio="xMidYMid meet"
-                viewBox="0 0 304 73">
-                <use href="#logomark"></use>
-              </svg>
-            </span>
+          <a href="https://creativecommons.org" class="main-logo margin-bottom-bigger" aria-label="Creative Commons homepage">
+            <span class="logo-text">Creative Commons</span>
           </a>
           <div>
             <address class="margin-bottom-normal">Creative Commons<br />PO Box 1866, Mountain View CA 94042</address>
diff --git a/themes/vocabulary_theme/templates/macros/authors.html b/themes/vocabulary_theme/templates/macros/authors.html
index a8b86ca8c..0d87ee897 100644
--- a/themes/vocabulary_theme/templates/macros/authors.html
+++ b/themes/vocabulary_theme/templates/macros/authors.html
@@ -2,13 +2,13 @@
 
 {% macro render_authors(authors) %}
   {% for author in site.query(authors.path) %}
-    <div class="author column is-6-mobile is-2-desktop">
+    <div class="author column is-6-mobile is-2-desktop" role="article" aria-labelledby="author-{{ author.id }}">
       <figure class="image profile">
-        <img class="profile" src="https://secure.gravatar.com/avatar/{{ author.md5_hashed_email }}?size=200&d=mp" alt="gravatar" />
+        <img class="profile" src="https://secure.gravatar.com/avatar/{{ author.md5_hashed_email }}?size=200&d=mp" alt="Gravatar of {{ render_author_name(author) }}" />
       </figure>
       <div class="author-name">
-        <h5 class="desktop b-header"><a class="link" href="{{ author|url }}">{{ render_author_name(author) }}</a></h5>
-        <h6 class="mobile b-header"><a class="link" href="{{ author|url }}">{{ render_author_name(author) }}</a></h6>
+        <h5 id="author-{{ author.id }}" class="desktop b-header"><a class="link" href="{{ author|url }}" aria-label="View profile of {{ render_author_name(author) }}">{{ render_author_name(author) }}</a></h5>
+        <h6 id="author-{{ author.id }}" class="mobile b-header"><a class="link" href="{{ author|url }}" aria-label="View profile of {{ render_author_name(author) }}">{{ render_author_name(author) }}</a></h6>
       </div>
     </div>
   {% endfor %}
diff --git a/themes/vocabulary_theme/templates/macros/authors_gravatar.html b/themes/vocabulary_theme/templates/macros/authors_gravatar.html
index 2c7cce45e..c06890b3c 100644
--- a/themes/vocabulary_theme/templates/macros/authors_gravatar.html
+++ b/themes/vocabulary_theme/templates/macros/authors_gravatar.html
@@ -1,16 +1,16 @@
 {% macro render_author_gravatar(post, skip_gravatar=false) %}
   {% if not skip_gravatar %}
-    {# only display gravatar for first author so layout is broken #}
+    {# only display gravatar for first author so layout is not broken #}
     {% set author = post.author[0] %}
     {% set current_author = post.parent.parent.children.get('authors').children.get(author) %}
-    <header>
+    <header role="banner">
       <figure class="image blog-image">
-    {% if post.author|length >= 2 %}
-        <img class="profile" src="/multiple-authors.jpg" alt="multiple authors image"/>
-    {% else %}
-        <img class="profile" src="https://secure.gravatar.com/avatar/{{ current_author.md5_hashed_email }}?size=200&d=mp" alt="author's gravatar" />
-    {% endif %}
+        {% if post.author|length >= 2 %}
+          <img class="profile" src="/multiple-authors.jpg" alt="multiple authors image" />
+        {% else %}
+          <img class="profile" src="https://secure.gravatar.com/avatar/{{ current_author.md5_hashed_email }}?size=200&d=mp" alt="author's gravatar" />
+        {% endif %}
       </figure>
     </header>
   {% endif %}
-{% endmacro %}
+{% endmacro %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/macros/categories.html b/themes/vocabulary_theme/templates/macros/categories.html
index 360b715e3..f35bff974 100644
--- a/themes/vocabulary_theme/templates/macros/categories.html
+++ b/themes/vocabulary_theme/templates/macros/categories.html
@@ -2,6 +2,8 @@
 
 {% macro render_categories(categories) %}
     {% for category in site.query(categories.path) %}
-      <a class="button tag margin-vertical-small margin-horizontal-smaller" href="{{ category|url }}">{{ category.name }}</a>
+      <a class="button tag margin-vertical-small margin-horizontal-smaller" href="{{ category|url }}" aria-label="Category: {{ category.name }}">
+        {{ category.name }}
+      </a>
     {% endfor %}
 {% endmacro %}
diff --git a/themes/vocabulary_theme/templates/macros/og_image.html b/themes/vocabulary_theme/templates/macros/og_image.html
index 6f363d795..e2de910a1 100644
--- a/themes/vocabulary_theme/templates/macros/og_image.html
+++ b/themes/vocabulary_theme/templates/macros/og_image.html
@@ -15,11 +15,12 @@
     {% if author and author.md5_hashed_email %}
       {% set gravatarURL = 'https://secure.gravatar.com/avatar/' + author.md5_hashed_email + '?size=300&d=mp' %}
       {% set queryParams = queryParams + '&images=' + gravatarURL %}
-      {% set pageTitle = page.title + "<br><sm style='font-size:70px;'>By " + render_author_name(author) + "</sm>"  %}
+      {% set pageTitle = page.title + "<br><sm style='font-size:70px;'>By " + render_author_name(author) + "</sm>" %}
     {% endif  %}
   {% endif %}
 
   {% set url = baseUrl + pageTitle + '.png' + queryParams  %}
 
   <meta property="og:image" content="{{ url }}" />
+  <meta name="description" content="{{ pageTitle }} - Open Source content" />
 {% endmacro %}
diff --git a/themes/vocabulary_theme/templates/macros/pagination.html b/themes/vocabulary_theme/templates/macros/pagination.html
index 7fc7143bf..71f541b2a 100644
--- a/themes/vocabulary_theme/templates/macros/pagination.html
+++ b/themes/vocabulary_theme/templates/macros/pagination.html
@@ -3,23 +3,31 @@
     <ul class="pagination-list">
       {% if pagination.has_prev %}
         <li class="inactive">
-          <a class="pagination-link inactive-link" href="{{ pagination.prev|url }}" aria-label="Goto previous"><i class="icon chevron-left"></i></a>
+          <a class="pagination-link inactive-link" href="{{ pagination.prev|url }}" aria-label="Goto previous page">
+            <i class="icon chevron-left" aria-hidden="true"></i>
+          </a>
         </li>
       {% endif %}
       {% for p in range(pagination.pages) %}
         {% if pagination.current|url == pagination.for_page(p+1)|url %}
           <li class="common">
-            <a class="pagination-link is-current common-link" aria-label="Goto page {{p+1}}" aria-current="page" href="{{ pagination.for_page(p+1)|url}}">{{p+1}}</a>
+            <a class="pagination-link is-current common-link" aria-label="Goto page {{ p+1 }}" aria-current="page" href="{{ pagination.for_page(p+1)|url }}">
+              {{ p+1 }}
+            </a>
           </li>
         {% else %}
           <li class="inactive">
-            <a class="pagination-link inactive-link" aria-label="Goto page {{p+1}}" href="{{ pagination.for_page(p+1)|url}}">{{p+1}}</a>
+            <a class="pagination-link inactive-link" aria-label="Goto page {{ p+1 }}" href="{{ pagination.for_page(p+1)|url }}">
+              {{ p+1 }}
+            </a>
           </li>
         {% endif %}
       {% endfor %}
       {% if pagination.has_next %}
         <li class="inactive">
-          <a class="pagination-link inactive-link" href="{{ pagination.next|url }}" aria-label="Goto next"><i class="icon chevron-right"></i></a>
+          <a class="pagination-link inactive-link" href="{{ pagination.next|url }}" aria-label="Goto next page">
+            <i class="icon chevron-right" aria-hidden="true"></i>
+          </a>
         </li>
       {% endif %}
     </ul>
diff --git a/themes/vocabulary_theme/templates/macros/posts.html b/themes/vocabulary_theme/templates/macros/posts.html
index 28a263422..2ae170641 100644
--- a/themes/vocabulary_theme/templates/macros/posts.html
+++ b/themes/vocabulary_theme/templates/macros/posts.html
@@ -3,10 +3,12 @@
 
 {% macro render_post_summary(post, skip_gravatar=false) %}
   <div class="column is-one-third is-paddingless padding-horizontal-big padding-top-bigger">
-    <article class="card entry-post horizontal no-border blog-entry">
+    <article class="card entry-post horizontal no-border blog-entry" role="article">
       {{ render_author_gravatar(post, skip_gravatar) }}
       <div class="blog-content">
-        <h4 class="b-header"><a class="blog-title" href="{{ post|url }}">{{ post.title }}</a></h4>
+        <h4 class="b-header">
+          <a class="blog-title" href="{{ post|url }}" aria-label="Read more about {{ post.title }}">{{ post.title }}</a>
+        </h4>
         {{ render_authors_byline(post) }}
         <div class="excerpt">
           {% if post.excerpt %}
@@ -21,10 +23,11 @@ <h4 class="b-header"><a class="blog-title" href="{{ post|url }}">{{ post.title }
 {% endmacro %}
 
 {% macro render_posts(posts) %}
-  <div class="columns is-multiline blog-entries">
+  <div class="columns is-multiline blog-entries" role="list">
     {% for post in posts %}
       {% set post_loop = loop %}
         {{ render_post_summary(post) }}
     {% endfor %}
   </div>
 {% endmacro %}
+
diff --git a/themes/vocabulary_theme/templates/macros/series.html b/themes/vocabulary_theme/templates/macros/series.html
index 87b77b8b1..af918c5df 100644
--- a/themes/vocabulary_theme/templates/macros/series.html
+++ b/themes/vocabulary_theme/templates/macros/series.html
@@ -1,7 +1,13 @@
 {% from "macros/posts.html" import render_posts %}
 
 {% macro render_series(series) %}
-  {% for serie in site.query(series.path) %}
-    <h4 class="series-link"><a class="link" href="{{ serie|url }}">{{ serie.name }}</a></h4>
-  {% endfor %}
+  <div role="region" aria-labelledby="series-list">
+    <h2 id="series-list" class="visually-hidden">List of Series</h2>
+    {% for serie in site.query(series.path) %}
+      <h4 class="series-link">
+        <a class="link" href="{{ serie|url }}" aria-label="View series: {{ serie.name }}">{{ serie.name }}</a>
+      </h4>
+    {% endfor %}
+  </div>
 {% endmacro %}
+
diff --git a/themes/vocabulary_theme/templates/page-with-title.html b/themes/vocabulary_theme/templates/page-with-title.html
index 6e18d7084..65db100f8 100644
--- a/themes/vocabulary_theme/templates/page-with-title.html
+++ b/themes/vocabulary_theme/templates/page-with-title.html
@@ -3,10 +3,10 @@
 {% block title %}{{ this.title }}{% endblock %}
 
 {% block body %}
-  <div class="code-guidelines">
-    <header class="header">
+  <div class="code-guidelines" role="region" aria-labelledby="page-title">
+    <header class="header" role="banner">
       <div class="container is-paddingless">
-        <h1>{{ this.title }}</h1>
+        <h1 id="page-title">{{ this.title }}</h1>
         <div class="description column is-9 is-paddingless">
           {{ this.description }}
         </div>
@@ -20,4 +20,4 @@ <h1>{{ this.title }}</h1>
       </div>
     </div>
   </div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/page-with-toc.html b/themes/vocabulary_theme/templates/page-with-toc.html
index b9145d674..aaeb915a1 100644
--- a/themes/vocabulary_theme/templates/page-with-toc.html
+++ b/themes/vocabulary_theme/templates/page-with-toc.html
@@ -4,9 +4,9 @@
 
 {% block body %}
   <div class="code-guidelines">
-    <header class="header">
+    <header class="header" aria-labelledby="code-guidelines-title">
       <div class="container is-paddingless">
-        <h1>{{ this.title }}</h1>
+        <h1 id="code-guidelines-title">{{ this.title }}</h1>
         <div class="description column is-9 is-paddingless">
           {{ this.description }}
         </div>
@@ -17,7 +17,7 @@ <h1>{{ this.title }}</h1>
         <div class="column is-one-quarter">
           <div class="row">
             {% if this.is_child_of('/contributing-code') %}
-              <aside class="menu sidebar-menu">
+              <aside class="menu sidebar-menu" role="complementary" aria-label="Contributing Code Sidebar">
                 <ul class="menu-list">
                   {% for href, title in [
                     ['/contributing-code/projects', 'Project List'],
@@ -26,23 +26,23 @@ <h1>{{ this.title }}</h1>
                     ['/contributing-code/usability', 'Usability'],
                   ] %}
                     <li>
-                    <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}">{{ title }}</a>
-                    {% if (href == '/contributing-code') %}
-                      <ul>
-                      {% for href, title in [
-                        ['/contributing-code/foundational-tech', 'Foundational technologies'],
-                        ['/contributing-code/pr-guidelines', 'Pull Request Guidelines'],
-                        ['/contributing-code/github-repo-guidelines', 'GitHub Repo Guidelines'],
-                        ['/contributing-code/repo-labels', 'Repository Labels'],
-                        ['/contributing-code/documentation-guidelines', 'Documentation Guidelines'],
-                        ['/contributing-code/javascript-guidelines', 'JavaScript Guidelines'],
-                        ['/contributing-code/python-guidelines', 'Python Guidelines'],
-                        ['/contributing-code/translation-guide', 'Translation Guide'],
-                      ] %}
-                        <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
-                      {% endfor %}
-                      </ul>
-                    {% endif %}
+                      <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}">{{ title }}</a>
+                      {% if (href == '/contributing-code') %}
+                        <ul>
+                          {% for href, title in [
+                            ['/contributing-code/foundational-tech', 'Foundational technologies'],
+                            ['/contributing-code/pr-guidelines', 'Pull Request Guidelines'],
+                            ['/contributing-code/github-repo-guidelines', 'GitHub Repo Guidelines'],
+                            ['/contributing-code/repo-labels', 'Repository Labels'],
+                            ['/contributing-code/documentation-guidelines', 'Documentation Guidelines'],
+                            ['/contributing-code/javascript-guidelines', 'JavaScript Guidelines'],
+                            ['/contributing-code/python-guidelines', 'Python Guidelines'],
+                            ['/contributing-code/translation-guide', 'Translation Guide'],
+                          ] %}
+                            <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
+                          {% endfor %}
+                        </ul>
+                      {% endif %}
                     </li>
                     {% if (href != '/contributing-code/usability') %}
                       <hr class="divider">
@@ -51,7 +51,7 @@ <h1>{{ this.title }}</h1>
                 </ul>
               </aside>
             {% elif this.is_child_of('/community') %}
-              <aside class="menu sidebar-menu">
+              <aside class="menu sidebar-menu" role="complementary" aria-label="Community Sidebar">
                 <ul class="menu-list">
                   {% for href, title in [
                     ['/community', 'Join the Community'],
@@ -61,34 +61,33 @@ <h1>{{ this.title }}</h1>
                     ['/community/supporters', 'Supporters'],
                   ] %}
                     <li>
-                    <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}">{{ title }}</a>
-                    {% if (href == '/community/community-team') %}
-                      <ul>
-                      {% for href, title in [
-                        ['/community/community-team/members', 'Community Team Members'],
-                        ['/community/community-team/project-roles', 'Project Roles'],
-                        ['/community/community-team/community-building-roles', 'Community Building Roles'],
-                        ['/community/community-team/engagement-channels', 'Engagement Channels'],
-                      ] %}
-                        <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
-                      {% endfor %}
-                      </ul>
-                    {% endif %}
-                    {% if (href == '/community/code-of-conduct') %}
-                      <ul>
-                        <li><a class="{% if this._path == '/community/code-of-conduct/enforcement' %} is-active {% endif%} link" href="{{ '/community/code-of-conduct/enforcement'|url }}"><i class="icon circle-filled"></i>Code of Conduct Enforcement</a></li>
-                      </ul>
-                    {% endif %}
+                      <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}">{{ title }}</a>
+                      {% if (href == '/community/community-team') %}
+                        <ul>
+                          {% for href, title in [
+                            ['/community/community-team/members', 'Community Team Members'],
+                            ['/community/community-team/project-roles', 'Project Roles'],
+                            ['/community/community-team/community-building-roles', 'Community Building Roles'],
+                            ['/community/community-team/engagement-channels', 'Engagement Channels'],
+                          ] %}
+                            <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
+                          {% endfor %}
+                        </ul>
+                      {% endif %}
+                      {% if (href == '/community/code-of-conduct') %}
+                        <ul>
+                          <li><a class="{% if this._path == '/community/code-of-conduct/enforcement' %} is-active {% endif%} link" href="{{ '/community/code-of-conduct/enforcement'|url }}" aria-label="Code of Conduct Enforcement"><i class="icon circle-filled"></i>Code of Conduct Enforcement</a></li>
+                        </ul>
+                      {% endif %}
                     </li>
                     {% if (href != '/community/supporters') %}
                       <hr class="divider">
                     {% endif %}
                   {% endfor %}
-                  </li>
                 </ul>
               </aside>
             {% elif this.is_child_of('/programs') %}
-              <aside class="menu sidebar-menu">
+              <aside class="menu sidebar-menu" role="complementary" aria-label="Programs Sidebar">
                 <ul class="menu-list">
                   {% for href, title in [
                     ['/programs', 'Overview'],
@@ -96,18 +95,18 @@ <h1>{{ this.title }}</h1>
                     ['/programs/history', 'History'],
                   ] %}
                     <li>
-                    <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}">{{ title }}</a>
-                    {% if (href == '/programs') %}
-                      <ul>
-                      {% for href, title in [
-                        ['/programs/applicant-guide', 'Applicant Guide'],
-                        ['/programs/contrib-guide', 'Contributor Guide'],
-                        ['/programs/lead-guide', 'Project Lead Guide'],
-                      ] %}
-                        <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
-                      {% endfor %}
-                      </ul>
-                    {% endif %}
+                      <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}">{{ title }}</a>
+                      {% if (href == '/programs') %}
+                        <ul>
+                          {% for href, title in [
+                            ['/programs/applicant-guide', 'Applicant Guide'],
+                            ['/programs/contrib-guide', 'Contributor Guide'],
+                            ['/programs/lead-guide', 'Project Lead Guide'],
+                          ] %}
+                            <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
+                          {% endfor %}
+                        </ul>
+                      {% endif %}
                     </li>
                     {% if (href != '/programs/history') %}
                       <hr class="divider">
@@ -118,16 +117,16 @@ <h1>{{ this.title }}</h1>
             {% endif %}
           </div>
           <div class="row padding-bottom-normal sticky-top">
-            <h4 class="b-header">On this page</h4>
+            <h4 class="b-header" id="on-this-page-header">On this page</h4>
             <aside class="menu table-of-contents">
               <ul class="menu-list">
                 {% for item in this.body.toc %}
                   <li>
-                    <a class="link" href="#{{ item.anchor }}">{{ item.title }}</a>
+                    <a class="link" href="#{{ item.anchor }}" aria-label="{{ item.title }}">{{ item.title }}</a>
                     {% if item.children and not this.is_long_page %}
                       <ul>
                         {% for subitem in item.children %}
-                          <li><a class="link" href="#{{ subitem.anchor }}"><i class="icon circle-filled"></i>{{ subitem.title }}</a></li>
+                          <li><a class="link" href="#{{ subitem.anchor }}" aria-label="{{ subitem.title }}"><i class="icon circle-filled"></i>{{ subitem.title }}</a></li>
                         {% endfor %}
                       </ul>
                     {% endif %}
@@ -137,7 +136,8 @@ <h4 class="b-header">On this page</h4>
             </aside>
           </div>
         </div>
-        <div class="column content is-three-quarters">
+        <div class="column content is-three-quarters" aria-labelledby="content-header">
+          <h2 id="content-header" class="sr-only">{{ this.title }}</h2>
           {{ this.body }}
         </div>
       </div>
diff --git a/themes/vocabulary_theme/templates/project-ideas.html b/themes/vocabulary_theme/templates/project-ideas.html
index 6eb0be72c..6f2180778 100644
--- a/themes/vocabulary_theme/templates/project-ideas.html
+++ b/themes/vocabulary_theme/templates/project-ideas.html
@@ -9,7 +9,7 @@
         <h1>Open Source Work Programs: Project Ideas</h1>
         <p class="description">This is the project idea list for the <span class="has-color-forest-green">current round of open source collaborations at Creative Commons (CC).</span></p>
         {% set ideas = site.query('/programs/project-ideas-collection').include_undiscoverable(true) %}
-        <div class="filter-labels" id="project-list">
+        <div class="filter-labels" id="project-list" role="navigation" aria-label="Project filters">
           <button type="button" class="button tag btn-dark filter-btn" data-filter="all">
             All Projects
           </button>
@@ -51,9 +51,9 @@ <h1>Open Source Work Programs: Project Ideas</h1>
           </button>
           -->
         </div>
-        <div class="project-ideas columns is-multiline">
+        <div class="project-ideas columns is-multiline" role="list" aria-labelledby="project-list">
           {% for idea in ideas %}
-          <div class="column is-one-quarter filter filter-label {{ idea.filter_value }}">
+          <div class="column is-one-quarter filter filter-label {{ idea.filter_value }}" role="listitem">
             <a href="#{{ idea._slug }}">
               <article class="card entry-post horizontal">
                 <div class="card-content">
@@ -63,7 +63,7 @@ <h5 class="card-title">{{ idea.title }}</h5>
             </a>
           </div>
           {% endfor %}
-          <div class="column is-one-quarter">
+          <div class="column is-one-quarter" role="listitem">
             <a href="#original-ideas">
               <article class="card entry-post horizontal">
                 <div class="card-content">
@@ -77,8 +77,8 @@ <h5 class="card-title">Original Ideas</h5>
     </div>
     <div class="body container">
       {% for idea in ideas %}
-        <div class="project-idea">
-          <h2><a class="has-color-dark-slate-gray" name="{{ idea._slug }}">{{ idea.title }}</a></h2>
+        <div class="project-idea" role="region" aria-labelledby="{{ idea._slug }}">
+          <h2><a class="has-color-dark-slate-gray" name="{{ idea._slug }}" id="{{ idea._slug }}">{{ idea.title }}</a></h2>
           <div class="columns">
             <div class="column is-one-quarter">
               <h5 class="b-header padding-bottom-small">Difficulty</h5>
diff --git a/themes/vocabulary_theme/templates/project_list.html b/themes/vocabulary_theme/templates/project_list.html
index 6379fab06..b6610ea59 100644
--- a/themes/vocabulary_theme/templates/project_list.html
+++ b/themes/vocabulary_theme/templates/project_list.html
@@ -3,46 +3,45 @@
 {% block title %}{{ this.title }}{% endblock %}
 
 {% block body %}
-  <div class="project-list">
+  <div class="project-list" role="region" aria-labelledby="project-list-title">
     <div class="header">
       <div class="container">
-        <h1>Project List</h1>
+        <h1 id="project-list-title">Project List</h1>
         <p class="description">This is a list of all active open source software projects that Creative Commons (CC) maintains.</p>
       </div>
     </div>
     <div class="body container">
-      <p>Please read the <a href="/contributing-code">Contributing Code</a> page for general information on how to get involved. Contribution guidelines specific to an individual project can be found in the <code>README</code> and the <code>CONTRIBUTING</code> files in the root folder of every repository. If you have any questions, don't hesistate to reach out to us through <a href="/community">one of our community forums</a> or open a GitHub issue.</p>
+      <p>Please read the <a href="/contributing-code" aria-label="Contributing Code">Contributing Code</a> page for general information on how to get involved. Contribution guidelines specific to an individual project can be found in the <code>README</code> and the <code>CONTRIBUTING</code> files in the root folder of every repository. If you have any questions, don't hesitate to reach out to us through <a href="/community" aria-label="Community forums">one of our community forums</a> or open a GitHub issue.</p>
+      
       <div class="featured-projects">
-        <h2 class="is-paddingless level-left">
-          Featured Projects
-        </h2>
+        <h2 class="is-paddingless level-left" aria-live="polite">Featured Projects</h2>
         <div class="project-list columns is-multiline">
           {% for repo in bag('repos.repos') %}
           {% if repo.featured %}
-            <div class=" column is-one-third">
+            <div class="column is-one-third">
               <article class="card entry-post vertical project-index">
                 <div class="card-content">
-                  <h4 class="card-title b-header"><a href="{{ repo.url }}">{{ repo.english_name }}</a></h4>
-                  <a class="button is-text tiny site-link" href="{{ repo.website or repo.url }}">
+                  <h4 class="card-title b-header"><a href="{{ repo.url }}" aria-label="View project {{ repo.english_name }}">{{ repo.english_name }}</a></h4>
+                  <a class="button is-text tiny site-link" href="{{ repo.website or repo.url }}" aria-label="Visit the project's website">
                     <span>Visit site</span>
                     <i class="icon external-link"></i>
                   </a>
                   <div class="content">
-                    {{ repo.description }}
+                    <p>{{ repo.description }}</p>
                   </div>
                   <div class="labels">
                     {% for technology in repo.technologies %}
-                      <button class="button tag">{{ technology }}</button>
+                      <button class="button tag" aria-label="Technology: {{ technology }}">{{ technology }}</button>
                     {% endfor %}
                   </div>
                   <div class="external-links">
-                    <a class="button is-text tiny" href="{{ repo.url }}">
+                    <a class="button is-text tiny" href="{{ repo.url }}" aria-label="Visit the GitHub repository for {{ repo.english_name }}">
                       <i class="icon github"></i>
                       <span class="link-content">Github Repository</span>
                     </a>
                     {% if repo.slack %}
                       <br>
-                      <a class="button is-text tiny" href="https://creativecommons.slack.com/channels/{{ repo.slack }}">
+                      <a class="button is-text tiny" href="https://creativecommons.slack.com/channels/{{ repo.slack }}" aria-label="Visit the Slack channel for {{ repo.slack }}">
                         <i class="icon slack"></i>
                         <span class="link-content">Slack channel (#{{ repo.slack }})</span>
                       </a>
@@ -52,14 +51,16 @@ <h4 class="card-title b-header"><a href="{{ repo.url }}">{{ repo.english_name }}
               </article>
             </div>
           {% endif %}
-        {% endfor %}
-      </div>
+          {% endfor %}
+        </div>
       </div>
+
       <div class="active-project">
-        <h2>All Active Projects</h2>
-        <p class="padding-vertical-big">This is a complete list of active Creative Commons software projects. Archived projects are not documented here and can be found on the <strong><a href="https://github.com/cc-archive">CC Archive GitHub organization</a>.</strong></p>
+        <h2 id="all-active-projects" aria-live="polite">All Active Projects</h2>
+        <p class="padding-vertical-big">This is a complete list of active Creative Commons software projects. Archived projects are not documented here and can be found on the <strong><a href="https://github.com/cc-archive" aria-label="Visit the CC Archive GitHub organization">CC Archive GitHub organization</a>.</strong></p>
+        
         <div class="table-container">
-          <table class="table is-bordered  is-striped">
+          <table class="table is-bordered is-striped" aria-labelledby="all-active-projects">
             <thead>
               <tr>
                 <th scope="col">#</th>
@@ -70,38 +71,42 @@ <h2>All Active Projects</h2>
                 <th scope="col">Links</th>
               </tr>
             </thead>
-            {% for repo in bag('repos.repos') %}
-              <tr>
-                <td class="padding-vertical-normal padding-right-xl padding-left-normal">{{ loop.index }}</td>
-                <td class="padding-vertical-normal padding-right-xl padding-left-normal">
-                  <div class="text-bigger has-text-weight-bold padding-bottom-smaller">{{ repo.name }}</div>
-                </td>
-                {% if repo.description %}
-                  <td class="padding-vertical-normal padding-right-xl padding-left-normal">{{ repo.description }}</td>
-                {% else %}
-                  <td class="padding-vertical-normal padding-right-xl padding-left-normal"></td>
-                {% endif %}
-                <td class="padding-vertical-normal padding-right-xl padding-left-normal">
-                  {% if repo.language %}{{ repo.language }}{% endif %}
-                </td>
-                {% if repo.license %}
+            <tbody>
+              {% for repo in bag('repos.repos') %}
+                <tr>
+                  <td class="padding-vertical-normal padding-right-xl padding-left-normal">{{ loop.index }}</td>
                   <td class="padding-vertical-normal padding-right-xl padding-left-normal">
-                    <a href="{{ repo.license.url }}" class="is-block">{{ repo.license.name }}</a>
+                    <div class="text-bigger has-text-weight-bold padding-bottom-smaller">
+                      <a href="{{ repo.url }}" aria-label="View project {{ repo.name }}">{{ repo.name }}</a>
+                    </div>
                   </td>
-                {% else %}
-                  <td>Not specified</td>
-                {% endif %}
-                <td class="padding-vertical-normal padding-right-xl padding-left-normal">
-                  {% if repo.website %}
-                    <a href="{{ repo.website }}" class="is-block"><i class="icon external-link padding-right-small"></i>Website</a>
+                  {% if repo.description %}
+                    <td class="padding-vertical-normal padding-right-xl padding-left-normal">{{ repo.description }}</td>
+                  {% else %}
+                    <td class="padding-vertical-normal padding-right-xl padding-left-normal">No description available</td>
                   {% endif %}
-                  <a href="{{ repo.url }}" class="is-block"><i class="icon github padding-right-small"></i>Github</a>
-                  {% if repo.slack %}
-                    <a href="https://creativecommons.slack.com/channels/{{ repo.slack }}" class="is-block"><i class="icon slack padding-right-small"></i>Slack</a>
-                  {% endif %}
-                </td>
-              </tr>
-            {% endfor %}
+                  <td class="padding-vertical-normal padding-right-xl padding-left-normal">
+                    {% if repo.language %}{{ repo.language }}{% else %}Not specified{% endif %}
+                  </td>
+                  <td class="padding-vertical-normal padding-right-xl padding-left-normal">
+                    {% if repo.license %}
+                      <a href="{{ repo.license.url }}" class="is-block" aria-label="License information for {{ repo.name }}">{{ repo.license.name }}</a>
+                    {% else %}
+                      Not specified
+                    {% endif %}
+                  </td>
+                  <td class="padding-vertical-normal padding-right-xl padding-left-normal">
+                    {% if repo.website %}
+                      <a href="{{ repo.website }}" class="is-block" aria-label="Visit the website for {{ repo.name }}"><i class="icon external-link padding-right-small"></i>Website</a>
+                    {% endif %}
+                    <a href="{{ repo.url }}" class="is-block" aria-label="Visit the GitHub repository for {{ repo.name }}"><i class="icon github padding-right-small"></i>Github</a>
+                    {% if repo.slack %}
+                      <a href="https://creativecommons.slack.com/channels/{{ repo.slack }}" class="is-block" aria-label="Visit the Slack channel for {{ repo.slack }}"><i class="icon slack padding-right-small"></i>Slack</a>
+                    {% endif %}
+                  </td>
+                </tr>
+              {% endfor %}
+            </tbody>
           </table>
         </div>
       </div>
diff --git a/themes/vocabulary_theme/templates/redirect.html b/themes/vocabulary_theme/templates/redirect.html
index e19e73139..4fbbd982c 100644
--- a/themes/vocabulary_theme/templates/redirect.html
+++ b/themes/vocabulary_theme/templates/redirect.html
@@ -7,6 +7,6 @@
     <link href="{{ this.target }}" rel="canonical"/>
   </head>
   <body>
-    <a href="{{ this.target }}">Redirect to: {{ this.target }}</a>
+    <a href="{{ this.target }}" aria-label="Click to redirect to {{ this.target }}">Redirect to: {{ this.target }}</a>
   </body>
 </html>
diff --git a/themes/vocabulary_theme/templates/search_roadmap.html b/themes/vocabulary_theme/templates/search_roadmap.html
index f61e6755b..79d0bb089 100644
--- a/themes/vocabulary_theme/templates/search_roadmap.html
+++ b/themes/vocabulary_theme/templates/search_roadmap.html
@@ -24,7 +24,7 @@ <h3>What Are We Up To?</h3>
       {% for quarter in bag('search_roadmap.quarters') %}
         <h4>{{ quarter.name }}</h4>
         <div class="table-container">
-          <table class="table is-bordered is-striped">
+          <table class="table is-bordered is-striped" role="table">
             <thead>
               <tr>
                   <th scope="col">Task Name</th>
@@ -35,7 +35,7 @@ <h4>{{ quarter.name }}</h4>
               {% for task in quarter.tasks %}
                 <tr>
                   <th scope="row">{{ task.name }}</th>
-                  <td scope="row">{{ task.description }}</td>
+                  <td>{{ task.description }}</td>
                 </tr>
               {% endfor %}
             </tbody>
@@ -59,7 +59,6 @@ <h4>Contribute Code</h4>
           <li>Start contributing!</li>
       </ul>
 
-
       <b>We keep track of our work in three projects in GitHub:</b>
       <dl>
           <dt><a href="https://github.com/orgs/creativecommons/projects/7">CC Search Active Sprint</a></dt>
@@ -89,3 +88,4 @@ <h4>Participate in Usability Tests and User Interviews</h4>
     </div>
   </div>
 {% endblock %}
+

From 48b664401f325f39b93c841d742abd4dbd6dc4c6 Mon Sep 17 00:00:00 2001
From: kris70lesgo <krishkhati70@gmail.com>
Date: Tue, 14 Jan 2025 21:02:26 +0530
Subject: [PATCH 2/7] "Restored newline and reverted unnecessary changes for
 cleaner PR."

---
 themes/vocabulary_theme/templates/blocks/get-involved.html     | 2 +-
 themes/vocabulary_theme/templates/blocks/hero.html             | 2 +-
 themes/vocabulary_theme/templates/blog-category.html           | 1 -
 themes/vocabulary_theme/templates/blog-series-list.html        | 2 +-
 themes/vocabulary_theme/templates/macros/authors_gravatar.html | 2 +-
 themes/vocabulary_theme/templates/macros/og_image.html         | 2 +-
 themes/vocabulary_theme/templates/page-with-title.html         | 2 +-
 7 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/themes/vocabulary_theme/templates/blocks/get-involved.html b/themes/vocabulary_theme/templates/blocks/get-involved.html
index 14d975615..e08aee1fd 100644
--- a/themes/vocabulary_theme/templates/blocks/get-involved.html
+++ b/themes/vocabulary_theme/templates/blocks/get-involved.html
@@ -19,4 +19,4 @@ <h3 id="plugins-links" class="visually-hidden">Plugins Links</h3>
       </div>
     </div>
   </div>
-</section>
\ No newline at end of file
+</section>
diff --git a/themes/vocabulary_theme/templates/blocks/hero.html b/themes/vocabulary_theme/templates/blocks/hero.html
index dd855552b..acc005452 100644
--- a/themes/vocabulary_theme/templates/blocks/hero.html
+++ b/themes/vocabulary_theme/templates/blocks/hero.html
@@ -14,4 +14,4 @@ <h1 id="hero-title">
   <div class="level-right hero-image">
     <img class="image" src="./github.svg" alt="Hero image" />
   </div>
-</section>
\ No newline at end of file
+</section>
diff --git a/themes/vocabulary_theme/templates/blog-category.html b/themes/vocabulary_theme/templates/blog-category.html
index 29c1f293a..c50afeb73 100644
--- a/themes/vocabulary_theme/templates/blog-category.html
+++ b/themes/vocabulary_theme/templates/blog-category.html
@@ -17,4 +17,3 @@ <h1 id="all-categories-title">All posts categorized "{{ this.name }}"</h1>
   </div>
 </div>
 {% endblock %}
-
diff --git a/themes/vocabulary_theme/templates/blog-series-list.html b/themes/vocabulary_theme/templates/blog-series-list.html
index f69d68f68..41bd678e9 100644
--- a/themes/vocabulary_theme/templates/blog-series-list.html
+++ b/themes/vocabulary_theme/templates/blog-series-list.html
@@ -13,4 +13,4 @@ <h1 id="series-title" class="container">All Series</h1>
     {{ render_series(this) }}
   </div>
 </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/themes/vocabulary_theme/templates/macros/authors_gravatar.html b/themes/vocabulary_theme/templates/macros/authors_gravatar.html
index c06890b3c..036ddb214 100644
--- a/themes/vocabulary_theme/templates/macros/authors_gravatar.html
+++ b/themes/vocabulary_theme/templates/macros/authors_gravatar.html
@@ -13,4 +13,4 @@
       </figure>
     </header>
   {% endif %}
-{% endmacro %}
\ No newline at end of file
+{% endmacro %}
diff --git a/themes/vocabulary_theme/templates/macros/og_image.html b/themes/vocabulary_theme/templates/macros/og_image.html
index e2de910a1..41d02b202 100644
--- a/themes/vocabulary_theme/templates/macros/og_image.html
+++ b/themes/vocabulary_theme/templates/macros/og_image.html
@@ -22,5 +22,5 @@
   {% set url = baseUrl + pageTitle + '.png' + queryParams  %}
 
   <meta property="og:image" content="{{ url }}" />
-  <meta name="description" content="{{ pageTitle }} - Open Source content" />
+  <meta name="description" content="{{ pageTitle }} - CC Open Source" />
 {% endmacro %}
diff --git a/themes/vocabulary_theme/templates/page-with-title.html b/themes/vocabulary_theme/templates/page-with-title.html
index 65db100f8..51a469697 100644
--- a/themes/vocabulary_theme/templates/page-with-title.html
+++ b/themes/vocabulary_theme/templates/page-with-title.html
@@ -20,4 +20,4 @@ <h1 id="page-title">{{ this.title }}</h1>
       </div>
     </div>
   </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}

From 205f107af6feb8163a631f6a715b1848f259cdd2 Mon Sep 17 00:00:00 2001
From: kris70lesgo <krishkhati70@gmail.com>
Date: Wed, 15 Jan 2025 14:55:41 +0530
Subject: [PATCH 3/7] "Removed the aria attribute and changes where it isn't
 necessary  "

---
 .../templates/blocks/featured-projects.html   |  30 ++---
 .../templates/blocks/get-involved.html        |   2 +-
 .../templates/blocks/hero.html                |   4 +-
 .../templates/blocks/recent-posts.html        |  16 +--
 .../vocabulary_theme/templates/blog-post.html |  12 +-
 .../templates/blog-series.html                |   6 +-
 themes/vocabulary_theme/templates/blog.html   |   2 +-
 .../templates/cc-search-guide.html            |   2 +-
 .../templates/community_team_list.html        |   4 +-
 .../templates/issue_finder.html               |  24 ++--
 themes/vocabulary_theme/templates/layout.html |   8 +-
 .../templates/macros/authors.html             |  29 +++--
 .../templates/macros/authors_gravatar.html    |   2 +-
 .../templates/macros/categories.html          |   6 +-
 .../templates/macros/pagination.html          |  16 +--
 .../templates/macros/posts.html               |  11 +-
 .../templates/page-with-title.html            |   4 +-
 .../templates/page-with-toc.html              | 116 +++++++++---------
 .../templates/project-ideas.html              |   8 +-
 .../templates/project_list.html               | 101 ++++++++-------
 .../vocabulary_theme/templates/redirect.html  |   4 +-
 .../templates/search_roadmap.html             |   8 +-
 22 files changed, 195 insertions(+), 220 deletions(-)

diff --git a/themes/vocabulary_theme/templates/blocks/featured-projects.html b/themes/vocabulary_theme/templates/blocks/featured-projects.html
index 52fbc30f4..896992536 100644
--- a/themes/vocabulary_theme/templates/blocks/featured-projects.html
+++ b/themes/vocabulary_theme/templates/blocks/featured-projects.html
@@ -1,46 +1,40 @@
-<section class="featured-projects" aria-labelledby="featured-projects-title">
+<section class="featured-projects">
   <div class="container">
     <div class="level">
-      <h2 class="is-paddingless level-left" id="featured-projects-title">
+      <h2 class="is-paddingless level-left">
         {{ this.title }}
       </h2>
       <span class="level-right">
-        <a class="project-page-link" href="/contributing-code/projects/" aria-label="See all available projects">
-          See all available projects <i class="icon angle-right"></i>
-        </a>
+        <a class="project-page-link" href="/contributing-code/projects/">See all available projects <i class="icon angle-right"></i></a>
       </span>
     </div>
     <div class="project-list columns is-multiline">
       {% for repo in bag('repos.repos') %}
       {% if repo.featured %}
         <div class="column is-one-third">
-          <article class="card entry-post vertical project-index" role="article">
+          <article class="card entry-post vertical project-index">
             <div class="card-content">
-              <h4 class="card-title b-header">
-                <a href="{{ repo.url }}" aria-labelledby="repo-title-{{ loop.index }}">
-                  {{ repo.english_name }}
-                </a>
-              </h4>
-              <a class="button is-text tiny site-link" href="{{ repo.website or repo.url }}" aria-label="Visit the project website">
+              <h4 class="card-title b-header"><a href="{{ repo.url }}">{{ repo.english_name }}</a></h4>
+              <a class="button is-text tiny site-link" href="{{ repo.website or repo.url }}">
                 <span>Visit site</span>
                 <i class="icon external-link"></i>
               </a>
-              <div class="content" aria-describedby="repo-description-{{ loop.index }}">
+              <div class="content">
                 {{ repo.description }}
               </div>
               <div class="labels">
                 {% for technology in repo.technologies %}
-                  <button class="button tag" aria-label="Technology: {{ technology }}">{{ technology }}</button>
+                  <button class="button tag">{{ technology }}</button>
                 {% endfor %}
               </div>
               <div class="external-links">
-                <a class="button is-text tiny" href="{{ repo.url }}" aria-label="Github repository for {{ repo.english_name }}">
+                <a class="button is-text tiny" href="{{ repo.url }}">
                   <i class="icon github"></i>
                   <span class="link-content">Github Repository</span>
                 </a>
                 {% if repo.slack %}
                   <br>
-                  <a class="button is-text tiny" href="https://creativecommons.slack.com/channels/{{ repo.slack }}" aria-label="Slack channel for {{ repo.english_name }} (#{{ repo.slack }})">
+                  <a class="button is-text tiny" href="https://creativecommons.slack.com/channels/{{ repo.slack }}">
                     <i class="icon slack"></i>
                     <span class="link-content">Slack channel (#{{ repo.slack }})</span>
                   </a>
@@ -50,7 +44,7 @@ <h4 class="card-title b-header">
           </article>
         </div>
       {% endif %}
-      {% endfor %}
+    {% endfor %}
     </div>
   </div>
-</section>
+</section>
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/blocks/get-involved.html b/themes/vocabulary_theme/templates/blocks/get-involved.html
index e08aee1fd..47649ed86 100644
--- a/themes/vocabulary_theme/templates/blocks/get-involved.html
+++ b/themes/vocabulary_theme/templates/blocks/get-involved.html
@@ -1,4 +1,4 @@
-<section class="get-involved" aria-labelledby="get-involved-title">
+<section class="get-involved">
   <div class="container">
     <div class="column is-9 is-paddingless">
       <h2 id="get-involved-title">{{ this.title }}</h2>
diff --git a/themes/vocabulary_theme/templates/blocks/hero.html b/themes/vocabulary_theme/templates/blocks/hero.html
index acc005452..686c7be83 100644
--- a/themes/vocabulary_theme/templates/blocks/hero.html
+++ b/themes/vocabulary_theme/templates/blocks/hero.html
@@ -1,4 +1,4 @@
-<section class="hero" role="region" aria-labelledby="hero-title">
+<section class="hero" role="region">
   <div class="container">
     <div class="hero-title column is-12 is-paddingless">
       <h1 id="hero-title">
@@ -12,6 +12,6 @@ <h1 id="hero-title">
     </div>
   </div>
   <div class="level-right hero-image">
-    <img class="image" src="./github.svg" alt="Hero image" />
+    <img class="image" src="./github.svg"/>
   </div>
 </section>
diff --git a/themes/vocabulary_theme/templates/blocks/recent-posts.html b/themes/vocabulary_theme/templates/blocks/recent-posts.html
index f001ff724..4d4b1e6c9 100644
--- a/themes/vocabulary_theme/templates/blocks/recent-posts.html
+++ b/themes/vocabulary_theme/templates/blocks/recent-posts.html
@@ -1,26 +1,22 @@
 {% from "macros/posts.html" import render_post_summary %}
 
-<section class="recent-posts" aria-labelledby="recent-posts-title">
+<section class="recent-posts">
   <div class="container">
     <div class="level">
-      <h2 id="recent-posts-title" class="is-paddingless level-left">
+      <h2 class="is-paddingless level-left">
         {{ this.title }}
       </h2>
       <span class="level-right">
-        <a class="posts-link" href="/blog/entries" aria-label="See all blog posts">
-          See all posts <i class="icon angle-right"></i>
-        </a>
+        <a class="posts-link" href="/blog/entries">See all posts <i class="icon angle-right"></i></a>
       </span>
     </div>
-    <div class="columns" role="list">
+    <div class="columns">
       {% for post in site.query('/blog/entries') %}
         {% set post_loop = loop %}
         {% if post_loop.index <= 3 %}
-          <div role="listitem">
-            {{ render_post_summary(post) }}
-          </div>
+          {{ render_post_summary(post) }}
         {% endif %}
       {% endfor %}
     </div>
   </div>
-</section>
+</section>
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/blog-post.html b/themes/vocabulary_theme/templates/blog-post.html
index 1b39b7ee5..ee4e922fa 100644
--- a/themes/vocabulary_theme/templates/blog-post.html
+++ b/themes/vocabulary_theme/templates/blog-post.html
@@ -23,7 +23,7 @@ <h2 class="title" id="post-title">{{ this.title }}</h2>
           {% set series = this.parent.parent.children.get('series').children.get(this.series) %}
           <div class="series-header">
             <span>This blog is part of the series:</span>
-            <a href="#series" aria-label="Go to {{ series.name }} series">{{ series.name }}</a>
+            <a href="#series">{{ series.name }}</a>
           </div>
         {% endif %}
       </div>
@@ -39,7 +39,7 @@ <h4 class="category-title">Categories</h4>
             {% for category in this.categories %}
               {% set current_category = this.parent.parent.children.get('categories').children.get(category) %}
               {{ check_file('content' + this.parent.parent.path + '/categories/' + category + '/contents.lr') }}
-              <a class="button tag" href="{{ current_category|url }}" aria-label="Category: {{ category }}">{{ category }}</a>
+              <a class="button tag" href=" {{ current_category|url }} ">{{ category }}</a>
             {% endfor %}
           {% else %}
             none
@@ -53,18 +53,18 @@ <h5 class="title" id="series-posts-title">Posts in the {{ series.name }} series<
             {% for post in series.children.order_by('pub_date') %}
               {% if post.path==this.path %}
                 <li class="has-color-dark-slate-gray">
-                  <i class="icon circle-filled" aria-hidden="true"></i>{{ post.title }}
+                  <i class="icon circle-filled"></i>{{ post.title }}
                 </li>
               {% else %}
                 <li>
-                  <i class="icon circle-filled" aria-hidden="true"></i><a href="{{ post|url }}" aria-label="Read {{ post.title }}">{{ post.title }}</a>
+                  <i class="icon circle-filled"></i><a href="{{ post|url }}">{{ post.title }}</a>
                 </li>
               {% endif %}
             {% endfor %}
           </ul>
         </div>
       {% endif %}
-      <div class="comments" aria-live="polite">{{ render_disqus_comments() }}</div>
+      <div class="comments">{{ render_disqus_comments() }}</div>
     </footer>
   </div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/blog-series.html b/themes/vocabulary_theme/templates/blog-series.html
index f7d797018..c7ba4c119 100644
--- a/themes/vocabulary_theme/templates/blog-series.html
+++ b/themes/vocabulary_theme/templates/blog-series.html
@@ -9,11 +9,11 @@
     <div class="header">
       <div class="container">
         <h1>All posts in series "{{ this.name }}"</h1>
-        <a class="button small margin-top-bigger" href="{{ this.parent|url }}" aria-label="See all series">{{ this.parent.name }}</a>
+        <a class="button small margin-top-bigger" href="{{ this.parent|url }}">See all series</a>
       </div>
     </div>
-    <div class="series-list container" role="list" aria-label="List of posts in the series">
+    <div class="series-list container">
       {{ render_posts(this.children) }}
     </div>
   </div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/blog.html b/themes/vocabulary_theme/templates/blog.html
index a19fcfef8..56ae070c8 100644
--- a/themes/vocabulary_theme/templates/blog.html
+++ b/themes/vocabulary_theme/templates/blog.html
@@ -14,7 +14,7 @@ <h1>{{ this.title }}</h1>
       </div>
     </div>
     <div class="container blog-page-posts">
-      <section aria-labelledby="blog-posts">
+      <section>
         <h2 id="blog-posts" class="sr-only">Blog Posts</h2>
         {{ render_posts(this.pagination.items) }}
       </section>
diff --git a/themes/vocabulary_theme/templates/cc-search-guide.html b/themes/vocabulary_theme/templates/cc-search-guide.html
index 7a0d7d2a8..10a3009a9 100644
--- a/themes/vocabulary_theme/templates/cc-search-guide.html
+++ b/themes/vocabulary_theme/templates/cc-search-guide.html
@@ -4,7 +4,7 @@
 
 {% block body %}
 <div class="cc-search-guide">
-  <header class="header" role="banner">
+  <header class="header">
     <div class="container is-paddingless">
       <h1>{{ this.title }}</h1>
     </div>
diff --git a/themes/vocabulary_theme/templates/community_team_list.html b/themes/vocabulary_theme/templates/community_team_list.html
index 569fd99a1..c6c5c7108 100644
--- a/themes/vocabulary_theme/templates/community_team_list.html
+++ b/themes/vocabulary_theme/templates/community_team_list.html
@@ -7,14 +7,14 @@
     <div class="header">
       <div class="container">
         <h1>{{ this.title }}</h1>
-        <p class="description column is-9 is-paddingless" aria-live="polite">This is a list of all Creative Commons (CC) Community Team members, and their roles and privileges. For more information about CC Community Team, please see <a href="/community/community-team/">the Community Team Page</a>.</p>
+        <p class="description column is-9 is-paddingless">This is a list of all Creative Commons (CC) Community Team members, and their roles and privileges. For more information about CC Community Team, please see <a href="/community/community-team/">the Community Team Page</a>.</p>
       </div>
     </div>
     <div class="container padding-horizontal-big padding-vertical-xl">
       <div class="content">
         <h2>Project Teams</h2>
         {% for project in bag('community_team_members.projects') %}
-          <h3 class="b-header" id="{{ project.name|lower|replace(' ', '-') }}-project" aria-labelledby="{{ project.name|lower|replace(' ', '-') }}-project">{{ project.name }}</h3>
+        <h3 class="b-header">{{ project.name }}</h3>
           <p aria-describedby="{{ project.name|lower|replace(' ', '-') }}-repo-info">These team members have permissions in the <code>{{ project.repos }}</code> repo(s).</p>
           <div class="table-container">
             <table class="table is-bordered is-striped" aria-labelledby="{{ project.name|lower|replace(' ', '-') }}-project">
diff --git a/themes/vocabulary_theme/templates/issue_finder.html b/themes/vocabulary_theme/templates/issue_finder.html
index f3722f341..8534f6656 100644
--- a/themes/vocabulary_theme/templates/issue_finder.html
+++ b/themes/vocabulary_theme/templates/issue_finder.html
@@ -3,36 +3,34 @@
 {% block title %}{{ this.title }}{% endblock %}
 
 {% block body %}
-  <div class="issue-finder" role="region" aria-labelledby="issue-finder-title">
+  <div class="issue-finder" aria-labelledby="issue-finder-title">
     <div class="header">
       <div class="container is-paddingless">
-        <h1 id="issue-finder-title">{{ this.title }}</h1>
+        <h1>{{ this.title }}</h1>
         <div class="description column is-9 is-paddingless">
-          <p>{{ this.description }}</p>
+          {{ this.description }}
         </div>
       </div>
     </div>
     <div class="body container">
-      <div id="vue-app" aria-live="polite">
+      <div id="vue-app">
         {{ this.body }}
         <noscript>
-          <p>The issue finder requires JavaScript. You can try searching on GitHub using the links below.</p>
+          The issue finder requires JavaScript. You can try searching on GitHub
+          using the links below.
           <ul class="gh-links">
             <li>
-              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22+-linked%3Apr" 
-                 aria-label="Issues labeled 'good first issue' on GitHub">
+              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22good+first+issue%22+-linked%3Apr">
                 issues labeled "good first issue"
               </a>
             </li>
             <li>
-              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22help+wanted%22+-linked%3Apr" 
-                 aria-label="Issues labeled 'help wanted' on GitHub">
-                issues labeled "help wanted"
+              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Aissue+is%3Aopen+label%3A%22help+wanted%22+-linked%3Apr">issues
+                labeled "help wanted"
               </a>
             </li>
             <li>
-              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Apr+is%3Aopen+label%3A%22help+wanted%22" 
-                 aria-label="PRs labeled 'help wanted' on GitHub">
+              <a href="https://github.com/search?q=org%3Acreativecommons+is%3Apr+is%3Aopen+label%3A%22help+wanted%22">
                 PRs labeled "help wanted"
               </a>
             </li>
@@ -41,4 +39,4 @@ <h1 id="issue-finder-title">{{ this.title }}</h1>
       </div>
     </div>
   </div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/layout.html b/themes/vocabulary_theme/templates/layout.html
index b339d9388..9410dda7e 100644
--- a/themes/vocabulary_theme/templates/layout.html
+++ b/themes/vocabulary_theme/templates/layout.html
@@ -44,7 +44,7 @@
 </head>
 <body>
   <!-- Header -->
-  <header class="container" role="banner">
+  <header class="container">
     <nav class="navbar" aria-label="Main navigation">
       <div class="navbar-brand">
         <a class="has-text-black" href="{{ '/'|url }}" aria-label="Home">
@@ -56,7 +56,7 @@
             <use href="#opensource"></use>
           </svg>
         </a>
-        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" aria-controls="navbar-menu">
+        <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
           <span aria-hidden="true"></span>
           <span aria-hidden="true"></span>
           <span aria-hidden="true"></span>
@@ -172,11 +172,11 @@
   {% block body %}{% endblock %}
 
   <!-- Footer -->
-  <footer class="main-footer" role="contentinfo">
+  <footer class="main-footer">
     <div class="container">
       <div class="columns">
         <div class="column is-one-third-tablet-only is-one-quarter-desktop">
-          <a href="https://creativecommons.org" class="main-logo margin-bottom-bigger" aria-label="Creative Commons homepage">
+          <a href="https://creativecommons.org" class="main-logo margin-bottom-bigger">
             <span class="logo-text">Creative Commons</span>
           </a>
           <div>
diff --git a/themes/vocabulary_theme/templates/macros/authors.html b/themes/vocabulary_theme/templates/macros/authors.html
index 0d87ee897..f285e7eb2 100644
--- a/themes/vocabulary_theme/templates/macros/authors.html
+++ b/themes/vocabulary_theme/templates/macros/authors.html
@@ -1,15 +1,20 @@
-{% from "macros/author_name.html" import render_author_name %}
+{% extends "layout.html" %}
 
-{% macro render_authors(authors) %}
-  {% for author in site.query(authors.path) %}
-    <div class="author column is-6-mobile is-2-desktop" role="article" aria-labelledby="author-{{ author.id }}">
-      <figure class="image profile">
-        <img class="profile" src="https://secure.gravatar.com/avatar/{{ author.md5_hashed_email }}?size=200&d=mp" alt="Gravatar of {{ render_author_name(author) }}" />
-      </figure>
-      <div class="author-name">
-        <h5 id="author-{{ author.id }}" class="desktop b-header"><a class="link" href="{{ author|url }}" aria-label="View profile of {{ render_author_name(author) }}">{{ render_author_name(author) }}</a></h5>
-        <h6 id="author-{{ author.id }}" class="mobile b-header"><a class="link" href="{{ author|url }}" aria-label="View profile of {{ render_author_name(author) }}">{{ render_author_name(author) }}</a></h6>
+{% from "macros/authors.html" import render_authors %}
+
+{% block title %} Authors {% endblock %}
+
+{% block body %}
+  <div class="all-authors">
+    <div class="header">
+      <h1 class="container">Authors</h1>
+    </div>
+    <div class="authors-list">
+      <div class="container">
+        <div class="columns is-multiline is-mobile">
+          {{ render_authors(this) }}
+        </div>
       </div>
     </div>
-  {% endfor %}
-{% endmacro %}
+  </div>
+{% endblock %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/macros/authors_gravatar.html b/themes/vocabulary_theme/templates/macros/authors_gravatar.html
index 036ddb214..3bebf7141 100644
--- a/themes/vocabulary_theme/templates/macros/authors_gravatar.html
+++ b/themes/vocabulary_theme/templates/macros/authors_gravatar.html
@@ -3,7 +3,7 @@
     {# only display gravatar for first author so layout is not broken #}
     {% set author = post.author[0] %}
     {% set current_author = post.parent.parent.children.get('authors').children.get(author) %}
-    <header role="banner">
+    <header>
       <figure class="image blog-image">
         {% if post.author|length >= 2 %}
           <img class="profile" src="/multiple-authors.jpg" alt="multiple authors image" />
diff --git a/themes/vocabulary_theme/templates/macros/categories.html b/themes/vocabulary_theme/templates/macros/categories.html
index f35bff974..687b1f86b 100644
--- a/themes/vocabulary_theme/templates/macros/categories.html
+++ b/themes/vocabulary_theme/templates/macros/categories.html
@@ -2,8 +2,6 @@
 
 {% macro render_categories(categories) %}
     {% for category in site.query(categories.path) %}
-      <a class="button tag margin-vertical-small margin-horizontal-smaller" href="{{ category|url }}" aria-label="Category: {{ category.name }}">
-        {{ category.name }}
-      </a>
+      <a class="button tag margin-vertical-small margin-horizontal-smaller" href="{{ category|url }}">{{ category.name }}</a>
     {% endfor %}
-{% endmacro %}
+{% endmacro %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/macros/pagination.html b/themes/vocabulary_theme/templates/macros/pagination.html
index 71f541b2a..7fc7143bf 100644
--- a/themes/vocabulary_theme/templates/macros/pagination.html
+++ b/themes/vocabulary_theme/templates/macros/pagination.html
@@ -3,31 +3,23 @@
     <ul class="pagination-list">
       {% if pagination.has_prev %}
         <li class="inactive">
-          <a class="pagination-link inactive-link" href="{{ pagination.prev|url }}" aria-label="Goto previous page">
-            <i class="icon chevron-left" aria-hidden="true"></i>
-          </a>
+          <a class="pagination-link inactive-link" href="{{ pagination.prev|url }}" aria-label="Goto previous"><i class="icon chevron-left"></i></a>
         </li>
       {% endif %}
       {% for p in range(pagination.pages) %}
         {% if pagination.current|url == pagination.for_page(p+1)|url %}
           <li class="common">
-            <a class="pagination-link is-current common-link" aria-label="Goto page {{ p+1 }}" aria-current="page" href="{{ pagination.for_page(p+1)|url }}">
-              {{ p+1 }}
-            </a>
+            <a class="pagination-link is-current common-link" aria-label="Goto page {{p+1}}" aria-current="page" href="{{ pagination.for_page(p+1)|url}}">{{p+1}}</a>
           </li>
         {% else %}
           <li class="inactive">
-            <a class="pagination-link inactive-link" aria-label="Goto page {{ p+1 }}" href="{{ pagination.for_page(p+1)|url }}">
-              {{ p+1 }}
-            </a>
+            <a class="pagination-link inactive-link" aria-label="Goto page {{p+1}}" href="{{ pagination.for_page(p+1)|url}}">{{p+1}}</a>
           </li>
         {% endif %}
       {% endfor %}
       {% if pagination.has_next %}
         <li class="inactive">
-          <a class="pagination-link inactive-link" href="{{ pagination.next|url }}" aria-label="Goto next page">
-            <i class="icon chevron-right" aria-hidden="true"></i>
-          </a>
+          <a class="pagination-link inactive-link" href="{{ pagination.next|url }}" aria-label="Goto next"><i class="icon chevron-right"></i></a>
         </li>
       {% endif %}
     </ul>
diff --git a/themes/vocabulary_theme/templates/macros/posts.html b/themes/vocabulary_theme/templates/macros/posts.html
index 2ae170641..94baabd4f 100644
--- a/themes/vocabulary_theme/templates/macros/posts.html
+++ b/themes/vocabulary_theme/templates/macros/posts.html
@@ -3,12 +3,10 @@
 
 {% macro render_post_summary(post, skip_gravatar=false) %}
   <div class="column is-one-third is-paddingless padding-horizontal-big padding-top-bigger">
-    <article class="card entry-post horizontal no-border blog-entry" role="article">
+    <article class="card entry-post horizontal no-border blog-entry">
       {{ render_author_gravatar(post, skip_gravatar) }}
       <div class="blog-content">
-        <h4 class="b-header">
-          <a class="blog-title" href="{{ post|url }}" aria-label="Read more about {{ post.title }}">{{ post.title }}</a>
-        </h4>
+        <h4 class="b-header"><a class="blog-title" href="{{ post|url }}">{{ post.title }}</a></h4>
         {{ render_authors_byline(post) }}
         <div class="excerpt">
           {% if post.excerpt %}
@@ -23,11 +21,10 @@ <h4 class="b-header">
 {% endmacro %}
 
 {% macro render_posts(posts) %}
-  <div class="columns is-multiline blog-entries" role="list">
+  <div class="columns is-multiline blog-entries">
     {% for post in posts %}
       {% set post_loop = loop %}
         {{ render_post_summary(post) }}
     {% endfor %}
   </div>
-{% endmacro %}
-
+{% endmacro %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/page-with-title.html b/themes/vocabulary_theme/templates/page-with-title.html
index 51a469697..5811da8ed 100644
--- a/themes/vocabulary_theme/templates/page-with-title.html
+++ b/themes/vocabulary_theme/templates/page-with-title.html
@@ -4,7 +4,7 @@
 
 {% block body %}
   <div class="code-guidelines" role="region" aria-labelledby="page-title">
-    <header class="header" role="banner">
+    <header class="header">
       <div class="container is-paddingless">
         <h1 id="page-title">{{ this.title }}</h1>
         <div class="description column is-9 is-paddingless">
@@ -20,4 +20,4 @@ <h1 id="page-title">{{ this.title }}</h1>
       </div>
     </div>
   </div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/page-with-toc.html b/themes/vocabulary_theme/templates/page-with-toc.html
index aaeb915a1..6a18c589c 100644
--- a/themes/vocabulary_theme/templates/page-with-toc.html
+++ b/themes/vocabulary_theme/templates/page-with-toc.html
@@ -4,9 +4,9 @@
 
 {% block body %}
   <div class="code-guidelines">
-    <header class="header" aria-labelledby="code-guidelines-title">
+    <header class="header">
       <div class="container is-paddingless">
-        <h1 id="code-guidelines-title">{{ this.title }}</h1>
+        <h1>{{ this.title }}</h1>
         <div class="description column is-9 is-paddingless">
           {{ this.description }}
         </div>
@@ -17,7 +17,7 @@ <h1 id="code-guidelines-title">{{ this.title }}</h1>
         <div class="column is-one-quarter">
           <div class="row">
             {% if this.is_child_of('/contributing-code') %}
-              <aside class="menu sidebar-menu" role="complementary" aria-label="Contributing Code Sidebar">
+              <aside class="menu sidebar-menu">
                 <ul class="menu-list">
                   {% for href, title in [
                     ['/contributing-code/projects', 'Project List'],
@@ -26,23 +26,23 @@ <h1 id="code-guidelines-title">{{ this.title }}</h1>
                     ['/contributing-code/usability', 'Usability'],
                   ] %}
                     <li>
-                      <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}">{{ title }}</a>
-                      {% if (href == '/contributing-code') %}
-                        <ul>
-                          {% for href, title in [
-                            ['/contributing-code/foundational-tech', 'Foundational technologies'],
-                            ['/contributing-code/pr-guidelines', 'Pull Request Guidelines'],
-                            ['/contributing-code/github-repo-guidelines', 'GitHub Repo Guidelines'],
-                            ['/contributing-code/repo-labels', 'Repository Labels'],
-                            ['/contributing-code/documentation-guidelines', 'Documentation Guidelines'],
-                            ['/contributing-code/javascript-guidelines', 'JavaScript Guidelines'],
-                            ['/contributing-code/python-guidelines', 'Python Guidelines'],
-                            ['/contributing-code/translation-guide', 'Translation Guide'],
-                          ] %}
-                            <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
-                          {% endfor %}
-                        </ul>
-                      {% endif %}
+                    <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}">{{ title }}</a>
+                    {% if (href == '/contributing-code') %}
+                      <ul>
+                      {% for href, title in [
+                        ['/contributing-code/foundational-tech', 'Foundational technologies'],
+                        ['/contributing-code/pr-guidelines', 'Pull Request Guidelines'],
+                        ['/contributing-code/github-repo-guidelines', 'GitHub Repo Guidelines'],
+                        ['/contributing-code/repo-labels', 'Repository Labels'],
+                        ['/contributing-code/documentation-guidelines', 'Documentation Guidelines'],
+                        ['/contributing-code/javascript-guidelines', 'JavaScript Guidelines'],
+                        ['/contributing-code/python-guidelines', 'Python Guidelines'],
+                        ['/contributing-code/translation-guide', 'Translation Guide'],
+                      ] %}
+                        <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
+                      {% endfor %}
+                      </ul>
+                    {% endif %}
                     </li>
                     {% if (href != '/contributing-code/usability') %}
                       <hr class="divider">
@@ -51,7 +51,7 @@ <h1 id="code-guidelines-title">{{ this.title }}</h1>
                 </ul>
               </aside>
             {% elif this.is_child_of('/community') %}
-              <aside class="menu sidebar-menu" role="complementary" aria-label="Community Sidebar">
+              <aside class="menu sidebar-menu">
                 <ul class="menu-list">
                   {% for href, title in [
                     ['/community', 'Join the Community'],
@@ -61,33 +61,34 @@ <h1 id="code-guidelines-title">{{ this.title }}</h1>
                     ['/community/supporters', 'Supporters'],
                   ] %}
                     <li>
-                      <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}">{{ title }}</a>
-                      {% if (href == '/community/community-team') %}
-                        <ul>
-                          {% for href, title in [
-                            ['/community/community-team/members', 'Community Team Members'],
-                            ['/community/community-team/project-roles', 'Project Roles'],
-                            ['/community/community-team/community-building-roles', 'Community Building Roles'],
-                            ['/community/community-team/engagement-channels', 'Engagement Channels'],
-                          ] %}
-                            <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
-                          {% endfor %}
-                        </ul>
-                      {% endif %}
-                      {% if (href == '/community/code-of-conduct') %}
-                        <ul>
-                          <li><a class="{% if this._path == '/community/code-of-conduct/enforcement' %} is-active {% endif%} link" href="{{ '/community/code-of-conduct/enforcement'|url }}" aria-label="Code of Conduct Enforcement"><i class="icon circle-filled"></i>Code of Conduct Enforcement</a></li>
-                        </ul>
-                      {% endif %}
+                    <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}">{{ title }}</a>
+                    {% if (href == '/community/community-team') %}
+                      <ul>
+                      {% for href, title in [
+                        ['/community/community-team/members', 'Community Team Members'],
+                        ['/community/community-team/project-roles', 'Project Roles'],
+                        ['/community/community-team/community-building-roles', 'Community Building Roles'],
+                        ['/community/community-team/engagement-channels', 'Engagement Channels'],
+                      ] %}
+                        <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
+                      {% endfor %}
+                      </ul>
+                    {% endif %}
+                    {% if (href == '/community/code-of-conduct') %}
+                      <ul>
+                        <li><a class="{% if this._path == '/community/code-of-conduct/enforcement' %} is-active {% endif%} link" href="{{ '/community/code-of-conduct/enforcement'|url }}"><i class="icon circle-filled"></i>Code of Conduct Enforcement</a></li>
+                      </ul>
+                    {% endif %}
                     </li>
                     {% if (href != '/community/supporters') %}
                       <hr class="divider">
                     {% endif %}
                   {% endfor %}
+                  </li>
                 </ul>
               </aside>
             {% elif this.is_child_of('/programs') %}
-              <aside class="menu sidebar-menu" role="complementary" aria-label="Programs Sidebar">
+              <aside class="menu sidebar-menu">
                 <ul class="menu-list">
                   {% for href, title in [
                     ['/programs', 'Overview'],
@@ -95,18 +96,18 @@ <h1 id="code-guidelines-title">{{ this.title }}</h1>
                     ['/programs/history', 'History'],
                   ] %}
                     <li>
-                      <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}">{{ title }}</a>
-                      {% if (href == '/programs') %}
-                        <ul>
-                          {% for href, title in [
-                            ['/programs/applicant-guide', 'Applicant Guide'],
-                            ['/programs/contrib-guide', 'Contributor Guide'],
-                            ['/programs/lead-guide', 'Project Lead Guide'],
-                          ] %}
-                            <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}" aria-label="{{ title }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
-                          {% endfor %}
-                        </ul>
-                      {% endif %}
+                    <a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}">{{ title }}</a>
+                    {% if (href == '/programs') %}
+                      <ul>
+                      {% for href, title in [
+                        ['/programs/applicant-guide', 'Applicant Guide'],
+                        ['/programs/contrib-guide', 'Contributor Guide'],
+                        ['/programs/lead-guide', 'Project Lead Guide'],
+                      ] %}
+                        <li><a class="{% if this.path == href %} is-active {% endif%} link" href="{{ href|url }}"><i class="icon circle-filled"></i>{{ title }}</a></li>
+                      {% endfor %}
+                      </ul>
+                    {% endif %}
                     </li>
                     {% if (href != '/programs/history') %}
                       <hr class="divider">
@@ -117,16 +118,16 @@ <h1 id="code-guidelines-title">{{ this.title }}</h1>
             {% endif %}
           </div>
           <div class="row padding-bottom-normal sticky-top">
-            <h4 class="b-header" id="on-this-page-header">On this page</h4>
+            <h4 class="b-header">On this page</h4>
             <aside class="menu table-of-contents">
               <ul class="menu-list">
                 {% for item in this.body.toc %}
                   <li>
-                    <a class="link" href="#{{ item.anchor }}" aria-label="{{ item.title }}">{{ item.title }}</a>
+                    <a class="link" href="#{{ item.anchor }}">{{ item.title }}</a>
                     {% if item.children and not this.is_long_page %}
                       <ul>
                         {% for subitem in item.children %}
-                          <li><a class="link" href="#{{ subitem.anchor }}" aria-label="{{ subitem.title }}"><i class="icon circle-filled"></i>{{ subitem.title }}</a></li>
+                          <li><a class="link" href="#{{ subitem.anchor }}"><i class="icon circle-filled"></i>{{ subitem.title }}</a></li>
                         {% endfor %}
                       </ul>
                     {% endif %}
@@ -136,11 +137,10 @@ <h4 class="b-header" id="on-this-page-header">On this page</h4>
             </aside>
           </div>
         </div>
-        <div class="column content is-three-quarters" aria-labelledby="content-header">
-          <h2 id="content-header" class="sr-only">{{ this.title }}</h2>
+        <div class="column content is-three-quarters">
           {{ this.body }}
         </div>
       </div>
     </div>
   </div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/project-ideas.html b/themes/vocabulary_theme/templates/project-ideas.html
index 6f2180778..10bcc2d8d 100644
--- a/themes/vocabulary_theme/templates/project-ideas.html
+++ b/themes/vocabulary_theme/templates/project-ideas.html
@@ -9,7 +9,7 @@
         <h1>Open Source Work Programs: Project Ideas</h1>
         <p class="description">This is the project idea list for the <span class="has-color-forest-green">current round of open source collaborations at Creative Commons (CC).</span></p>
         {% set ideas = site.query('/programs/project-ideas-collection').include_undiscoverable(true) %}
-        <div class="filter-labels" id="project-list" role="navigation" aria-label="Project filters">
+        <div class="filter-labels" id="project-list" aria-label="Project filters">
           <button type="button" class="button tag btn-dark filter-btn" data-filter="all">
             All Projects
           </button>
@@ -51,9 +51,9 @@ <h1>Open Source Work Programs: Project Ideas</h1>
           </button>
           -->
         </div>
-        <div class="project-ideas columns is-multiline" role="list" aria-labelledby="project-list">
+        <div class="project-ideas columns is-multiline">
           {% for idea in ideas %}
-          <div class="column is-one-quarter filter filter-label {{ idea.filter_value }}" role="listitem">
+          <div class="column is-one-quarter filter filter-label {{ idea.filter_value }}">
             <a href="#{{ idea._slug }}">
               <article class="card entry-post horizontal">
                 <div class="card-content">
@@ -114,4 +114,4 @@ <h2 class="b-header"><a name="original-ideas" class="has-color-dark-slate-gray">
       </div>
     </div>
   </div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/project_list.html b/themes/vocabulary_theme/templates/project_list.html
index b6610ea59..3936bea55 100644
--- a/themes/vocabulary_theme/templates/project_list.html
+++ b/themes/vocabulary_theme/templates/project_list.html
@@ -3,45 +3,46 @@
 {% block title %}{{ this.title }}{% endblock %}
 
 {% block body %}
-  <div class="project-list" role="region" aria-labelledby="project-list-title">
+  <div class="project-list">
     <div class="header">
       <div class="container">
-        <h1 id="project-list-title">Project List</h1>
+        <h1>Project List</h1>
         <p class="description">This is a list of all active open source software projects that Creative Commons (CC) maintains.</p>
       </div>
     </div>
     <div class="body container">
-      <p>Please read the <a href="/contributing-code" aria-label="Contributing Code">Contributing Code</a> page for general information on how to get involved. Contribution guidelines specific to an individual project can be found in the <code>README</code> and the <code>CONTRIBUTING</code> files in the root folder of every repository. If you have any questions, don't hesitate to reach out to us through <a href="/community" aria-label="Community forums">one of our community forums</a> or open a GitHub issue.</p>
-      
+      <p>Please read the <a href="/contributing-code">Contributing Code</a> page for general information on how to get involved. Contribution guidelines specific to an individual project can be found in the <code>README</code> and the <code>CONTRIBUTING</code> files in the root folder of every repository. If you have any questions, don't hesistate to reach out to us through <a href="/community">one of our community forums</a> or open a GitHub issue.</p>
       <div class="featured-projects">
-        <h2 class="is-paddingless level-left" aria-live="polite">Featured Projects</h2>
+        <h2 class="is-paddingless level-left">
+          Featured Projects
+        </h2>
         <div class="project-list columns is-multiline">
           {% for repo in bag('repos.repos') %}
           {% if repo.featured %}
-            <div class="column is-one-third">
+            <div class=" column is-one-third">
               <article class="card entry-post vertical project-index">
                 <div class="card-content">
-                  <h4 class="card-title b-header"><a href="{{ repo.url }}" aria-label="View project {{ repo.english_name }}">{{ repo.english_name }}</a></h4>
-                  <a class="button is-text tiny site-link" href="{{ repo.website or repo.url }}" aria-label="Visit the project's website">
+                  <h4 class="card-title b-header"><a href="{{ repo.url }}">{{ repo.english_name }}</a></h4>
+                  <a class="button is-text tiny site-link" href="{{ repo.website or repo.url }}">
                     <span>Visit site</span>
                     <i class="icon external-link"></i>
                   </a>
                   <div class="content">
-                    <p>{{ repo.description }}</p>
+                    {{ repo.description }}
                   </div>
                   <div class="labels">
                     {% for technology in repo.technologies %}
-                      <button class="button tag" aria-label="Technology: {{ technology }}">{{ technology }}</button>
+                      <button class="button tag">{{ technology }}</button>
                     {% endfor %}
                   </div>
                   <div class="external-links">
-                    <a class="button is-text tiny" href="{{ repo.url }}" aria-label="Visit the GitHub repository for {{ repo.english_name }}">
+                    <a class="button is-text tiny" href="{{ repo.url }}">
                       <i class="icon github"></i>
                       <span class="link-content">Github Repository</span>
                     </a>
                     {% if repo.slack %}
                       <br>
-                      <a class="button is-text tiny" href="https://creativecommons.slack.com/channels/{{ repo.slack }}" aria-label="Visit the Slack channel for {{ repo.slack }}">
+                      <a class="button is-text tiny" href="https://creativecommons.slack.com/channels/{{ repo.slack }}">
                         <i class="icon slack"></i>
                         <span class="link-content">Slack channel (#{{ repo.slack }})</span>
                       </a>
@@ -51,16 +52,14 @@ <h4 class="card-title b-header"><a href="{{ repo.url }}" aria-label="View projec
               </article>
             </div>
           {% endif %}
-          {% endfor %}
-        </div>
+        {% endfor %}
+      </div>
       </div>
-
       <div class="active-project">
-        <h2 id="all-active-projects" aria-live="polite">All Active Projects</h2>
-        <p class="padding-vertical-big">This is a complete list of active Creative Commons software projects. Archived projects are not documented here and can be found on the <strong><a href="https://github.com/cc-archive" aria-label="Visit the CC Archive GitHub organization">CC Archive GitHub organization</a>.</strong></p>
-        
+        <h2>All Active Projects</h2>
+        <p class="padding-vertical-big">This is a complete list of active Creative Commons software projects. Archived projects are not documented here and can be found on the <strong><a href="https://github.com/cc-archive">CC Archive GitHub organization</a>.</strong></p>
         <div class="table-container">
-          <table class="table is-bordered is-striped" aria-labelledby="all-active-projects">
+          <table class="table is-bordered  is-striped">
             <thead>
               <tr>
                 <th scope="col">#</th>
@@ -71,45 +70,41 @@ <h2 id="all-active-projects" aria-live="polite">All Active Projects</h2>
                 <th scope="col">Links</th>
               </tr>
             </thead>
-            <tbody>
-              {% for repo in bag('repos.repos') %}
-                <tr>
-                  <td class="padding-vertical-normal padding-right-xl padding-left-normal">{{ loop.index }}</td>
+            {% for repo in bag('repos.repos') %}
+              <tr>
+                <td class="padding-vertical-normal padding-right-xl padding-left-normal">{{ loop.index }}</td>
+                <td class="padding-vertical-normal padding-right-xl padding-left-normal">
+                  <div class="text-bigger has-text-weight-bold padding-bottom-smaller">{{ repo.name }}</div>
+                </td>
+                {% if repo.description %}
+                  <td class="padding-vertical-normal padding-right-xl padding-left-normal">{{ repo.description }}</td>
+                {% else %}
+                  <td class="padding-vertical-normal padding-right-xl padding-left-normal"></td>
+                {% endif %}
+                <td class="padding-vertical-normal padding-right-xl padding-left-normal">
+                  {% if repo.language %}{{ repo.language }}{% endif %}
+                </td>
+                {% if repo.license %}
                   <td class="padding-vertical-normal padding-right-xl padding-left-normal">
-                    <div class="text-bigger has-text-weight-bold padding-bottom-smaller">
-                      <a href="{{ repo.url }}" aria-label="View project {{ repo.name }}">{{ repo.name }}</a>
-                    </div>
+                    <a href="{{ repo.license.url }}" class="is-block">{{ repo.license.name }}</a>
                   </td>
-                  {% if repo.description %}
-                    <td class="padding-vertical-normal padding-right-xl padding-left-normal">{{ repo.description }}</td>
-                  {% else %}
-                    <td class="padding-vertical-normal padding-right-xl padding-left-normal">No description available</td>
+                {% else %}
+                  <td>Not specified</td>
+                {% endif %}
+                <td class="padding-vertical-normal padding-right-xl padding-left-normal">
+                  {% if repo.website %}
+                    <a href="{{ repo.website }}" class="is-block"><i class="icon external-link padding-right-small"></i>Website</a>
                   {% endif %}
-                  <td class="padding-vertical-normal padding-right-xl padding-left-normal">
-                    {% if repo.language %}{{ repo.language }}{% else %}Not specified{% endif %}
-                  </td>
-                  <td class="padding-vertical-normal padding-right-xl padding-left-normal">
-                    {% if repo.license %}
-                      <a href="{{ repo.license.url }}" class="is-block" aria-label="License information for {{ repo.name }}">{{ repo.license.name }}</a>
-                    {% else %}
-                      Not specified
-                    {% endif %}
-                  </td>
-                  <td class="padding-vertical-normal padding-right-xl padding-left-normal">
-                    {% if repo.website %}
-                      <a href="{{ repo.website }}" class="is-block" aria-label="Visit the website for {{ repo.name }}"><i class="icon external-link padding-right-small"></i>Website</a>
-                    {% endif %}
-                    <a href="{{ repo.url }}" class="is-block" aria-label="Visit the GitHub repository for {{ repo.name }}"><i class="icon github padding-right-small"></i>Github</a>
-                    {% if repo.slack %}
-                      <a href="https://creativecommons.slack.com/channels/{{ repo.slack }}" class="is-block" aria-label="Visit the Slack channel for {{ repo.slack }}"><i class="icon slack padding-right-small"></i>Slack</a>
-                    {% endif %}
-                  </td>
-                </tr>
-              {% endfor %}
-            </tbody>
+                  <a href="{{ repo.url }}" class="is-block"><i class="icon github padding-right-small"></i>Github</a>
+                  {% if repo.slack %}
+                    <a href="https://creativecommons.slack.com/channels/{{ repo.slack }}" class="is-block"><i class="icon slack padding-right-small"></i>Slack</a>
+                  {% endif %}
+                </td>
+              </tr>
+            {% endfor %}
           </table>
         </div>
       </div>
     </div>
   </div>
-{% endblock %}
+{% endblock %}
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/redirect.html b/themes/vocabulary_theme/templates/redirect.html
index 4fbbd982c..1407bc39a 100644
--- a/themes/vocabulary_theme/templates/redirect.html
+++ b/themes/vocabulary_theme/templates/redirect.html
@@ -7,6 +7,6 @@
     <link href="{{ this.target }}" rel="canonical"/>
   </head>
   <body>
-    <a href="{{ this.target }}" aria-label="Click to redirect to {{ this.target }}">Redirect to: {{ this.target }}</a>
+    <a href="{{ this.target }}">Redirect to: {{ this.target }}</a>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/themes/vocabulary_theme/templates/search_roadmap.html b/themes/vocabulary_theme/templates/search_roadmap.html
index 79d0bb089..9130b5ac0 100644
--- a/themes/vocabulary_theme/templates/search_roadmap.html
+++ b/themes/vocabulary_theme/templates/search_roadmap.html
@@ -24,7 +24,7 @@ <h3>What Are We Up To?</h3>
       {% for quarter in bag('search_roadmap.quarters') %}
         <h4>{{ quarter.name }}</h4>
         <div class="table-container">
-          <table class="table is-bordered is-striped" role="table">
+          <table class="table is-bordered is-striped">
             <thead>
               <tr>
                   <th scope="col">Task Name</th>
@@ -35,7 +35,7 @@ <h4>{{ quarter.name }}</h4>
               {% for task in quarter.tasks %}
                 <tr>
                   <th scope="row">{{ task.name }}</th>
-                  <td>{{ task.description }}</td>
+                  <td scope="row">{{ task.description }}</td>
                 </tr>
               {% endfor %}
             </tbody>
@@ -59,6 +59,7 @@ <h4>Contribute Code</h4>
           <li>Start contributing!</li>
       </ul>
 
+
       <b>We keep track of our work in three projects in GitHub:</b>
       <dl>
           <dt><a href="https://github.com/orgs/creativecommons/projects/7">CC Search Active Sprint</a></dt>
@@ -87,5 +88,4 @@ <h4>Participate in Usability Tests and User Interviews</h4>
       <p>Visit our <a href="/contributing-code/usability/">Usability page</a> for more details on how to participate.</p>
     </div>
   </div>
-{% endblock %}
-
+{% endblock %}
\ No newline at end of file

From 2b5b06d0f9949f64ea0e3a6ba13f7a3b3a4a4692 Mon Sep 17 00:00:00 2001
From: kris70lesgo <krishkhati70@gmail.com>
Date: Sat, 18 Jan 2025 22:25:22 +0530
Subject: [PATCH 4/7] "restored newline at end of file"

---
 .../templates/blocks/featured-projects.html   |  2 +-
 .../templates/blocks/get-involved.html        |  2 +-
 .../templates/blocks/recent-posts.html        |  2 +-
 .../templates/blog-categories.html            |  2 +-
 .../vocabulary_theme/templates/blog-post.html |  2 +-
 .../templates/blog-series.html                |  2 +-
 .../templates/issue_finder.html               |  2 +-
 .../templates/macros/authors.html             | 29 ++++++++-----------
 .../templates/macros/posts.html               |  2 +-
 .../templates/page-with-title.html            |  2 +-
 .../templates/page-with-toc.html              |  2 +-
 .../templates/project-ideas.html              |  2 +-
 .../templates/project_list.html               |  2 +-
 .../vocabulary_theme/templates/redirect.html  |  2 +-
 .../templates/search_roadmap.html             |  2 +-
 15 files changed, 26 insertions(+), 31 deletions(-)

diff --git a/themes/vocabulary_theme/templates/blocks/featured-projects.html b/themes/vocabulary_theme/templates/blocks/featured-projects.html
index 896992536..abc317c93 100644
--- a/themes/vocabulary_theme/templates/blocks/featured-projects.html
+++ b/themes/vocabulary_theme/templates/blocks/featured-projects.html
@@ -47,4 +47,4 @@ <h4 class="card-title b-header"><a href="{{ repo.url }}">{{ repo.english_name }}
     {% endfor %}
     </div>
   </div>
-</section>
\ No newline at end of file
+</section>
diff --git a/themes/vocabulary_theme/templates/blocks/get-involved.html b/themes/vocabulary_theme/templates/blocks/get-involved.html
index 47649ed86..1de4bcefe 100644
--- a/themes/vocabulary_theme/templates/blocks/get-involved.html
+++ b/themes/vocabulary_theme/templates/blocks/get-involved.html
@@ -1,7 +1,7 @@
 <section class="get-involved">
   <div class="container">
     <div class="column is-9 is-paddingless">
-      <h2 id="get-involved-title">{{ this.title }}</h2>
+      <h2 id="get-involved">{{ this.title }}</h2>
     </div>
 
     <div class="columns get-involved-links">
diff --git a/themes/vocabulary_theme/templates/blocks/recent-posts.html b/themes/vocabulary_theme/templates/blocks/recent-posts.html
index 4d4b1e6c9..dc9c0fa54 100644
--- a/themes/vocabulary_theme/templates/blocks/recent-posts.html
+++ b/themes/vocabulary_theme/templates/blocks/recent-posts.html
@@ -19,4 +19,4 @@ <h2 class="is-paddingless level-left">
       {% endfor %}
     </div>
   </div>
-</section>
\ No newline at end of file
+</section>
diff --git a/themes/vocabulary_theme/templates/blog-categories.html b/themes/vocabulary_theme/templates/blog-categories.html
index ab745ba7e..26e9961ff 100644
--- a/themes/vocabulary_theme/templates/blog-categories.html
+++ b/themes/vocabulary_theme/templates/blog-categories.html
@@ -13,4 +13,4 @@ <h1 id="categories-title" class="container">Categories</h1>
       {{ render_categories(this) }}
     </div>
   </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/themes/vocabulary_theme/templates/blog-post.html b/themes/vocabulary_theme/templates/blog-post.html
index ee4e922fa..c312ae9b5 100644
--- a/themes/vocabulary_theme/templates/blog-post.html
+++ b/themes/vocabulary_theme/templates/blog-post.html
@@ -67,4 +67,4 @@ <h5 class="title" id="series-posts-title">Posts in the {{ series.name }} series<
       <div class="comments">{{ render_disqus_comments() }}</div>
     </footer>
   </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/themes/vocabulary_theme/templates/blog-series.html b/themes/vocabulary_theme/templates/blog-series.html
index c7ba4c119..53d7153ed 100644
--- a/themes/vocabulary_theme/templates/blog-series.html
+++ b/themes/vocabulary_theme/templates/blog-series.html
@@ -16,4 +16,4 @@ <h1>All posts in series "{{ this.name }}"</h1>
       {{ render_posts(this.children) }}
     </div>
   </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/themes/vocabulary_theme/templates/issue_finder.html b/themes/vocabulary_theme/templates/issue_finder.html
index 8534f6656..604eeeb1e 100644
--- a/themes/vocabulary_theme/templates/issue_finder.html
+++ b/themes/vocabulary_theme/templates/issue_finder.html
@@ -39,4 +39,4 @@ <h1>{{ this.title }}</h1>
       </div>
     </div>
   </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/themes/vocabulary_theme/templates/macros/authors.html b/themes/vocabulary_theme/templates/macros/authors.html
index f285e7eb2..a8b86ca8c 100644
--- a/themes/vocabulary_theme/templates/macros/authors.html
+++ b/themes/vocabulary_theme/templates/macros/authors.html
@@ -1,20 +1,15 @@
-{% extends "layout.html" %}
+{% from "macros/author_name.html" import render_author_name %}
 
-{% from "macros/authors.html" import render_authors %}
-
-{% block title %} Authors {% endblock %}
-
-{% block body %}
-  <div class="all-authors">
-    <div class="header">
-      <h1 class="container">Authors</h1>
-    </div>
-    <div class="authors-list">
-      <div class="container">
-        <div class="columns is-multiline is-mobile">
-          {{ render_authors(this) }}
-        </div>
+{% macro render_authors(authors) %}
+  {% for author in site.query(authors.path) %}
+    <div class="author column is-6-mobile is-2-desktop">
+      <figure class="image profile">
+        <img class="profile" src="https://secure.gravatar.com/avatar/{{ author.md5_hashed_email }}?size=200&d=mp" alt="gravatar" />
+      </figure>
+      <div class="author-name">
+        <h5 class="desktop b-header"><a class="link" href="{{ author|url }}">{{ render_author_name(author) }}</a></h5>
+        <h6 class="mobile b-header"><a class="link" href="{{ author|url }}">{{ render_author_name(author) }}</a></h6>
       </div>
     </div>
-  </div>
-{% endblock %}
\ No newline at end of file
+  {% endfor %}
+{% endmacro %}
diff --git a/themes/vocabulary_theme/templates/macros/posts.html b/themes/vocabulary_theme/templates/macros/posts.html
index 94baabd4f..28a263422 100644
--- a/themes/vocabulary_theme/templates/macros/posts.html
+++ b/themes/vocabulary_theme/templates/macros/posts.html
@@ -27,4 +27,4 @@ <h4 class="b-header"><a class="blog-title" href="{{ post|url }}">{{ post.title }
         {{ render_post_summary(post) }}
     {% endfor %}
   </div>
-{% endmacro %}
\ No newline at end of file
+{% endmacro %}
diff --git a/themes/vocabulary_theme/templates/page-with-title.html b/themes/vocabulary_theme/templates/page-with-title.html
index 5811da8ed..5bfcac85c 100644
--- a/themes/vocabulary_theme/templates/page-with-title.html
+++ b/themes/vocabulary_theme/templates/page-with-title.html
@@ -20,4 +20,4 @@ <h1 id="page-title">{{ this.title }}</h1>
       </div>
     </div>
   </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/themes/vocabulary_theme/templates/page-with-toc.html b/themes/vocabulary_theme/templates/page-with-toc.html
index 6a18c589c..b9145d674 100644
--- a/themes/vocabulary_theme/templates/page-with-toc.html
+++ b/themes/vocabulary_theme/templates/page-with-toc.html
@@ -143,4 +143,4 @@ <h4 class="b-header">On this page</h4>
       </div>
     </div>
   </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/themes/vocabulary_theme/templates/project-ideas.html b/themes/vocabulary_theme/templates/project-ideas.html
index 10bcc2d8d..21ed99269 100644
--- a/themes/vocabulary_theme/templates/project-ideas.html
+++ b/themes/vocabulary_theme/templates/project-ideas.html
@@ -114,4 +114,4 @@ <h2 class="b-header"><a name="original-ideas" class="has-color-dark-slate-gray">
       </div>
     </div>
   </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/themes/vocabulary_theme/templates/project_list.html b/themes/vocabulary_theme/templates/project_list.html
index 3936bea55..6379fab06 100644
--- a/themes/vocabulary_theme/templates/project_list.html
+++ b/themes/vocabulary_theme/templates/project_list.html
@@ -107,4 +107,4 @@ <h2>All Active Projects</h2>
       </div>
     </div>
   </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/themes/vocabulary_theme/templates/redirect.html b/themes/vocabulary_theme/templates/redirect.html
index 1407bc39a..e19e73139 100644
--- a/themes/vocabulary_theme/templates/redirect.html
+++ b/themes/vocabulary_theme/templates/redirect.html
@@ -9,4 +9,4 @@
   <body>
     <a href="{{ this.target }}">Redirect to: {{ this.target }}</a>
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/themes/vocabulary_theme/templates/search_roadmap.html b/themes/vocabulary_theme/templates/search_roadmap.html
index 9130b5ac0..f61e6755b 100644
--- a/themes/vocabulary_theme/templates/search_roadmap.html
+++ b/themes/vocabulary_theme/templates/search_roadmap.html
@@ -88,4 +88,4 @@ <h4>Participate in Usability Tests and User Interviews</h4>
       <p>Visit our <a href="/contributing-code/usability/">Usability page</a> for more details on how to participate.</p>
     </div>
   </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}

From 83dcb28e84c7e09be0053d752c1c1bbebff7732e Mon Sep 17 00:00:00 2001
From: kris70lesgo <krishkhati70@gmail.com>
Date: Sat, 18 Jan 2025 22:25:45 +0530
Subject: [PATCH 5/7] restore newline at end of file

---
 themes/vocabulary_theme/templates/macros/categories.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/themes/vocabulary_theme/templates/macros/categories.html b/themes/vocabulary_theme/templates/macros/categories.html
index 687b1f86b..360b715e3 100644
--- a/themes/vocabulary_theme/templates/macros/categories.html
+++ b/themes/vocabulary_theme/templates/macros/categories.html
@@ -4,4 +4,4 @@
     {% for category in site.query(categories.path) %}
       <a class="button tag margin-vertical-small margin-horizontal-smaller" href="{{ category|url }}">{{ category.name }}</a>
     {% endfor %}
-{% endmacro %}
\ No newline at end of file
+{% endmacro %}

From 1a1ce9969b7cc28a6a354670bfe3563d2e49b59a Mon Sep 17 00:00:00 2001
From: kris70lesgo <krishkhati70@gmail.com>
Date: Thu, 23 Jan 2025 22:55:28 +0530
Subject: [PATCH 6/7] Refactor HTML templates to improve structure and
 accessibility

---
 themes/vocabulary_theme/templates/404.html             | 4 ++--
 themes/vocabulary_theme/templates/author.html          | 2 +-
 themes/vocabulary_theme/templates/blocks/hero.html     | 2 +-
 themes/vocabulary_theme/templates/blog.html            | 2 +-
 themes/vocabulary_theme/templates/cc-search-guide.html | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/themes/vocabulary_theme/templates/404.html b/themes/vocabulary_theme/templates/404.html
index af01797be..f317468b6 100644
--- a/themes/vocabulary_theme/templates/404.html
+++ b/themes/vocabulary_theme/templates/404.html
@@ -1,8 +1,8 @@
 {% extends "layout.html" %}
 {% block body %}
   <div class="container padding-vertical-xxl has-text-centered" role="main">
-    <h1 aria-live="polite">404</h1>
-    <h2 aria-live="polite">Page Not Found!</h2>
+    <h1>404</h1>
+    <h2>Page Not Found!</h2>
     <p class="body-big" role="alert">Sorry. The page you are looking for doesn't exist.</p>
     <a class="button is-success margin-vertical-big" href="/" role="link" aria-label="Return to homepage">Return Home</a>
   </div>
diff --git a/themes/vocabulary_theme/templates/author.html b/themes/vocabulary_theme/templates/author.html
index e7bf14b5e..b164d3843 100644
--- a/themes/vocabulary_theme/templates/author.html
+++ b/themes/vocabulary_theme/templates/author.html
@@ -6,7 +6,7 @@
 {% block title %}{{ render_author_name(this) }}{% endblock %}
 
 {% block body %}
-<div class="author-posts" role="main">
+<div class="author-posts">
   <div class="header">
     <div class="container">
       <div class="columns">
diff --git a/themes/vocabulary_theme/templates/blocks/hero.html b/themes/vocabulary_theme/templates/blocks/hero.html
index 686c7be83..0da854b91 100644
--- a/themes/vocabulary_theme/templates/blocks/hero.html
+++ b/themes/vocabulary_theme/templates/blocks/hero.html
@@ -12,6 +12,6 @@ <h1 id="hero-title">
     </div>
   </div>
   <div class="level-right hero-image">
-    <img class="image" src="./github.svg"/>
+    <img class="image" src="./github.svg" />
   </div>
 </section>
diff --git a/themes/vocabulary_theme/templates/blog.html b/themes/vocabulary_theme/templates/blog.html
index 56ae070c8..5f078dd4e 100644
--- a/themes/vocabulary_theme/templates/blog.html
+++ b/themes/vocabulary_theme/templates/blog.html
@@ -6,7 +6,7 @@
 {% block title %}{{ this.title }}{% endblock %}
 
 {% block body %}
-  <div class="blog-page" role="main">
+  <div class="blog-page">
     <div class="header">
       <div class="container">
         <h1>{{ this.title }}</h1>
diff --git a/themes/vocabulary_theme/templates/cc-search-guide.html b/themes/vocabulary_theme/templates/cc-search-guide.html
index 10a3009a9..e972a56ee 100644
--- a/themes/vocabulary_theme/templates/cc-search-guide.html
+++ b/themes/vocabulary_theme/templates/cc-search-guide.html
@@ -28,8 +28,8 @@ <h4 class="step-header">Steps</h4>
           </ul>
         </nav>
       </div>
-      <div class="column is-three-quarters">
-        <!-- Main content goes here -->
+      <div class="column content">
+        {{ this.body }}
       </div>
     </div>
   </div>

From d741e19d5597bea986949891b8ab24592bc8197e Mon Sep 17 00:00:00 2001
From: kris70lesgo <krishkhati70@gmail.com>
Date: Tue, 4 Feb 2025 22:13:23 +0530
Subject: [PATCH 7/7] "Standardize label casing and remove unnecessary
 attributes for consistency"

---
 themes/vocabulary_theme/templates/404.html            |  8 ++++----
 .../vocabulary_theme/templates/cc-search-guide.html   |  1 +
 themes/vocabulary_theme/templates/layout.html         | 11 +++++++++--
 themes/vocabulary_theme/templates/project-ideas.html  |  2 +-
 4 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/themes/vocabulary_theme/templates/404.html b/themes/vocabulary_theme/templates/404.html
index f317468b6..57d207304 100644
--- a/themes/vocabulary_theme/templates/404.html
+++ b/themes/vocabulary_theme/templates/404.html
@@ -1,10 +1,10 @@
 {% extends "layout.html" %}
 {% block body %}
-  <div class="container padding-vertical-xxl has-text-centered" role="main">
+  <main class="container padding-vertical-xxl has-text-centered">
     <h1>404</h1>
     <h2>Page Not Found!</h2>
-    <p class="body-big" role="alert">Sorry. The page you are looking for doesn't exist.</p>
-    <a class="button is-success margin-vertical-big" href="/" role="link" aria-label="Return to homepage">Return Home</a>
-  </div>
+    <p class="body-big">Sorry. The page you are looking for doesn't exist.</p>
+    <a class="button is-success margin-vertical-big" href="/">Return Home</a>
+  </main>
 <!-- Creative commons -->
 {% endblock %}
diff --git a/themes/vocabulary_theme/templates/cc-search-guide.html b/themes/vocabulary_theme/templates/cc-search-guide.html
index e972a56ee..0342f665d 100644
--- a/themes/vocabulary_theme/templates/cc-search-guide.html
+++ b/themes/vocabulary_theme/templates/cc-search-guide.html
@@ -23,6 +23,7 @@ <h4 class="step-header">Steps</h4>
                     <span class="number">{{ step.number }}</span>
                   </a>
                 </li>
+                {% set step.number = step.number + 1 %}
               {% endif %}
             {% endfor %}
           </ul>
diff --git a/themes/vocabulary_theme/templates/layout.html b/themes/vocabulary_theme/templates/layout.html
index 9410dda7e..49b6a2b79 100644
--- a/themes/vocabulary_theme/templates/layout.html
+++ b/themes/vocabulary_theme/templates/layout.html
@@ -45,7 +45,7 @@
 <body>
   <!-- Header -->
   <header class="container">
-    <nav class="navbar" aria-label="Main navigation">
+    <nav class="navbar" aria-label="Main Navigation">
       <div class="navbar-brand">
         <a class="has-text-black" href="{{ '/'|url }}" aria-label="Home">
           <svg
@@ -177,7 +177,14 @@
       <div class="columns">
         <div class="column is-one-third-tablet-only is-one-quarter-desktop">
           <a href="https://creativecommons.org" class="main-logo margin-bottom-bigger">
-            <span class="logo-text">Creative Commons</span>
+            <span class="has-text-white">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                preserveAspectRatio="xMidYMid meet"
+                viewBox="0 0 304 73">
+                <use href="#logomark"></use>
+              </svg>
+            </span>
           </a>
           <div>
             <address class="margin-bottom-normal">Creative Commons<br />PO Box 1866, Mountain View CA 94042</address>
diff --git a/themes/vocabulary_theme/templates/project-ideas.html b/themes/vocabulary_theme/templates/project-ideas.html
index 21ed99269..8e21bd06e 100644
--- a/themes/vocabulary_theme/templates/project-ideas.html
+++ b/themes/vocabulary_theme/templates/project-ideas.html
@@ -9,7 +9,7 @@
         <h1>Open Source Work Programs: Project Ideas</h1>
         <p class="description">This is the project idea list for the <span class="has-color-forest-green">current round of open source collaborations at Creative Commons (CC).</span></p>
         {% set ideas = site.query('/programs/project-ideas-collection').include_undiscoverable(true) %}
-        <div class="filter-labels" id="project-list" aria-label="Project filters">
+        <div class="filter-labels" id="project-list" aria-label="Project Filters">
           <button type="button" class="button tag btn-dark filter-btn" data-filter="all">
             All Projects
           </button>