Icons lack alt text

[denyspoltorak]

Nu Html Checker shows lots of errors:
An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.
<img src=/icons/chevron-right.svg class=book-icon>

I've fixed that by adding alt="+" to the chevron code of menu-filetree.html, but the issue may happen with the book logo and translations, thus it may be better to fix in the icon partial, if you thick that the issue is serious.

[alex-shpak]

Hello!
I pushed a set of changes regarding accessibility, it includes translatable alts everywhere
6baf098

[denyspoltorak]

Thank you!
I'll have to cherry-pick it later.

[denyspoltorak]

Hello!
There is another issue reported by PageSpeed Insights for landing pages, including the one of the latest Hugo Book demo:

Form elements do not have associated labels
Labels ensure that form controls are announced properly by assistive technologies, like screen readers. Learn more about form element labels.
Failing Elements:

• body.book-kind-home > input#menu-control <input type="checkbox" class="hidden toggle" id="menu-control">
• body.book-kind-home > input#toc-control <input type="checkbox" class="hidden toggle" id="toc-control">

[denyspoltorak]

Seems to be fixed by wrapping the inputs and label in baseof.html with {{if ne .Layout "landing"}} and {{end}}

[alex-shpak]

I don't think it should be a problem, those are virtual triggers to show/hide menu and ToC in mobile view, and they made to be invisible and transparent, so screen readers should not stumble on them.

[denyspoltorak]

That still may affect page rank