changeset 10cfd4738ecc in www.tryton.org:default
details: https://hg.tryton.org/www.tryton.org?cmd=changeset;node=10cfd4738ecc
description:
Improve accessibility
diffstat:
app.py | 2 +-
sass/_variables.scss | 3 ++-
sass/bootstrap/_override.scss | 1 +
sass/footer/_footer.scss | 4 ++++
sass/header/_header.scss | 4 ++++
templates/index.html | 20 +++++++++++---------
templates/layout.html | 2 +-
7 files changed, 24 insertions(+), 12 deletions(-)
diffs (147 lines):
diff -r 1a95efe498d5 -r 10cfd4738ecc app.py
--- a/app.py Sat Jul 27 13:53:03 2019 +0200
+++ b/app.py Sun Jul 28 10:45:55 2019 +0200
@@ -152,7 +152,7 @@
HEART = ('<span '
- 'class="material-icons" '
+ 'class="material-icons" aria-hidden="true" '
'style="color:#d9534f; font-size: inherit; vertical-align: middle">'
'favorite'
'</span>')
diff -r 1a95efe498d5 -r 10cfd4738ecc sass/_variables.scss
--- a/sass/_variables.scss Sat Jul 27 13:53:03 2019 +0200
+++ b/sass/_variables.scss Sun Jul 28 10:45:55 2019 +0200
@@ -1,5 +1,6 @@
// COLORS
-$tryton-color-primary: #29888c;
+$black: #000;
+$tryton-color-primary: #267f82;
$tryton-color-secondary: #fff;
$tryton-color-success: #32ad52;
$tryton-color-info: #71bdc1;
diff -r 1a95efe498d5 -r 10cfd4738ecc sass/bootstrap/_override.scss
--- a/sass/bootstrap/_override.scss Sat Jul 27 13:53:03 2019 +0200
+++ b/sass/bootstrap/_override.scss Sun Jul 28 10:45:55 2019 +0200
@@ -33,6 +33,7 @@
$nav-link-padding-x: 1rem;
$nav-link-padding-y: 1.5rem;
$navbar-nav-link-padding-x: 1rem;
+$navbar-light-color: rgba($black, .6) !default;
$dropdown-bg: $dark;
$dropdown-link-color: #fff;
$dropdown-spacer: 0;
diff -r 1a95efe498d5 -r 10cfd4738ecc sass/footer/_footer.scss
--- a/sass/footer/_footer.scss Sat Jul 27 13:53:03 2019 +0200
+++ b/sass/footer/_footer.scss Sun Jul 28 10:45:55 2019 +0200
@@ -48,5 +48,9 @@
margin: 0;
padding: 15px 0;
text-transform: uppercase;
+
+ a {
+ color: $tryton-color-gray-light;
+ }
}
}
diff -r 1a95efe498d5 -r 10cfd4738ecc sass/header/_header.scss
--- a/sass/header/_header.scss Sat Jul 27 13:53:03 2019 +0200
+++ b/sass/header/_header.scss Sun Jul 28 10:45:55 2019 +0200
@@ -96,6 +96,10 @@
color: $secondary;
text-decoration: none;
}
+
+ .sr-only {
+ color: $secondary;
+ }
}
}
}
diff -r 1a95efe498d5 -r 10cfd4738ecc templates/index.html
--- a/templates/index.html Sat Jul 27 13:53:03 2019 +0200
+++ b/templates/index.html Sun Jul 28 10:45:55 2019 +0200
@@ -1,8 +1,8 @@
{% set title = "Modularity, scalability & security for your business" %}
{% set description = "TRYTON is business software, ideal for companies of any
size, easy to use, complete and 100% Open Source." %}
{% extends "layout.html" %}
-{% macro slide_img(i, alt) %}
-<img class="d-block w-100 img-fluid" src="{{ url_for('static',
filename='images/slide%i.jpg' % i) }}" sizes="100vw" srcset="{{
url_for('static', filename='images/slide%i.jpg' % i) }} 1920w, {{
url_for('static', filename='images/slide%i-800px.jpg' % i) }} 800w, {{
url_for('static', filename='images/slide%i-400px.jpg' % i) }} 400w" alt="{{ alt
}}">
+{% macro slide_img(i) %}
+<img class="d-block w-100 img-fluid" src="{{ url_for('static',
filename='images/slide%i.jpg' % i) }}" sizes="100vw" srcset="{{
url_for('static', filename='images/slide%i.jpg' % i) }} 1920w, {{
url_for('static', filename='images/slide%i-800px.jpg' % i) }} 800w, {{
url_for('static', filename='images/slide%i-400px.jpg' % i) }} 400w" alt="">
{% endmacro %}
{% block head %}
{{ super() }}
@@ -19,7 +19,7 @@
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
- {{ slide_img(1, "First slide") }}
+ {{ slide_img(1) }}
<div class="carousel-caption">
<div class="container">
<h2>
@@ -33,7 +33,7 @@
</div>
</div>
<div class="carousel-item">
- {{ slide_img(2, "Second Slide") }}
+ {{ slide_img(2) }}
<div class="carousel-caption">
<div class="container">
<h2>
@@ -47,7 +47,7 @@
</div>
</div>
<div class="carousel-item">
- {{ slide_img(3, "Third slide") }}
+ {{ slide_img(3) }}
<div class="carousel-caption">
<div class="container">
<h2>
@@ -61,7 +61,7 @@
</div>
</div>
<div class="carousel-item">
- {{ slide_img(4, "Forth slide") }}
+ {{ slide_img(4) }}
<div class="carousel-caption">
<div class="container">
<h2>
@@ -78,10 +78,12 @@
<div class="carousel-controls">
<div class="container d-flex">
<a href="#carousel-header" role="button" data-slide="prev">
- <
+ <span aria-hidden="true"><</span>
+ <span class="sr-only">Previous</span>
</a>
<a href="#carousel-header" role="button" data-slide="next">
- >
+ <span aria-hidden="true">></span>
+ <span class="sr-only">Next</span>
</a>
</div>
</div>
@@ -260,7 +262,7 @@
<div class="row">
<div class="col-lg-4">
<div class="picto-container">
- <div class="picto bg-dark text-white wow
zoomIn" data-wow-delay=".5s" >
+ <div class="picto bg-dark text-white wow
zoomIn" data-wow-delay=".5s" aria-hidden="true">
<span class="material-icons
md-48">event</span>
</div>
<h3 class="text-white mt-3 mb-3">Events</h3>
diff -r 1a95efe498d5 -r 10cfd4738ecc templates/layout.html
--- a/templates/layout.html Sat Jul 27 13:53:03 2019 +0200
+++ b/templates/layout.html Sun Jul 28 10:45:55 2019 +0200
@@ -82,7 +82,7 @@
<footer id="footer">
{% block footer %}
- <img class="img-fluid wow fadeIn" src="{{ url_for('static',
filename='images/placeholder-large.jpg') }}" sizes="100vw" srcset="{{
url_for('static', filename='images/placeholder-large.jpg') }} 1920w, {{
url_for('static', filename='images/placeholder-large-800px.jpg') }} 800w, {{
url_for('static', filename='images/placeholder-large-400px.jpg') }} 400w"
alt="Placeholder Large"/>
+ <img class="img-fluid wow fadeIn" src="{{ url_for('static',
filename='images/placeholder-large.jpg') }}" sizes="100vw" srcset="{{
url_for('static', filename='images/placeholder-large.jpg') }} 1920w, {{
url_for('static', filename='images/placeholder-large-800px.jpg') }} 800w, {{
url_for('static', filename='images/placeholder-large-400px.jpg') }} 400w"
alt=""/>
<section class="topfooter">
<div class="container">
<div class="row">
