serguzim/reitanlage-oranienburg
1
0
Fork 0
Code Issues Pull requests Actions Releases 17 Wiki Activity

Improve accessability (learned from lighthouse)

Browse source
This commit is contained in:
Tobias Reisinger 2021-08-08 13:51:33 +02:00
parent 7d6bd0882f
commit ad2bed1747
Signed by: serguzim
GPG key ID: 13AD60C237A28DFE
5 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/sass/app.scss
View file

@ -1,4 +1,7 @@
// Bootstrap // Bootstrap
$theme-colors: (
"primary": #2b3bb4,
);
@import '~bootstrap/scss/bootstrap'; @import '~bootstrap/scss/bootstrap';
// FontAwesome // FontAwesome

1
templates/home.html.twig
View file

@ -36,6 +36,7 @@ <h1 class="d-inline">
<hr class="mb-4"> <hr class="mb-4">
{% set news_page = pages.find('/news') %} {% set news_page = pages.find('/news') %}
{% if news_page and news_page.collection() and news_page.collection()|first %} {% if news_page and news_page.collection() and news_page.collection()|first %}
<h2>Letzte Neuigkeit</h2>
{% set text_class = 'col-12' %} {% set text_class = 'col-12' %}
{% set news_latest = news_page.collection()|first %} {% set news_latest = news_page.collection()|first %}
<div class="row"> <div class="row">

4
templates/partials/base.html.twig
View file

@ -47,7 +47,7 @@
{% include 'partials/logo.html.twig' with {style: 'filter: invert(100%); margin-right: 0.5rem;'} %} {% include 'partials/logo.html.twig' with {style: 'filter: invert(100%); margin-right: 0.5rem;'} %}
{% for media_item in header_page.media.images %} {% for media_item in header_page.media.images %}
{% set aspect = media_item.width / media_item.height %} {% set aspect = media_item.width / media_item.height %}
{% set new_height = 100 %} {% set new_height = 160 %}
{% set new_width = new_height * aspect %} {% set new_width = new_height * aspect %}
<img alt="" src="{{ media_item.cropResize(new_width,new_height).quality(75).url }}" /> <img alt="" src="{{ media_item.cropResize(new_width,new_height).quality(75).url }}" />
{% endfor %} {% endfor %}
@ -80,7 +80,7 @@
<p class="mx-auto">&#169; Heike Tischler</p> <p class="mx-auto">&#169; Heike Tischler</p>
</div> </div>
<div class="row"> <div class="row">
<p class="mx-auto">Diese Webseite nutzt <a target="_blank" href="http://getgrav.org">Grav</a> von <a target="_blank" href="http://www.rockettheme.com">RocketTheme</a>.</p> <p class="mx-auto">Diese Webseite nutzt <a target="_blank" rel="noopener" href="http://getgrav.org">Grav</a> von <a target="_blank" rel="noopener" href="http://www.rockettheme.com">RocketTheme</a>.</p>
</div> </div>
</footer> </footer>
{% endblock %} {% endblock %}

9
templates/partials/osm.html.twig
View file

@ -1,11 +1,10 @@
<div class="w-100 h-100 d-flex flex-column"> <div class="w-100 h-100 d-flex flex-column">
<object class="flex-grow-1 w-100" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" data="https://www.openstreetmap.org/export/embed.html?bbox=13.033527382649483%2C52.712566473741454%2C13.342174538411202%2C52.8193422424879&layer=mapnik&marker=52.76598708705365%2C13.18785096053034"></object> <object class="flex-grow-1 w-100" scrolling="no" title="Diese Karte zeigt unseren Hof" role="presentation" data="https://www.openstreetmap.org/export/embed.html?bbox=13.033527382649483%2C52.712566473741454%2C13.342174538411202%2C52.8193422424879&layer=mapnik&marker=52.76598708705365%2C13.18785096053034"></object>
<small> <small class="py-2 row">
<a target="_blank" href="https://www.openstreetmap.org/?mlat=52.76605&mlon=13.18774#map=18/52.76605/13.18774"> <a class="py-2 py-md-0 col-12 col-md-6" target="_blank" rel="noopener" href="https://www.openstreetmap.org/?mlat=52.76605&mlon=13.18774#map=18/52.76605/13.18774">
Auf OpenStreetMaps öffnen Auf OpenStreetMaps öffnen
</a> </a>
<span class="mx-1"> | </span> <a class="py-2 py-md-0 col-12 col-md-6 text-md-right" target="_blank" rel="noopener" href="https://goo.gl/maps/WFYcPCQVA5u2vegy8">
<a target="_blank" href="https://goo.gl/maps/WFYcPCQVA5u2vegy8">
Auf Google Maps öffnen Auf Google Maps öffnen
</a> </a>
</small> </small>

3
templates/partials/socialmedia.html.twig
View file

@ -1,3 +1,4 @@
<a role="button" class="btn btn-facebook" target="_blank" href="https://www.facebook.com/Reitanlage-Oranienburg-Heike-Tischler-456154271116487/"> <a role="button" class="btn btn-primary btn-facebook" target="_blank" rel="noopener" href="https://www.facebook.com/Reitanlage-Oranienburg-Heike-Tischler-456154271116487/">
<i class="fab fa-facebook-f"></i> <i class="fab fa-facebook-f"></i>
<span class="sr-only">zu unserer Facebook-Seite</span>
</a> </a>