2
0
mirror of https://github.com/inventree/inventree-website.git synced 2025-06-15 03:25:32 +00:00

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 cb58c92c51.
This commit is contained in:
Matthias Mair
2022-11-10 22:29:41 +01:00
committed by GitHub
parent ef5ccc5fae
commit f149e61244
6 changed files with 20 additions and 16 deletions

View File

@ -7,7 +7,7 @@
<h1 class="header-text title-font mb-2 cm-gray-1">{{ include.data.title }}</h1>
{% if include.link %}
{% assign link=include.data.link|default:include.link %}
<a href="{% include fnc/link.html item=link %}" alt="learn more"><img class="w-4 h-4 ml-2" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
<a href="{% include fnc/link.html item=link %}" alt="learn more" class="color-link"><img class="w-4 h-4 ml-2" alt="Arrow pointing right" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
{% endif %}
</div>
<div class="h-1 w-20 bg-secondary rounded"></div>
@ -25,7 +25,7 @@
{% if include.extend and item.extend %}<br><br>{{ item.extend }}{% endif %}
</p>
{% if item.link %}
<a class="text-secondary inline-flex items-center" href="{% include fnc/link.html item=item.link %}" alt="learn more">Learn More <img class="w-4 h-4 ml-2" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
<a class="text-secondary inline-flex items-center" href="{% include fnc/link.html item=item.link %}" alt="learn more">Learn More <img class="w-4 h-4 ml-2" alt="Arrow pointing right" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
{% endif %}
</div>
</div>