From fb1680b78704ad73dd1939e32083ea8466f1fce8 Mon Sep 17 00:00:00 2001
From: SisiVero <csusan894@gmail.com>
Date: Fri, 11 Oct 2024 15:18:28 -0700
Subject: [PATCH 1/3] ARIA attribute added to website for accessibility

---
 docs/_includes/footer.html  | 20 ++++++++++++++------
 docs/_includes/header.html  | 17 ++++++++++++-----
 docs/_layouts/listing.html  | 19 +++++++++++--------
 docs/_layouts/resource.html | 36 +++++++++++++++++++++---------------
 docs/_pages/all.html        | 20 +++++++++++++-------
 docs/_pages/submission.html | 15 +++++++++++----
 docs/index.html             |  2 +-
 7 files changed, 83 insertions(+), 46 deletions(-)

diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index ca43f929..00112560 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -1,16 +1,18 @@
 <footer>
   <a class="identity-logo" href="https://www.creativecommons.org"
-    >Creative Commons</a
+  aria-label="Creative Commons Homepage"  
+  >Creative Commons</a
   >
 
-  <nav class="footer-menu">
+  <nav class="footer-menu" aria-label="Footer navigation">
     <ul>
       <li>
         <a href="https://creativecommons.org/about/contact">Contact</a>
       </li>
       <li>
         <a href="https://mail.creativecommons.org/subscribe" target="_blank"
-          >Newsletter</a
+        aria-label="Subscribe to Creative Commons Newsletter"  
+        >Newsletter</a
         >
       </li>
       <li><a href="https://creativecommons.org/privacy">Privacy</a></li>
@@ -31,7 +33,7 @@ <h2>Contact Us</h2>
     </p>
     <p><a href="tel:+14154296753">+1-415-429-6753</a></p>
 
-    <nav class="social-menu">
+    <nav class="social-menu" aria-label="Social media links">
       <ul>
         <!-- <li><a class="icon-replace fa-instagram" href="#">Instagram</a></li> -->
         <li>
@@ -39,6 +41,7 @@ <h2>Contact Us</h2>
             class="icon-replace fa-twitter"
             href="https://twitter.com/creativecommons"
             target="_blank"
+            aria-label="Follow Creative Commons on Twitter"
             >Twitter</a
           >
         </li>
@@ -47,6 +50,7 @@ <h2>Contact Us</h2>
             class="icon-replace fa-mastodon"
             href="https://mastodon.social/@creativecommons"
             target="_blank"
+            aria-label="Follow Creative Commons on Mastodon"
             >Mastodon</a
           >
         </li>
@@ -55,6 +59,7 @@ <h2>Contact Us</h2>
             class="icon-replace fa-facebook"
             href="https://www.facebook.com/creativecommons"
             target="_blank"
+            aria-label="Follow Creative Commons on Facebook"
             >Facebook</a
           >
         </li>
@@ -63,6 +68,7 @@ <h2>Contact Us</h2>
             class="icon-replace fa-linkedin"
             href="https://www.linkedin.com/company/creative-commons/"
             target="_blank"
+            aria-label="Follow Creative Commons on LinkedIn"
             >LinkedIn</a
           >
         </li>
@@ -89,6 +95,7 @@ <h2>Subscribe to our Newsletter</h2>
         id="mce-EMAIL"
         placeholder="Your email"
         required=""
+        aria-required="true"
       />
       <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
       <div style="position: absolute; left: -5000px" aria-hidden="true">
@@ -115,6 +122,7 @@ <h2>Support Our Work</h2>
       class="donate icon-attach cc-heart-filled"
       href="https://www.classy.org/give/313412/#!/donation/checkout?c_src=website&c_src2=top-of-page-banner"
       target="_blank"
+      aria-label="Donate to Creative Commons"
       >Donate Now</a
     >
   </div>
@@ -129,10 +137,10 @@ <h2>Support Our Work</h2>
       <a href="https://fontawesome.com/" target="_blank">Font Awesome</a>.
     </p>
 
