What is Govspeak?
Govspeak is a simplified version of Markdown used on GOV.UK. It’s designed to be as easy-to-read and easy-to-write as possible, using simple punctuation instead of complicated tags and code.
Govspeak was developed by the Government Digital Service with some extra features that we use to format content on GOV.UK.
This guide is for Mainstream publisher Govspeak. View the Govspeak guide for Whitehall publisher.
Acronyms
List these in the following format at the end of the document and all occurrences will be marked up as acronyms:
*[FCDO]: Foreign, Commonwealth and Development Office
This means the full text will appear when users hover over the acronym wherever it occurs on the page.
If you use the acronym in singular and plural in your content, always put the plural one first in the list.
*[PCSOs]: Police Community Support Officers
*[PCSO]: Police Community Support Officer
Addresses
$A
HM Revenue and Customs
Bradford
BD98 1YY
$A
This creates an address box, which looks like this:
HM Revenue and Customs
Bradford
BD98 1YY
Do not use bold for the address title. This is not accessible because it looks like a heading and can be confusing for users of assistive technology. Use heading Markdown above the address Markdown instead if you need to draw attention to the information.
Bold text
**Double asterisks around text** will turn it bold. Use it sparingly.
This is what it looks like:
Double asterisks around text will turn it bold. Use it sparingly.
Bulleted lists
Unordered lists
Create bulleted lists using asterisks, hyphens or plus signs at the start of each line:
* asterisk 1
* asterisk 2
* asterisk 3
- a hyphen
- another hyphen
+ plus signs
+ more plus signs
This is what they look like:
- asterisk 1
- asterisk 2
- asterisk 3
Ordered lists (steps)
We only use numbered lists for describing steps as part of a process. Do this by adding:
s1. Add numbers.
s2. Check numbers.
s3. Love numbers.
This example follows the style guide and looks like:
-
Add numbers.
-
Check numbers.
-
Love numbers.
Steps need an extra line break after the final step (in other words, 2 full blank lines). If you don’t do this, other Markdown directly after them won’t work. If you have a subheading after numbered steps, add a line break after this.
Buttons
Default button
{button}[Continue](https://gov.uk/random){/button}
which looks like this:
Start now button
To turn a button into a ‘Start now’ button, you can add start
to the button tag.
These buttons should only appear once per page, and be used at the start of a transaction.
{button start}[Start now](https://gov.uk/random){/button}
which looks like this:
Cross domain tracking button
You can add a Google Analytics tracking id which will send page views to another domain, this is used to help services understand the start of their users journeys.
{button start cross-domain-tracking:UA-XXXXXX-Y}
[Start now](https://example.com/external-service/start-now)
{/button}
which looks like this:
Callouts
To draw attention to content, you can use callouts. For example, you can put some text in an ‘information callout’ to indicate that it’s something related that’s worth knowing, or does not fit the flow of the content.
Only use the more severe ‘warning callout’ to indicate serious consequences, such as a fine or criminal proceedings.
Information callouts
^This is useful information that's worth knowing.^
This looks like:
This is useful information that’s worth knowing.
Warning callouts
%You will be fined or put in prison if you don't do this thing.%
This looks like:
You will be fined or put in prison if you don’t do this thing.
Example callout
Use the appropriate heading Markdown above the example Markdown if you need to draw attention to the information.
$E
Open the pod bay doors.
$E
This looks like:
Open the pod bay doors.
Contacts
$C
Financial Conduct Authority
<consumer.queries@fca.org.uk>
Telephone: 0800 111 6768
Monday to Friday, 8am to 6pm
Saturday, 9am to 1pm
[Find out about call charges](/call-charges)
$C
Remember to add a call charges link when there are telephone numbers.
This creates a contact box, which looks like this:
Financial Conduct Authority
consumer.queries@fca.org.uk
Telephone: 0800 111 6768
Monday to Friday, 8am to 6pm
Saturday, 9am to 1pm
Find out about call charges
Do not use bold for the contact team name. This is not accessible because it looks like a heading and can be confusing for users of assistive technology. Use heading Markdown above the contact Markdown instead if you need to draw attention to the information.
Download links
Use ‘$D’ to place download links in a box that shows users they’re going to download a file. Always include the file type and size in brackets as part of the link text and title.
$D
[Download 'Jobcentre Plus form for employment' (PDF, 43KB)](http://example.com/example.pdf)
$D
This is what download links look like:
When linking to PDFs, don’t put the trailing slash ‘/’ at the end, as the link won’t work.
This is only used for external download files. If the file is hosted on Whitehall, it should link to the splash page as an internal link.
Headings
You can create heading levels using the hash character (#). The number of hashes shows the heading level.
The top-level headings on a page are automatically formatted as H1, so you don’t need to use this.
##This is an H2 subheading example
###This is an H3 subheading example
This is what they look like:
This is an H2 subheading example
This is an H3 subheading example
Don’t skip heading levels - in other words, don’t jump straight to an H3. Don’t insert an H1 anywhere.
Line breaks
To add a line break (a ‘soft return’, but not a new paragraph), put 2 spaces at the end of a piece of text.
Links
Internal links
Use the end of the URL path (so https://www.gov.uk/tax-disc would be /tax-disc). The link text goes in square brackets, and the slug goes in standard brackets, with no spaces in between:
[Renew your tax disc](/tax-disc).
This looks like:
External links
For external links, you need to include the full URL with http:// or www:
[UK Parliament](http://www.parliament.uk).
This looks like:
Email links
<address@example.com>
This looks like:
Tables
Write your title row using the pipe character (|
) to separate the columns. Below this, add a row of hyphens for each column separated by the |
character. Use the |
character to separate items in each row. Use a hash (#
) character before the row title if the table has more than 2 columns.
Test type | Weekday | Evening, weekend and bank holiday
-|-
# Theory test | 31 | 31
# Abridged theory | 24 | 24
# Practical test | 62 | 75
This is what that table looks like on GOV.UK:
Test type | Weekday | Evening, weekend and bank holiday |
---|---|---|
Theory test | 31 | 31 |
Abridged theory | 24 | 24 |
Practical test | 62 | 75 |
Tables with 2 columns do not usually need headings in the first column. This is because there is less to scroll so the content will be clear enough without headings to explain the content.
| Item | Cost |
|-----|-----|
| Bread | 75p |
| Milk | 99p |
This is what that table looks like on GOV.UK:
Item | Cost |
---|---|
Bread | 75p |
Milk | 99p |
Markdown we no longer use
Answer summaries
We no longer add this Markdown to any new content. (You may still come across it in the ‘quick answer’ format.)
$! This is an answer summary. $!
If you see this Markdown, you can delete it.