Include service name in page <title>

In pages specific to a service (e.g. dashboard and sub pages) the title
needs to distinguish which service it applies to. This is mainly to give
context to screen reader users who could be managing multiple services.

Implementing this uses template inheritance:

`page_title` includes `per_page_title` includes `service_page_title`

‘GOV.UK Notify’ is inserted into every page title.

Pages that set `service_page_title` get the service name inserted too.
This commit is contained in:
Chris Hill-Scott
2017-02-13 10:45:15 +00:00
parent 72c8c759a5
commit 135ff1ee77
76 changed files with 161 additions and 157 deletions

View File

@@ -1,8 +1,8 @@
{% from "components/banner.html" import banner_wrapper %}
{% extends "withoutnav_template.html" %}
{% block page_title %}
Information security guidelines GOV.UK Notify
{% block per_page_title %}
Information security guidelines
{% endblock %}
{% block maincolumn_content %}
@@ -139,7 +139,7 @@ Information security guidelines GOV.UK Notify
<p>If you need to send someone a file, make the file available within your service, then link to it.</p>
<h3 class="heading-small" id="guideline-name">Include the users name it makes phishing more difficult</h3>
<p>Start your message by addressing the user. For example, Hi Alice Smith, or Dear Bob Jones. Including this extra piece of information makes phishing more difficult.</p>
@@ -152,10 +152,10 @@ Information security guidelines GOV.UK Notify
<p>TLS makes sure that no-one can intercept your emails.</p>
</section>
<section id="examples">
<h2 class="heading-medium">Examples</h2>
<h3 class="heading-small">Example of an appointment reminder</h3>
<p>“Dear Anne Smith, youve got a licence appointment tomorrow at 2:15pm at the Licence Office, 1 Chapel Hill, Heswall, Bournemouth BH1 1AA. To cancel your appointment, visit licensing.service.gov.uk/appointment/12345678/cancel. To change your appointment time, sign in to your account.”</p>
<p>This is a good example because:</p>
@@ -167,8 +167,8 @@ Information security guidelines GOV.UK Notify
<li>users have to sign in to change the appointment time, making it harder for an attacker to know what their appointment time is</li>
<li>the topic is something the user is familiar with</li>
</ul>
<h3 class="heading-small">Example to add a photo to an environmental permit</h3>
<p>“Dear Andrew Jones, to add a location photo to your environmental permit application, visit environmentalpermit.service.gov.uk/12345678/add-photo. If you didnt request this link, please ignore this message.”</p>
<p>This is a good example because:</p>
@@ -180,7 +180,7 @@ Information security guidelines GOV.UK Notify
<li>it shows users what to do if the message doesn't apply to them</li>
</ul>
</section>
<section id="you-can-do-more">
<h2 class="heading-medium">You can do more if you want to</h2>