-    <svg>
+    <svg role="img" aria-label="Creative Commons logo">
       <use href="/_assets/vocabulary/svg/cc/icons/cc-icons.svg#cc-logo"></use>
     </svg>
-    <svg>
+    <svg role="img" aria-label="Creative Commons BY icon">
       <use href="/_assets/vocabulary/svg/cc/icons/cc-icons.svg#cc-by"></use>
     </svg>
   </div>
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
index 1c5e4015..0825bbce 100644
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@@ -1,8 +1,8 @@
 <header>
   <div class="masthead">
-    <h1><a class="identity-logo product" href="/">Resource Archive</a></h1>
+    <h1><a class="identity-logo product" href="/" aria-label="Resource Archive">Resource Archive</a></h1>
 
-    <nav class="ancilliary-menu">
+    <nav class="ancilliary-menu" role="navigation" aria-label="Main menu">
       <ul>
         <!-- uncomment below line, if translation functionality is present on site -->
         <!-- <li><button class="locale icon-attach fa-globe">English</button></li> -->
@@ -13,10 +13,11 @@ <h1><a class="identity-logo product" href="/">Resource Archive</a></h1>
             class="donate icon-attach fa-heart"
             href="https://www.classy.org/give/313412/#!/donation/checkout?c_src=website&c_src2=top-of-page-banner"
             target="_blank"
+            aria-label="Donate to Creative Commons"
             >Donate</a
           >
         </li>
-        <li><button class="explore">Explore CC</button></li>
+        <li><button class="explore" aria-label="Explore Creative Commons">Explore CC</button></li>
       </ul>
     </nav>
   </div>
@@ -24,19 +25,21 @@ <h1><a class="identity-logo product" href="/">Resource Archive</a></h1>
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
       <a class="identity-logo" href="https://www.creativecommons.org"
+      aria-label="Creative Commons Homepage"
         >Creative Commons</a
       >
       <h2>Our Work Relies On You!</h2>
       <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu">
+    <nav class="explore-menu" role="navigation" aria-label="Explore menu">
       <ul>
         <li>
           <a
             id="global-header-link"
             href="https://network.creativecommons.org/"
             target="_blank"
+            aria-label="Join the Creative Commons Global Network"
             >Global Network</a
           >
           <p>Join a global community working to strengthen the Commons</p>
@@ -46,6 +49,7 @@ <h2>Our Work Relies On You!</h2>
             id="global-header-link"
             href="https://certificate.creativecommons.org/"
             target="_blank"
+            aria-label="Creative Commons Certificate Program"
             >Certificate</a
           >
           <p>
@@ -55,18 +59,20 @@ <h2>Our Work Relies On You!</h2>
         </li>
         <li>
           <a href="https://summit.creativecommons.org/" target="_blank"
+          aria-label="Attend the Global Summit"
             >Global Summit</a
           >
           <p>Attend our annual event, promoting the power of open licensing</p>
         </li>
         <li>
           <a href="https://chooser-beta.creativecommons.org/" target="_blank"
+          aria-label="Get help with licenses"
             >Chooser</a
           >
           <p>Get help choosing the appropriate license for your work</p>
         </li>
         <li>
-          <a href="https://search.creativecommons.org/" target="_blank"></a>
+          <a href="https://search.creativecommons.org/" target="_blank" aria-label="Search for openly licensed material"></a>
           <p>
             Find engines to search openly licensed material for creative and
             educational reuse
@@ -74,6 +80,7 @@ <h2>Our Work Relies On You!</h2>
         </li>
         <li>
           <a href="https://opensource.creativecommons.org/" target="_blank"
+          aria-label="Learn about Open Source"
             >Open Source</a
           >
           <p>Help us build products that maximize creativity and innovation</p>
diff --git a/docs/_layouts/listing.html b/docs/_layouts/listing.html
index dd2fefa4..c0670043 100644
--- a/docs/_layouts/listing.html
+++ b/docs/_layouts/listing.html
@@ -31,28 +31,28 @@
     {% endif %}
   </head>
 
