Add context to trial mode link for screen readers

Screen reader users have the option to navigate by jumping between
anchor tags and reading out the content. "Find out more" does not
provide a lot of context about what the link does.

This commit adds some visually hidden text which screen readers will
still read that makes the link work without the visual context.
This commit is contained in:
Chris Hill-Scott
2016-04-23 07:29:17 +01:00
parent 7b540fe10b
commit 116b4f96c8

View File

@@ -7,7 +7,7 @@
Your service is in trial mode
</div>
<div class="column-one-half">
<a href="{{ url_for(".trial_mode") }}" class="banner-mode-action">Find out more</a>
<a href="{{ url_for(".trial_mode") }}" class="banner-mode-action">Find out more<span class="visuallyhidden"> about trial mode</span></a>
</div>
</div>
{% endcall %}