A11y options info onto the A11y page

src/templates/common/elements/a11y/a11y_options.html

@@ -0,0 +1,37 @@
+{% load i18n %}
+<h2>{% trans 'Accessibility Options' %}</h2>
+    <p>
+        {% blocktrans %}
+            The accessibility options may be accessed from the Accessibility Menu <i class="fa fa-universal-access" aria-hidden="true"></i> at the top of each page.
+        {% endblocktrans %}
+    </p>
+
+
+<h3>{% trans 'Text' %}</h3>
+    <p>
+        {% blocktrans %}
+            The Reading Options bar lets you customise how text is displayed. It is available on text-heavy pages
+            and targets large areas of text, such as journal articles, rather than surrounding page elements,
+            so the reading area stays focused.
+        {% endblocktrans %}
+    </p>
+
+<h3>{% trans 'Accessibility Mode' %}</h3>
+    <p>
+        {% blocktrans %}
+            Accessibility Mode is a user-enabled theme built from the ground up to be accessible. The current
+            themes are built on older technologies, and it is not possible to make them fully accessible without
+            substantial changes. It will take time to move all existing presses onto the new accessible theme,
+            so in the short term we are offering Accessibility Mode for any user who needs those features.
+        {% endblocktrans %}
+    </p>
+
+<h3>{% trans 'Preference Storage' %}</h3> 
+    <p>
+        {% blocktrans %}
+            If you are logged in, your preferences for both the Reading Options bar and Accessibility Mode are
+            saved to your account and applied on every visit. If you are not logged in, preferences are stored
+            for your current session and may need to be re-entered if your session expires, you clear cookies,
+            or you switch devices.
+        {% endblocktrans %}
+    </p>

src/templates/common/elements/a11y/janeway.html

@@ -23,7 +23,7 @@ <h2>{% trans 'Janeway' %}</h2>
         {% endblocktrans%} 
     </p>
     <p>
-        {% trans 'Full details of the work done and that planned are in our' %}
+        {% trans 'Full details of the work done and that planned are in the Janeway ' %}
         <a href="https://github.com/orgs/openlibhums/projects/49/views/1?pane=info" target="_blank">
             {% trans 'Accessibility Project.' %}
             {% include "elements/icons/link_external.html" %}

src/templates/common/elements/a11y/vpat.html

@@ -3,8 +3,10 @@
 {% for theme_key, theme_data in vpat_data.items %}
   {% if theme_key == theme %}
 
+    <div lang="en">
     {% include "common/elements/a11y/vpat_table.html" with wcag_level="A" %}
     {% include "common/elements/a11y/vpat_table.html" with wcag_level="AA" %}
+    </div>
 
   {% endif %}
 {% endfor %}

src/themes/OLH/templates/core/a11y.html

@@ -12,9 +12,11 @@
             <div class="{% if page.display_toc %}border-right medium-8 small-12{% else %}medium-12{% endif %} columns">
                 <div id="main_article" class="text-format-region">
                     <h1 id="cms-title">{% trans "Accessibility" %}</h1>
+                    {% include "common/elements/a11y/a11y_options.html" %}
                     {% include "common/elements/a11y/press.html" %}
                     {% include "common/elements/a11y/journal.html" %}
                     {% include "common/elements/a11y/janeway.html" %}
+                    <h3 lang="en">VPAT</h3>
                     {% include "common/elements/a11y/vpat.html" with vpat_data=vpat_data theme="olh" %}
                 </div>
             </div>

src/themes/OLH/templates/press/a11y.html

@@ -13,11 +13,12 @@
                 <div id="main_article" class="text-format-region">
                     <h1 id="cms-title">{% trans "Accessibility" %} </h1>
                     <hr aria-hidden="true" />
+                    {% include "common/elements/a11y/a11y_options.html" %}
                     {% include "common/elements/a11y/press.html" %}
                     {% include "common/elements/a11y/janeway.html" %}
 
                     {% if not other_themes_in_use or other_themes_in_use|length == 1 and 'olh' in other_themes_in_use %}
-                        <h3>VPAT</h3>
+                        <h3 lang="en">VPAT</h3>
                             {% include "common/elements/a11y/vpat.html" with vpat_data=vpat_data theme="olh" %}
                     {% else %}
                         <p>

src/themes/clean/templates/core/a11y.html

@@ -12,9 +12,11 @@
 {% block body %}
 <div class="text-format-region">
 <h1> {% trans "Accessibility" %} </h1>
+    {% include "common/elements/a11y/a11y_options.html" %}
     {% include "common/elements/a11y/press.html" %}
     {% include "common/elements/a11y/journal.html" %}
     {% include "common/elements/a11y/janeway.html" %}
+    <h3 lang="en">VPAT</h3>
     {% include "common/elements/a11y/vpat.html" with vpat_data=vpat_data theme="clean" %}
 </div>
 {% endblock body %}

src/themes/clean/templates/press/a11y.html

@@ -12,11 +12,12 @@
 {% block body %}
 <div class="text-format-region">
 <h1> {% trans "Accessibility" %} </h1>
+    {% include "common/elements/a11y/a11y_options.html" %}
     {% include "common/elements/a11y/press.html" %}
     {% include "common/elements/a11y/janeway.html" %}
 
     {% if not other_themes_in_use or other_themes_in_use|length == 1 and 'clean' in other_themes_in_use %}
-        <h3>VPAT</h3>
+        <h3 lang="en">VPAT</h3>
             {% include "common/elements/a11y/vpat.html" with vpat_data=vpat_data theme="clean" %}
     {% else %}
         <p>

src/themes/material/templates/core/a11y.html

@@ -13,9 +13,11 @@
 {% block body %}
 <div class="text-format-region">
 <h1> {% trans "Accessibility" %} </h1>
+    {% include "common/elements/a11y/a11y_options.html" %}
     {% include "common/elements/a11y/press.html" %}
     {% include "common/elements/a11y/journal.html" %}
     {% include "common/elements/a11y/janeway.html" %}
+    <h3 lang="en">VPAT</h3>
     {% include "common/elements/a11y/vpat.html" with vpat_data=vpat_data theme="material" %}
 </div>
 {% endblock body %}

src/themes/material/templates/press/a11y.html

@@ -13,11 +13,12 @@
 {% block body %}
 <div class="text-format-region">
 <h1> {% trans "Accessibility" %} </h1>
+    {% include "common/elements/a11y/a11y_options.html" %}
     {% include "common/elements/a11y/press.html" %}
     {% include "common/elements/a11y/janeway.html" %}
 
     {% if not other_themes_in_use or other_themes_in_use|length == 1 and 'material' in other_themes_in_use %}
-        <h3>VPAT</h3>
+        <h3 lang="en">VPAT</h3>
             {% include "common/elements/a11y/vpat.html" with vpat_data=vpat_data theme="material" %}
     {% else %}
         <p>