-  <body class="listing-page">
+  <body class="listing-page" role="document">
     <!-- The standard CC header, located at docs/_includes/header.html -->
     {% include header.html %}
 
     <!-- If the page is all.html, then add a class "filter-grid" to <main>. Else, do not add the class -->
     {% if page.title == "All" %}
-    <main class="filter-grid">
+    <main class="filter-grid" role="main">
       {% else %}
-      <main>
+      <main role="main">
         {% endif %}
         <!-- The main heading for the site -->
-        <header>
+        <header role="banner">
           <h1>Resources</h1>
 
           {% if page.title == "All" %}
-          <p>
+          <p aria-label="Filter and submit resources">
             Filter and access the resources below or
             <a href="/submit/">submit one here</a>
           </p>
 
           {% else %}
-          <p>
+          <p aria-label="Resources related to Creative Commons">
             The resources related to Creative Commons. You can also
             <a href="/submit/">submit one here</a>
           </p>
@@ -64,16 +64,18 @@ <h1>Resources</h1>
 
         <!-- This is the section that shows all the resource cards in the site.
        The homepage shows upto 16 'featured' items ordered (1) to (16 or lesser) -->
-        <ul id="thumbnaillist">
+        <ul id="thumbnaillist" role="list">
           {% for i in (1..16) %} {% for page in site.pages %} {% if page.layout
           =='resource' %} {% if page.featured == i %}
           <li
             class="thumbnailbox {{ page.topic }} {{ page.medium }} {{page.language}}"
+            role="listitem"
           >
-            <article>
+            <article role="article">
               <img class="thumbnail" src="{{page.image-thumb}}" />
               <h3 class="thumbnailtitle">
                 <a class="thumbnailLink" href="{{ page.permalink }}"
+                role="link"
                   >{{ page.title }}</a
                 >
               </h3>
@@ -96,6 +98,7 @@ <h3 class="thumbnailtitle">
               <img class="thumbnail" src="{{page.image-thumb}}" />
               <h3 class="thumbnailtitle">
                 <a class="thumbnailLink" href="{{ page.permalink }}"
+                role="link"
                   >{{ page.title }}</a
                 >
               </h3>
diff --git a/docs/_layouts/resource.html b/docs/_layouts/resource.html
index 799f2b20..a6a5f7d8 100644
--- a/docs/_layouts/resource.html
+++ b/docs/_layouts/resource.html
@@ -24,65 +24,68 @@
     />
     <link rel="stylesheet" type="text/css" href="/_assets/css/style.css" />
   </head>
-  <body class="resource-page">
+  <body class="resource-page" role="document">
     <!-- The standard CC header, located at docs/_includes/header.html -->
     {% include header.html %}
 
-    <main>
+    <main role="main">
       <!-- The main heading for the resource page -->
-      <header>
+      <header role="banner">
         <h1>{{page.title}}</h1>
       </header>
 
       <!-- If the resource containes embed property, then display the embedded video here -->
       {% if page.embed %}
-      <figure>{{page.embed}}</figure>
+      <figure role="group">{{page.embed}}</figure>
       {% else %}
 
       <!-- else, display the {image-full} image here -->
       {% if page.image-full %}
-      <figure><img src="{{page.image-full}}" /></figure>
+      <figure aria-label="Resource full image"><img src="{{page.image-full}}" /></figure>
       {% else %}
 
       <!-- If the resource doesn't contain embed or image-full, display a placeholder here -->
-      <figure><img src="/_assets/images/placeholder-500.gif" /></figure>
+      <figure aria-label="Resource full image"><img src="/_assets/images/placeholder-500.gif" /></figure>
       {% endif %} {% endif %}
 
       <!-- The links to download, view or visit the resource are present here -->
-      <article class="downloadlinks">
+      <article class="downloadlinks" aria-labelledby="download-section">
         <!-- for pages containing download url -->
         {% if page.downloadurl %}
 
         <!-- If the page is website or a course, text should be "Visit" -->
         {% if page.medium == "website" or page.medium == "course" %}
