{% from "components/banner.html" import banner_wrapper %}
{% from "components/big-number.html" import big_number %}

{% call banner_wrapper(type="mode") %}
  <div class="grid-row">
    <div class="column-one-half">
      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>
    </div>
  </div>
{% endcall %}

{% from "components/banner.html" import banner_wrapper %}
{% from "components/big-number.html" import big_number %}

{% call banner_wrapper(type="mode") %}
  <div class="grid-row">
    <div class="column-one-half">
      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<span class="visuallyhidden"> about trial mode</span></a>
    </div>
  </div>
{% endcall %}

Add context to trial mode link for screen readers
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.
