inventree/inventree-website
2
0
Fork 0
mirror of https://github.com/inventree/inventree-website.git synced 2025-06-13 02:25:31 +00:00
Code Activity

Accessibility improvements (#53)

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

4
_includes/block/features.html
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>

4
_includes/block/functions.html
View File

@ -11,7 +11,7 @@
{% if include.data.title %}<h1 class="header-text title-font mb-4 cm-gray-1">{{ include.data.title }}</h1>{% endif %}
{% if include.data.text %}<p class="lg:w-2/3 mx-auto leading-relaxed text-base">{{ include.data.text }}</p>{% endif %}
{% if include.data.link and include.no_link != true %}
<a class="text-secondary inline-flex items-center justify-center" href="{% include fnc/link.html item=include.data.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 justify-center color-link" href="{% include fnc/link.html item=include.data.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>
{% endif %}
@ -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 color-link" 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>
{% endfor %}