inventree/inventree-website
2
0
Fork 0
mirror of https://github.com/inventree/inventree-website.git synced 2025-06-12 01:55:37 +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

14
_includes/base/footer.html
View File

@ -27,16 +27,16 @@
<div class="bg-gray-100">
<div class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row">
<p class="cm-gray-3 text-sm text-center sm:text-left">© 2021-now {{ site.title }} by<a href="https://github.com/inventree" rel="noopener" class="cm-gray-2 ml-1" target="_blank">@inventree</a>— website made with &hearts; by<a href="https://github.com/matmair" rel="noopener" class="cm-gray-2 ml-1" target="_blank">@matmair</a></p>
<p class="cm-gray-2 text-sm text-center sm:text-left">© 2021-now {{ site.title }} by<a href="https://github.com/inventree" rel="noopener" class="cm-gray-2 ml-1" target="_blank">@inventree</a>— website made with &hearts; by<a href="https://github.com/matmair" rel="noopener" class="cm-gray-2 ml-1" target="_blank">@matmair</a></p>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-2 justify-center sm:justify-start">
<a href="https://github.com/inventree/inventree" alr="github repo" class="ml-3 cm-gray-3">
<img class="h-5 w-5" src="{{ '/assets/github.svg' | relative_url }}" />
<a href="https://github.com/inventree/inventree" alt="github repo" class="ml-3 cm-gray-3">
<img class="h-5 w-5" alt="GitHub logo" src="{{ '/assets/github.svg' | relative_url }}" />
</a>
<a href="https://reddit.com/r/inventree" alr="Reddit" class="ml-3 cm-gray-3">
<img class="h-5 w-5" src="{{ '/assets/reddit.svg' | relative_url }}" />
<a href="https://reddit.com/r/inventree" alt="Reddit" class="ml-3 cm-gray-3">
<img class="h-5 w-5" alt= "Reddit logo" src="{{ '/assets/reddit.svg' | relative_url }}" />
</a>
<a href="https://twitter.com/inventreedb" alr="Twitter" class="ml-3 cm-gray-3">
<img class="h-5 w-5" src="{{ '/assets/twitter.svg' | relative_url }}" />
<a href="https://twitter.com/inventreedb" alt="Twitter" class="ml-3 cm-gray-3">
<img class="h-5 w-5" alt="Twitter logo" src="{{ '/assets/twitter.svg' | relative_url }}" />
</a>
</span>
</div>