[DE-830] Add accessibility review guide for web interfaces

redirects.yaml

@@ -11,6 +11,7 @@
 /docs/base/separators: /docs/patterns/rule
 /docs/base/paper: /docs/base/themes
 /contribute: /docs/contribute
+/accessibility: /docs/accessibility
 
 # redirects based on class names
 /docs/patterns/code-snippet: /docs/base/code

side-navigation.yaml

@@ -243,6 +243,8 @@
 - heading: Resources
   ordering: alphabetical
   subheadings:
+    - title: Accessibility
+      url: /docs/accessibility
     - title: Component examples
       url: /docs/examples
     - title: Release notes for {version}

templates/_layouts/_header.html

@@ -26,7 +26,7 @@
   <ul class="p-navigation__items">
     <li class="p-navigation__item {% if (path.startswith('/docs') or path.startswith('/design')) and not path.startswith('/docs/examples') %}is-selected{% endif %}"><a class="p-navigation__link" href="/docs">Docs</a></li>
     <li class="p-navigation__item {% if '/docs/examples' in path %}is-selected{% endif %}"><a class="p-navigation__link" href="/docs/examples">Examples</a></li>
-    <li class="p-navigation__item{% if path == '/accessibility' %} is-selected{% endif %}"><a class="p-navigation__link" href="/accessibility">Accessibility</a></li>
+    <li class="p-navigation__item{% if path == '/accessibility' %} is-selected{% endif %}"><a class="p-navigation__link" href="/docs/accessibility">Accessibility</a></li>
     <li class="p-navigation__item{% if path == '/browser-support' %} is-selected{% endif %}"><a class="p-navigation__link" href="/browser-support">Browser support</a></li>
     <li class="p-navigation__item{% if path == '/contribute' %} is-selected{% endif %}"><a class="p-navigation__link" href="/contribute">Contribute</a></li>
   </ul>

templates/_layouts/docs.html

@@ -135,5 +135,6 @@ <h4 class="p-table-of-contents__header">On this page:</h4>
     <script defer src="{{ versioned_static('build/js/modules/beautify-html.js') }}"></script>
     <script defer src="{{ versioned_static('build/js/modules/beautify-css.js') }}"></script>
     <script defer src="{{ versioned_static('js/prism.min.js') }}"></script>
+    <script type="module" src="{{ versioned_static('js/tabs.js') }}"></script>
     <script defer src="{{ versioned_static('js/example.js') }}"></script>
 {% endblock %}