You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/style-guide.md
+10-13Lines changed: 10 additions & 13 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -15,7 +15,7 @@ First published: 18 December 2024
15
15
</p>
16
16
17
17
<pclass="govuk-!-margin-bottom-0">
18
-
Last updated: 7 January 2026
18
+
Last updated: 15 January 2026
19
19
</p>
20
20
21
21
<pclass="govuk-!-margin-bottom-6">
@@ -154,27 +154,24 @@ The initialism is likely to be familiar to NDelius users without needing to be s
154
154
155
155
### dates
156
156
157
-
Follow the [style for writing dates in full on GOV.UK](https://www.gov.uk/guidance/style-guide/a-to-z#dates) where possible. For example, 14 January 2025. This makes the date clear and accessible.
157
+
Follow the [GOV.UK style for writing dates in full](https://www.gov.uk/guidance/style-guide/a-to-z#dates) where possible. For example, 14 January 2025. This makes the date clear and accessible.
158
158
159
-
There's evidence that truncating dates can cause accessibility issues. If you need to do so, for example when short of space, abbreviate months as follows: Jan, Feb, Mar, Apr, May, June, July, Aug, Sept, Oct, Nov, Dec. This approach follows [Office for National Statistics (ONS) style on dates](https://service-manual.ons.gov.uk/content/content-types/datasets#dates-months-and-quarters).
159
+
It can be helpful to include the day of the week in an appointment or deadline. When including the day, place it before the rest of the date, for example, Thursday 14 January 2025.
160
160
161
-
You can also abbreviate dates using D/MM/YYYY, for example 30/9/2024, when they're repeated regularly in a long list or table. Do not use a leading zero - use 1/1/2025 instead of 01/01/2025.
161
+
There’s evidence that truncating dates can cause accessibility issues. Avoid this unless you are short of space, for example in a case list or timetable. Abbreviate months as: Jan, Feb, Mar, Apr, May, June, July, Aug, Sept, Oct, Nov, Dec. This follows [Office for National Statistics (ONS) style on dates](https://service-manual.ons.gov.uk/content/content-types/datasets#dates-months-and-quarters). Abbreviate days as Mon, Tues, Wed, Thur, Fri, Sat, Sun.
162
162
163
-
Do not abbreviate the year.
164
-
165
-
It can be helpful to include the day of the week in an appointment or deadline.
163
+
You can also abbreviate dates using D/MM/YYYY, for example 30/9/2024, when they’re repeated regularly in a long list or table. Do not use a leading zero: use 1/1/2025 instead of 01/01/2025.
166
164
167
-
When including the day of the week, do so before the rest of the date - for example, Thursday 14 January 2025.
168
-
169
-
If users can choose a date range, use 'earliest' and 'latest' in your labels. For example:
165
+
Do not abbreviate the year.
170
166
171
-
'Date from (earliest)'
167
+
If users can choose a date range, use ‘earliest’ and ‘latest’ in your labels. For example:
172
168
173
-
'Date to (latest)'
169
+
- ‘Date from (earliest)’
170
+
- ‘Date to (latest)’
174
171
175
172
This is being used on the DPS prisoner profile alerts and case notes pages in response to user feedback.
176
173
177
-
In an example of how to enter or select a date in the [date input component in the GOV.UK Design System](https://design-system.service.gov.uk/components/date-input/) or the [date picker](https://design-patterns.service.justice.gov.uk/components/date-picker/), follow the style in the respective guidance. For example, 14 5 2024 for date input, 14/5/2024 for a date picker. It's helpful if your example date uses the 13th day of the month or later (14/5/2024 makes it clear that 14 could not be the month).
174
+
In an example of how to enter or select a date in the [GOV.UK date input component](https://design-system.service.gov.uk/components/date-input/) or the [date picker](/components/date-picker/), follow the style in the respective guidance. For example, 14 5 2024 for a date input, 14/5/2024 for a date picker. It’s helpful if your example date uses the 13th day of the month or later (14/5/2024 makes it clear that 14 could not be the month).
0 commit comments