-        <a href="{{page.downloadurl}}">Visit</a>
+        <a href="{{page.downloadurl}}" aria-label="Visit the resource">Visit</a>
         {% else %}
 
         <!-- If the page is not a website or a course, text should be "View in detail" -->
-        <a href="{{page.downloadurl}}">View in detail</a>
+        <a href="{{page.downloadurl}}" aria-label="View the resource in detail">View in detail</a>
         {% endif %} {% endif %}
 
         <!-- For pages containing repo url, text should View source -->
         {% if page.repourl %}
-        <a href="{{page.repourl}}">View source</a>
+        <a href="{{page.repourl}}" aria-label="View the source code of the resource">View source</a>
         {% endif %}
       </article>
 
       <!-- All the content inside the pages following this layout will be present inside this <p>. -->
-      <p class="description">{{content}}</p>
+      <p class="description" aria-label="Resource description">{{content}}</p>
 
       <!-- If the page has a license specified -->
       {% if page.license %}
-      <article class="resource-license">
+      <article class="resource-license" role="article">
         <!-- If the page is licensed under CC0 -->
         {% if page.license == 'CC0' %}
         <a
+        role="link"
           rel="license"
           href="http://creativecommons.org/publicdomain/zero/1.0/"
+          aria-label="View the CCo license details"
         >
           <img
             src="http://i.creativecommons.org/p/zero/1.0/88x31.png"
             alt="CC0"
+            aria-label="CC0 image"
           />
         </a>
         <p>
@@ -90,6 +93,7 @@ <h1>{{page.title}}</h1>
           <span property="dct:publisher">{{ page.author }}</span> has waived all
           copyright and related or neighboring rights to
           <a href="{{ page.downloadurl}}" property="dct:title"
+          aria-label="Details of {{ page.title }}"
             >{{ page.title }}</a
           >.
         </p>
@@ -99,15 +103,16 @@ <h1>{{page.title}}</h1>
         <a
           rel="license"
           href="http://creativecommons.org/licenses/{{ page.license | remove: 'CC ' | downcase | replace: ' ', '/' }}/"
-        >
+          aria-label="View the {{ page.license }} license details"
+          >
           <img
             alt="Creative Commons License"
             src="http://i.creativecommons.org/l/{{ page.license | remove: 'CC ' | downcase | replace: ' ', '/' }}/88x31.png"
-          />
+            />
         </a>
         <p>
           {% if page.downloadurl %}
-          <a href="{{ page.downloadurl }}" rel="cc:attributionURL">
+          <a href="{{ page.downloadurl }}" rel="cc:attributionURL" aria-label="Access {{ page.title }}">
             {% endif %}
             <span xmlns:dct="http://purl.org/dc/terms/" property="dct:title"
               >{{ page.title }}</span
@@ -123,6 +128,7 @@ <h1>{{page.title}}</h1>
           <a
             rel="license"
             href="http://creativecommons.org/licenses/{{ page.license | remove: 'CC ' | downcase | replace: ' ', '/' }}/"
+            aria-label="Details of the {{ page.license }} license"
             >{{ page.license }}</a
           >.
         </p>
diff --git a/docs/_pages/all.html b/docs/_pages/all.html
index 02b71047..7ade219c 100644
--- a/docs/_pages/all.html
+++ b/docs/_pages/all.html
@@ -10,14 +10,15 @@
 <!-- This is the resourcenavbar, which contains the category filters. The categories are TOPIC, MEDIUM and LANGUAGE. In this there are two different options for displaying a category,
  For example - resourcenavtopicknown and resourcenavtopicunknown -->
 <!-- If the user has selected a filter, resourcenavtopicknown will be displayed. otherwise resourcenavtopicunknown will be displayed -->
