[tryton-commits] changeset in www.tryton.org:default Add skip to main content

[Cédric Krier]

changeset f50bccdf3a7a in www.tryton.org:default
details: https://hg.tryton.org/www.tryton.org?cmd=changeset;node=f50bccdf3a7a
description:
        Add skip to main content
diffstat:

 sass/content/_content.scss |  6 ++++++
 templates/layout.html      |  3 ++-
 2 files changed, 8 insertions(+), 1 deletions(-)

diffs (33 lines):

diff -r 625a10c1c0b3 -r f50bccdf3a7a sass/content/_content.scss
--- a/sass/content/_content.scss        Tue Oct 15 21:54:37 2019 +0200
+++ b/sass/content/_content.scss        Wed Oct 16 16:04:28 2019 +0200
@@ -1,3 +1,9 @@
 @import 'section';
 @import 'component';
 @import 'util';
+
+#content {
+  &:focus {
+    outline: none;
+  }
+}
diff -r 625a10c1c0b3 -r f50bccdf3a7a templates/layout.html
--- a/templates/layout.html     Tue Oct 15 21:54:37 2019 +0200
+++ b/templates/layout.html     Wed Oct 16 16:04:28 2019 +0200
@@ -57,6 +57,7 @@
                     <a class="navbar-brand" href="{{ url_for('index') }}">
                         <img class="img-fluid" src="{{ url_for('static', 
filename='images/tryton-black.png') }}" width="110" height="32" alt="Tryton 
Home"/>
                     </a>
+                    <a href="#content" class="sr-only sr-only-focusable">Skip 
to main content</a>
                     <button class="navbar-toggler" type="button" 
data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" 
aria-expanded="false" aria-label="Toggle navigation">
                         <span class="navbar-toggler-icon"></span>
                     </button>
@@ -90,7 +91,7 @@
             {% endblock header %}
         </header>
 
-        <div id="content">
+        <div id="content" tabindex="-1">
             {% block content %}
             {% endblock content %}
         </div>