From f149e61244db5e8ebc34c40c7208c56a729a1270 Mon Sep 17 00:00:00 2001 From: Matthias Mair Date: Thu, 10 Nov 2022 22:29:41 +0100 Subject: [PATCH] Accessibility improvements (#53) * add alt tags to lear more * make logo section better screenreadable * enhance contrast on footer * add alt text to back button * switch colors -> maybe better contrast on links? * make link text better readable * switch color back * and another try * Revert "and another try" This reverts commit cb58c92c51877ce07771cb1a95ffb8d5e460beee. --- _includes/base/footer.html | 14 +++++++------- _includes/block/features.html | 4 ++-- _includes/block/functions.html | 4 ++-- _layouts/collection/collection_base.html | 2 +- assets/index.css | 4 ++++ tailwind.config.js | 8 ++++---- 6 files changed, 20 insertions(+), 16 deletions(-) diff --git a/_includes/base/footer.html b/_includes/base/footer.html index ed416178..41a81eec 100644 --- a/_includes/base/footer.html +++ b/_includes/base/footer.html @@ -27,16 +27,16 @@
-

© 2021-now {{ site.title }} by@inventree— website made with ♥ by@matmair

+

© 2021-now {{ site.title }} by@inventree— website made with ♥ by@matmair

- - + + GitHub logo - - + + Reddit logo - - + + Twitter logo
diff --git a/_includes/block/features.html b/_includes/block/features.html index 554a528a..79afd217 100644 --- a/_includes/block/features.html +++ b/_includes/block/features.html @@ -7,7 +7,7 @@

{{ include.data.title }}

{% if include.link %} {% assign link=include.data.link|default:include.link %} - + Arrow pointing right {% endif %}
@@ -25,7 +25,7 @@ {% if include.extend and item.extend %}

{{ item.extend }}{% endif %}

{% if item.link %} - Learn More + Learn More Arrow pointing right {% endif %} diff --git a/_includes/block/functions.html b/_includes/block/functions.html index 4cc26d2d..aa53da3b 100644 --- a/_includes/block/functions.html +++ b/_includes/block/functions.html @@ -11,7 +11,7 @@ {% if include.data.title %}

{{ include.data.title }}

{% endif %} {% if include.data.text %}

{{ include.data.text }}

{% endif %} {% if include.data.link and include.no_link != true %} - Learn More + Learn More Arrow pointing right {% endif %} {% endif %} @@ -25,7 +25,7 @@ {% if include.extend and item.extend %}

{{ item.extend }}{% endif %}

{% if item.link %} - Learn More + Learn More Arrow pointing right {% endif %} {% endfor %} diff --git a/_layouts/collection/collection_base.html b/_layouts/collection/collection_base.html index bf6247db..4cc6a965 100644 --- a/_layouts/collection/collection_base.html +++ b/_layouts/collection/collection_base.html @@ -5,7 +5,7 @@ layout: default
{% if page.backLink or page.backLink == nil %} - + go back Back {% endif %} diff --git a/assets/index.css b/assets/index.css index 16e6941e..73ef3507 100644 --- a/assets/index.css +++ b/assets/index.css @@ -59,6 +59,10 @@ layout: empty visibility: hidden; } + .color-link { + @apply text-secondary + } + .badge { @apply py-1 px-2.5 rounded-full } diff --git a/tailwind.config.js b/tailwind.config.js index b51784a3..7176d582 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -4,13 +4,13 @@ module.exports = { purge: { enabled: true, content: ['./**/*.html'], - }, + }, darkMode: 'media', theme: { extend: { colors: { - 'primary':'#90A8D8', - 'secondary':'#DDBC91', + 'primary': '#90A8D8', + 'secondary': '#DDBC91', }, screens: { 'xs': '470px', @@ -21,4 +21,4 @@ module.exports = { plugins: [ require('@tailwindcss/typography'), ], -} +} \ No newline at end of file