diff --git a/docs/index.html b/docs/index.html
index 00a5d53..dffedc5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -937,6 +937,29 @@ <h2>Title</h2>
 </pre>
 
 
+<h3 id="scroll-to-top">Scroll to Top - Block</h3><a class="permalink" href="#scroll-to-top">permalink</a>
+
+<h4>Expected Contexts</h3>
+<ul>
+<li>The 
+  <span class="distinct">Scroll to top</span> element appears just before the opening 
+  <span class="distinct">Footer</span> tag and immediately after the closing 
+  <span class="distinct">Main</span> tag, and appears only once per page, on all page levels.
+</li>
+
+</ul>
+
+<pre>
+<code class="lang-html">
+
+  <aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+  </aside>
+
+</code>
+</pre>
+
+
 <h3 id="page-header-region">Page Header - Region</h3><a class="permalink" href="#page-header-region">permalink</a>
 
 <h4>Expected Contexts</h4>
@@ -993,7 +1016,7 @@ <h1>Name</h1>
      </div>
   
   </header>
-
+  
 </code>
 </pre>
 
diff --git a/specimen/contexts/archive-page.html b/specimen/contexts/archive-page.html
index b107116..d0241a6 100644
--- a/specimen/contexts/archive-page.html
+++ b/specimen/contexts/archive-page.html
@@ -241,6 +241,11 @@ <h2><a href="#">Open Access in Practice: A Conversation with President Larry Kra
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/contexts/blog-index.html b/specimen/contexts/blog-index.html
index c1f7335..02da590 100644
--- a/specimen/contexts/blog-index.html
+++ b/specimen/contexts/blog-index.html
@@ -594,6 +594,11 @@ <h2>Images Attribution</h2>
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/contexts/blog-post.html b/specimen/contexts/blog-post.html
index 4ad8f18..8f76dba 100644
--- a/specimen/contexts/blog-post.html
+++ b/specimen/contexts/blog-post.html
@@ -287,6 +287,11 @@ <h3><a href="#">Open Access in Practice: A Conversation with President Larry Kra
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/contexts/default-page.html b/specimen/contexts/default-page.html
index 6eb5ca7..99bbf4c 100644
--- a/specimen/contexts/default-page.html
+++ b/specimen/contexts/default-page.html
@@ -204,6 +204,11 @@ <h3>Steps to launch</h3>
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/contexts/home-index.html b/specimen/contexts/home-index.html
index 125a1b2..e73a245 100644
--- a/specimen/contexts/home-index.html
+++ b/specimen/contexts/home-index.html
@@ -460,6 +460,11 @@ <h2>Images Attribution</h2>
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/contexts/license-page.html b/specimen/contexts/license-page.html
index 9c928e0..d07b8bb 100644
--- a/specimen/contexts/license-page.html
+++ b/specimen/contexts/license-page.html
@@ -107,6 +107,11 @@ <h1>License</h1>
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/contexts/person-page.html b/specimen/contexts/person-page.html
index a889abc..34d8be9 100644
--- a/specimen/contexts/person-page.html
+++ b/specimen/contexts/person-page.html
@@ -203,6 +203,11 @@ <h2><a href="#">Open Access in Practice: A Conversation with President Larry Kra
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/contexts/program-index.html b/specimen/contexts/program-index.html
index 09cf152..4ae1e56 100644
--- a/specimen/contexts/program-index.html
+++ b/specimen/contexts/program-index.html
@@ -207,6 +207,11 @@ <h2><a href="#">Open Access in Practice: A Conversation with President Larry Kra
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/contexts/program-page.html b/specimen/contexts/program-page.html
index 6fa7d1c..d8a834f 100644
--- a/specimen/contexts/program-page.html
+++ b/specimen/contexts/program-page.html
@@ -188,6 +188,11 @@ <h2><a href="#">Open Access in Practice: A Conversation with President Larry Kra
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/contexts/search-index.html b/specimen/contexts/search-index.html
index a8207df..e3bc3a8 100644
--- a/specimen/contexts/search-index.html
+++ b/specimen/contexts/search-index.html
@@ -229,6 +229,11 @@ <h2><a href="#">Open Access in Practice: A Conversation with President Larry Kra
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/contexts/team-index.html b/specimen/contexts/team-index.html
index c7882be..d4038c9 100644
--- a/specimen/contexts/team-index.html
+++ b/specimen/contexts/team-index.html
@@ -159,6 +159,11 @@ <h2>Be a part of our team</h2>
     <a href="#">Check Open Positions</a>
 </article> -->
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/contexts/walkthrough-page.html b/specimen/contexts/walkthrough-page.html
index 0d8ed7b..46df558 100644
--- a/specimen/contexts/walkthrough-page.html
+++ b/specimen/contexts/walkthrough-page.html
@@ -115,6 +115,11 @@ <h1>Walkthrough</h1>
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/index-logo.html b/specimen/index-logo.html
index 8994790..27f8a3b 100644
--- a/specimen/index-logo.html
+++ b/specimen/index-logo.html
@@ -97,6 +97,11 @@ <h1>Index Logo Specimen</h1>
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/product-logo.html b/specimen/product-logo.html
index f340987..127bedc 100644
--- a/specimen/product-logo.html
+++ b/specimen/product-logo.html
@@ -92,6 +92,11 @@ <h1>Product Logo Specimen</h1>
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/tests/grid-sidebar.html b/specimen/tests/grid-sidebar.html
index 85d6e6d..15d2b62 100644
--- a/specimen/tests/grid-sidebar.html
+++ b/specimen/tests/grid-sidebar.html
@@ -133,6 +133,11 @@ <h1>Grid Testing</h1>
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/tests/grid.html b/specimen/tests/grid.html
index cba7077..9dde7ea 100644
--- a/specimen/tests/grid.html
+++ b/specimen/tests/grid.html
@@ -133,6 +133,11 @@ <h1>Grid Testing</h1>
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/specimen/tests/kitchensink.html b/specimen/tests/kitchensink.html
index 983ca18..972ac83 100644
--- a/specimen/tests/kitchensink.html
+++ b/specimen/tests/kitchensink.html
@@ -563,6 +563,11 @@ <h2>Images Attribution</h2>
 
 </main>
 