-<aside id="resourcenavbar">
-  <article class="resourcenav resourcenavtopicknown">
+<aside id="resourcenavbar" aria-label="Resource Navigation Bar">
+  <article class="resourcenav resourcenavtopicknown" aria-expanded="true">
     <h2>Topic</h2>
     <p>
       <input
         type="checkbox"
         onclick="location.href=location.href.replace(/&?topic=([^&]$|[^&]*)/i, '');"
         checked
+        aria-label="Remove Topic Filter"
       />
       {% for topic in site.data.topics %}
       <script>
@@ -27,7 +28,7 @@ <h2>Topic</h2>
     </p>
   </article>
 
-  <article class="resourcenav resourcenavtopicunknown topic-list">
+  <article class="resourcenav resourcenavtopicunknown topic-list" aria-expanded="false">
     <h2>Topic</h2>
     <ul>
       {% for topic in site.data.topics %}
@@ -35,6 +36,7 @@ <h2>Topic</h2>
         <input
           type="checkbox"
           onclick="window.location.search += '&topic={{ topic.string }}';"
+          aria-label="Select {{ topic.name }}"
         />
         <label>{{ topic.name }}</label>
       </li>
@@ -42,13 +44,14 @@ <h2>Topic</h2>
     </ul>
   </article>
 
-  <article class="resourcenav resourcenavmediumknown">
+  <article class="resourcenav resourcenavmediumknown" aria-expanded="true">
     <h2>Medium</h2>
     <p>
       <input
         type="checkbox"
         onclick="location.href=location.href.replace(/&?medium=([^&]$|[^&]*)/i, '');"
         checked
+        aria-label="Remove Medium Filter"
       />
       {% for medium in site.data.media %}
       <script>
@@ -58,7 +61,7 @@ <h2>Medium</h2>
     </p>
   </article>
 
-  <article class="resourcenav resourcenavmediumunknown medium-list">
+  <article class="resourcenav resourcenavmediumunknown medium-list" aria-expanded="false">
     <h2>Medium</h2>
     <ul>
       {% for medium in site.data.media %}
@@ -66,6 +69,7 @@ <h2>Medium</h2>
         <input
           type="checkbox"
           onclick="window.location.search += '&medium={{ medium.string }}';"
+          aria-label="Select {{ medium.name }}"
         />
         <label>{{ medium.name }}</label>
       </li>
@@ -73,13 +77,14 @@ <h2>Medium</h2>
     </ul>
   </article>
 
-  <article class="resourcenav resourcenavlanguageknown">
+  <article class="resourcenav resourcenavlanguageknown" aria-expanded="true">
     <h2>Language</h2>
     <p>
       <input
         type="checkbox"
         onclick="location.href=location.href.replace(/&?language=([^&]$|[^&]*)/i, '');"
         checked
+        aria-label="Remove Language Filter"
       />
       {% for language in site.data.languages %}
       <script>
@@ -90,7 +95,7 @@ <h2>Language</h2>
     </p>
   </article>
 
-  <article class="resourcenav resourcenavlanguageunknown language-list">
+  <article class="resourcenav resourcenavlanguageunknown language-list" aria-expanded="false">
     <h2>Language</h2>
     <ul>
       {% for language in site.data.languages %}
@@ -98,6 +103,7 @@ <h2>Language</h2>
         <input
           type="checkbox"
           onclick="window.location.search += '&language={{ language.string }}';"
+          aria-label="Select {{ language.name }}"
         />
         <label>{{ language.name }}</label>
       </li>
diff --git a/docs/_pages/submission.html b/docs/_pages/submission.html
index 6d8250a1..4f69ea71 100644
--- a/docs/_pages/submission.html
+++ b/docs/_pages/submission.html
@@ -41,7 +41,7 @@ <h1>Submit A Resource</h1>
       </header>
 
       <!-- The content of the page, about submitting of resources -->
-      <h3>
+      <h3 aria-label="Introduction to submitting a resource">
         Come across an interesting, useful resource about Creative Commons ?
       </h3>
       <p>
@@ -50,33 +50,36 @@ <h3>
         <a
           href="https://github.com/creativecommons/cc-resource-archive/"
           target="_blank"
