diff --git a/material/partials/footer.html b/material/partials/footer.html
index 3e0479878bc..3001e47f669 100644
--- a/material/partials/footer.html
+++ b/material/partials/footer.html
@@ -7,7 +7,7 @@
     <nav class="md-footer__inner md-grid" aria-label="{{ lang.t('footer.title') }}">
       {% if page.previous_page %}
         {% set direction = lang.t("footer.previous") %}
-        <a href="{{ page.previous_page.url | url }}" class="md-footer__link md-footer__link--prev" aria-label="{{ direction }}: {{ page.previous_page.title }}" rel="prev">
+        <a href="{{ page.previous_page.url | url }}" class="md-footer__link md-footer__link--prev" aria-label="{{ direction }}: {{ page.previous_page.title | e }}" rel="prev">
           <div class="md-footer__button md-icon">
             {% include ".icons/material/arrow-left.svg" %}
           </div>
@@ -23,7 +23,7 @@
       {% endif %}
       {% if page.next_page %}
         {% set direction = lang.t("footer.next") %}
-        <a href="{{ page.next_page.url | url }}" class="md-footer__link md-footer__link--next" aria-label="{{ direction }}: {{ page.next_page.title }}" rel="next">
+        <a href="{{ page.next_page.url | url }}" class="md-footer__link md-footer__link--next" aria-label="{{ direction }}: {{ page.next_page.title | e }}" rel="next">
           <div class="md-footer__title">
             <div class="md-ellipsis">
               <span class="md-footer__direction">
diff --git a/src/partials/footer.html b/src/partials/footer.html
index 7a9722b963d..09e8f9fbb9a 100644
--- a/src/partials/footer.html
+++ b/src/partials/footer.html
@@ -38,7 +38,7 @@
         <a
           href="{{ page.previous_page.url | url }}"
           class="md-footer__link md-footer__link--prev"
-          aria-label="{{ direction }}: {{ page.previous_page.title }}"
+          aria-label="{{ direction }}: {{ page.previous_page.title | e }}"
           rel="prev"
         >
           <div class="md-footer__button md-icon">
@@ -61,7 +61,7 @@
         <a
           href="{{ page.next_page.url | url }}"
           class="md-footer__link md-footer__link--next"
-          aria-label="{{ direction }}: {{ page.next_page.title }}"
+          aria-label="{{ direction }}: {{ page.next_page.title | e }}"
           rel="next"
         >
           <div class="md-footer__title">