+<!-- Scroll-to-top element -->
+<aside class="scroll-to-top-wrapper">
+    <a href="#" class="scroll-to-top" aria-label="Scroll to top" tabindex="0"></a>
+</aside>
+
 <footer>
     <a class="identity-logo" href="#">Creative Commons</a>
 
diff --git a/src/css/vocabulary.css b/src/css/vocabulary.css
index ffb0c59..ffe18bd 100644
--- a/src/css/vocabulary.css
+++ b/src/css/vocabulary.css
@@ -46,6 +46,7 @@ body {
     display: grid;
     grid-template-columns: 5% 3% 6% 6% 15% 30% 15% 6% 6% 3% 5%;
     overflow-x: hidden;
+    position: relative;
 
     font-weight: 400;
     -moz-osx-font-smoothing: grayscale;
@@ -1795,6 +1796,53 @@ body > footer .license svg {
 
 /* program-page context */
 
+/* scroll to top element */
+
+.scroll-to-top-wrapper {
+    position: absolute;
+    left: 0;
+    bottom: 470px;
+    display: grid;
+    grid-template-columns: inherit;
+    width: 100%;
+    height: calc(100% - 220vh); /* to account for the top offset */
+    pointer-events: none;
+    backface-visibility: hidden;
+    overflow: clip;
+}
+
+.scroll-to-top {
+    position: sticky;
+    top: 88vh;
+    grid-column: 10 / span 1;
+    width: 2.5em;
+    height: 2.5em;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    pointer-events: all;
+    margin-bottom: 10px;
+
+    border-radius: 50%;
+    text-decoration: none; 
+    background-color: var(--vocabulary-neutral-color-lighter-gray);
+
+}
+
+.scroll-to-top:before {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+    content: var(--fa-angle-up);
+}
+
+.scroll-to-top:hover {
+    background-color: var(--vocabulary-brand-color-tomato);
+}
+
+.scroll-to-top:focus {
+    outline: 2px solid var(--vocabulary-brand-color-dark-tomato)
+}
 
 /* responsive contexts */
 
@@ -1830,7 +1878,11 @@ body > footer .license svg {
         display: flex;
         flex-wrap: wrap;
     }
-
+  
+    .scroll-to-top{
+        display: none;
+    }
+  
     main article.posts.related ul {
         grid-template-columns: 1fr 1fr;
     }
@@ -1911,7 +1963,6 @@ body > footer .license svg {
     .search-index .search-form form button {
         width: 20%;
     }
-
 }
 
 @media (max-width: 680px) {