+          aria-label="Submit a resource to the CC resource archive repository on GitHub"
           >creativecommons/cc-resource-archive</a
         >
         repository on GitHub.
       </p>
 
       <!-- Guide to submit the resources for new github users -->
-      <h3>How to Submit</h3>
+      <h3 aria-label="How to submit resources to Creative Commons">How to Submit</h3>
       <p>
         You can follow the detailed step-by-step guide documented below to have
         your resources submitted and published at
         <a href="https://resources.creativecommons.org/"
+        aria-label="Visit Creative Commons resources page"
           >https://resources.creativecommons.org/</a
         >
         :
       </p>
 
       <!-- Steps for the guide to submit resources -->
-      <ol>
+      <ol aria-label="step-by-step guide for submitting resources">
         <li>
           Make sure you have an account on
-          <a href="https://github.com/" target="_blank">github.com</a>.
+          <a href="https://github.com/" target="_blank" aria-label="Create a Github account">github.com</a>.
         </li>
         <li>
           Go to
           <a
             href="https://github.com/creativecommons/cc-resource-archive"
             target="_blank"
+            aria-label="Go to the CC resource archive on GitHub"
             >creativecommons/cc-resource-archive</a
           >.
         </li>
@@ -87,6 +90,7 @@ <h3>How to Submit</h3>
             <img
               src="/_assets/images/guide_fork.png"
               alt="guiding image for forking"
+              aria-describedby="forking-guide"
             />
           </figure>
         </li>
@@ -97,6 +101,7 @@ <h3>How to Submit</h3>
             <img
               src="/_assets/images/guide_resourcetemplate.png"
               alt="guiding image for resource template file"
+              aria-describedby="template-guide"
             />
           </figure>
         </li>
@@ -119,6 +124,7 @@ <h3>How to Submit</h3>
             <img
               src="/_assets/images/guide_sections.png"
               alt="guiding image for sections in file"
+              aria-describedby="sections-guide"
             />
           </figure>
         </li>
@@ -144,6 +150,7 @@ <h3>How to Submit</h3>
           <a
             href="https://github.com/creativecommons/cc-resource-archive"
             target="_blank"
+            aria-label="Open a pull request on the CC resource archive repository"
             >creativecommons/cc-resource-archive</a
           >
           repository.
diff --git a/docs/index.html b/docs/index.html
index dd609da9..83072854 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -7,4 +7,4 @@
  Also, The title for this page is Home. On the deployed site, this will look like, Home | Creative Commons Resource Archive -->
 
 <!-- The link to display all the resources. The homepage contains the top 16 resources by default. -->
-<a id="see-all" href="/all">See All Resources</a>
+<a id="see-all" href="/all" aria-label="View all resources">See All Resources</a>

From 1770329754b80d18ec0156574f6a5ef9bce1edfe Mon Sep 17 00:00:00 2001
From: SisiVero <csusan894@gmail.com>
Date: Tue, 15 Oct 2024 00:41:58 -0700
Subject: [PATCH 2/3] aria attributes set within the content area of the
 cc-resource-archive pages.

---
 docs/_includes/footer.html | 20 ++++++--------------
 docs/_includes/header.html | 17 +++++------------
 2 files changed, 11 insertions(+), 26 deletions(-)

diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index 00112560..21670a98 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -1,17 +1,15 @@
 <footer>
   <a class="identity-logo" href="https://www.creativecommons.org"
-  aria-label="Creative Commons Homepage"  
   >Creative Commons</a
   >
 
-  <nav class="footer-menu" aria-label="Footer navigation">
+  <nav class="footer-menu">
     <ul>
       <li>
         <a href="https://creativecommons.org/about/contact">Contact</a>
       </li>
       <li>
-        <a href="https://mail.creativecommons.org/subscribe" target="_blank"
-        aria-label="Subscribe to Creative Commons Newsletter"  
+        <a href="https://mail.creativecommons.org/subscribe" target="_blank"  
         >Newsletter</a
         >
       </li>
