Closed
Description
Feature Description
A little suggestion:
Change from
<img class="ui mini image" width="30" height="30" src="/assets/img/logo.svg" alt="Logo">
to
<img class="ui mini image" width="30" height="30" src="/assets/img/logo.svg" alt="Home Page">
is more pretty nice for understanding, including but not limited to blind.
By the way, If you use SVG format, could consult GitHub code. They use aria-label
property:
<a href="https://github.com/" aria-label="Homepage "><svg></svg></a>
And GitLab use aria-label
and a tooltip with text GitLab home page
:
<a href="/" data-nav="logo" aria-label="Home" class="slp-btn slp-mr-8 slp-btn-icon" ><svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="tanukiHomeDesktop"><title id="tanukiHomeDesktop">GitLab home page</title></svg></a>
But for lightness, aria-label
property is great and enough.
Thanks a lot!
Screenshots
No response