@@ -33,7 +31,7 @@ <h2>Contact Us</h2>
     </p>
     <p><a href="tel:+14154296753">+1-415-429-6753</a></p>
 
-    <nav class="social-menu" aria-label="Social media links">
+    <nav class="social-menu">
       <ul>
         <!-- <li><a class="icon-replace fa-instagram" href="#">Instagram</a></li> -->
         <li>
@@ -41,7 +39,6 @@ <h2>Contact Us</h2>
             class="icon-replace fa-twitter"
             href="https://twitter.com/creativecommons"
             target="_blank"
-            aria-label="Follow Creative Commons on Twitter"
             >Twitter</a
           >
         </li>
@@ -50,7 +47,6 @@ <h2>Contact Us</h2>
             class="icon-replace fa-mastodon"
             href="https://mastodon.social/@creativecommons"
             target="_blank"
-            aria-label="Follow Creative Commons on Mastodon"
             >Mastodon</a
           >
         </li>
@@ -59,7 +55,6 @@ <h2>Contact Us</h2>
             class="icon-replace fa-facebook"
             href="https://www.facebook.com/creativecommons"
             target="_blank"
-            aria-label="Follow Creative Commons on Facebook"
             >Facebook</a
           >
         </li>
@@ -68,7 +63,6 @@ <h2>Contact Us</h2>
             class="icon-replace fa-linkedin"
             href="https://www.linkedin.com/company/creative-commons/"
             target="_blank"
-            aria-label="Follow Creative Commons on LinkedIn"
             >LinkedIn</a
           >
         </li>
@@ -95,10 +89,9 @@ <h2>Subscribe to our Newsletter</h2>
         id="mce-EMAIL"
         placeholder="Your email"
         required=""
-        aria-required="true"
       />
       <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
-      <div style="position: absolute; left: -5000px" aria-hidden="true">
+      <div style="position: absolute; left: -5000px">
         <input
           type="text"
           name="b_fd30364b6577b471373d6076c_4603fe102a"
@@ -122,7 +115,6 @@ <h2>Support Our Work</h2>
       class="donate icon-attach cc-heart-filled"
       href="https://www.classy.org/give/313412/#!/donation/checkout?c_src=website&c_src2=top-of-page-banner"
       target="_blank"
-      aria-label="Donate to Creative Commons"
       >Donate Now</a
     >
   </div>
@@ -137,10 +129,10 @@ <h2>Support Our Work</h2>
       <a href="https://fontawesome.com/" target="_blank">Font Awesome</a>.
     </p>
 
-    <svg role="img" aria-label="Creative Commons logo">
+    <svg>
       <use href="/_assets/vocabulary/svg/cc/icons/cc-icons.svg#cc-logo"></use>
     </svg>
-    <svg role="img" aria-label="Creative Commons BY icon">
+    <svg>
       <use href="/_assets/vocabulary/svg/cc/icons/cc-icons.svg#cc-by"></use>
     </svg>
   </div>
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
index 0825bbce..d06ba075 100644
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@@ -1,8 +1,8 @@
 <header>
   <div class="masthead">
-    <h1><a class="identity-logo product" href="/" aria-label="Resource Archive">Resource Archive</a></h1>
+    <h1><a class="identity-logo product" href="/">Resource Archive</a></h1>
 
-    <nav class="ancilliary-menu" role="navigation" aria-label="Main menu">
+    <nav class="ancilliary-menu">
       <ul>
         <!-- uncomment below line, if translation functionality is present on site -->
         <!-- <li><button class="locale icon-attach fa-globe">English</button></li> -->
@@ -13,11 +13,10 @@ <h1><a class="identity-logo product" href="/" aria-label="Resource Archive">Reso
             class="donate icon-attach fa-heart"
             href="https://www.classy.org/give/313412/#!/donation/checkout?c_src=website&c_src2=top-of-page-banner"
             target="_blank"
-            aria-label="Donate to Creative Commons"
             >Donate</a
           >
         </li>
-        <li><button class="explore" aria-label="Explore Creative Commons">Explore CC</button></li>
+        <li><button class="explore">Explore CC</button></li>
       </ul>
     </nav>
   </div>
@@ -25,21 +24,19 @@ <h1><a class="identity-logo product" href="/" aria-label="Resource Archive">Reso
     <!-- (optional main CC logo, p, link on non-home site back to main site) -->
     <aside>
       <a class="identity-logo" href="https://www.creativecommons.org"
-      aria-label="Creative Commons Homepage"
         >Creative Commons</a
       >
       <h2>Our Work Relies On You!</h2>
       <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu" role="navigation" aria-label="Explore menu">
+    <nav class="explore-menu" >
       <ul>
         <li>
           <a
             id="global-header-link"
             href="https://network.creativecommons.org/"
             target="_blank"
-            aria-label="Join the Creative Commons Global Network"
             >Global Network</a
           >
           <p>Join a global community working to strengthen the Commons</p>
@@ -49,7 +46,6 @@ <h2>Our Work Relies On You!</h2>
             id="global-header-link"
             href="https://certificate.creativecommons.org/"
             target="_blank"
-            aria-label="Creative Commons Certificate Program"
             >Certificate</a
           >
           <p>
@@ -59,20 +55,18 @@ <h2>Our Work Relies On You!</h2>
         </li>
         <li>
           <a href="https://summit.creativecommons.org/" target="_blank"
-          aria-label="Attend the Global Summit"
             >Global Summit</a
           >
           <p>Attend our annual event, promoting the power of open licensing</p>
         </li>
         <li>
           <a href="https://chooser-beta.creativecommons.org/" target="_blank"
-          aria-label="Get help with licenses"
             >Chooser</a
           >
           <p>Get help choosing the appropriate license for your work</p>
         </li>
         <li>
-          <a href="https://search.creativecommons.org/" target="_blank" aria-label="Search for openly licensed material"></a>
+          <a href="https://search.creativecommons.org/" target="_blank"></a>
           <p>
             Find engines to search openly licensed material for creative and
             educational reuse
@@ -80,7 +74,6 @@ <h2>Our Work Relies On You!</h2>
         </li>
         <li>
           <a href="https://opensource.creativecommons.org/" target="_blank"
-          aria-label="Learn about Open Source"
             >Open Source</a
           >
           <p>Help us build products that maximize creativity and innovation</p>

From bc2156a8cbbebf643b549ed9c2d4a7bd073fe02f Mon Sep 17 00:00:00 2001
From: SisiVero <csusan894@gmail.com>
Date: Tue, 15 Oct 2024 00:45:55 -0700
Subject: [PATCH 3/3] aria and added space removed from footer and header

---
 docs/_includes/footer.html | 4 ++--
 docs/_includes/header.html | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/_includes/footer.html b/docs/_includes/footer.html
index 21670a98..cd322a84 100644
--- a/docs/_includes/footer.html
+++ b/docs/_includes/footer.html
@@ -1,6 +1,6 @@
 <footer>
   <a class="identity-logo" href="https://www.creativecommons.org"
-  >Creative Commons</a
+   >Creative Commons</a
   >
 
   <nav class="footer-menu">
@@ -10,7 +10,7 @@
       </li>
       <li>
         <a href="https://mail.creativecommons.org/subscribe" target="_blank"  
-        >Newsletter</a
+         >Newsletter</a
         >
       </li>
       <li><a href="https://creativecommons.org/privacy">Privacy</a></li>
diff --git a/docs/_includes/header.html b/docs/_includes/header.html
index d06ba075..1c5e4015 100644
--- a/docs/_includes/header.html
+++ b/docs/_includes/header.html
@@ -30,7 +30,7 @@ <h2>Our Work Relies On You!</h2>
       <p>Help us keep the internet free and open.</p>
     </aside>
 
-    <nav class="explore-menu" >
+    <nav class="explore-menu">
       <ul>
         <li>
           <a