-
Notifications
You must be signed in to change notification settings - Fork 5
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Links - external and internal (content) #182
Comments
Some websites do an icon but GDS removed theirs: https://designnotes.blog.gov.uk/2016/11/28/removing-the-external-link-icon-from-gov-uk/. We already have some info in the service manual: About writing good links in the content style guide: https://service-manual.nhs.uk/content/links Also on the same page, about not opening new windows/tabs, with 2 exceptions. About writing good links and form control names - in the accessibility guidance: https://service-manual.nhs.uk/accessibility/content#write-good-link-and-form-control-names |
Link text content in external links is being discussed at November 2019 Style Council meeting. Which bits should go in the link? How do we let people know they are going to an external website? Some examples: “Your Mind Plan on the Every Mind Matters website sends personalised tips and advice to your email inbox.” 'Read about the risk factors for other types of eye cancer on the Cancer Research UK website.' 'Macmillan Cancer Support has more information about oropharyngeal cancer.' |
Re title attributes:They can be used to supplement link text: https://www.w3.org/TR/WCAG20-TECHS/H33.html. Would we ever use them for additional info to clarify/further describe the link? W3C warns against using title attribute in this way because not all tech supports it, and says that anything a user must know before following the link (e.g. a warning) should be in the link text anyway. (If I read this correctly.) |
Discussed at the November content style council. However, we agreed that more research is needed into a number of topics, including:
|
We've also been asked for guidance on whether or not to include brackets in links. Looking at the W3C page on links, they don't include the bracket in the link. https://www.w3.org/TR/REC-html40/struct/links.html. |
There's some interesting stuff coming out of the NHS.UK information architecture work. @bencullimore, when you have more clarity on this, would you be able to make a recommendation please? |
WhatThe NHS website links out to a number of partner organisations/charities/Government website who specialist, in-depth content and services - as it makes sense to link out to information from a specialist rather than duplicating content on our website. WhyIn user testing, a number of teams on the website have noted users clicking links to an external website and not realising its an external website (different from NHS.UK). This has resulted in:
Based on these observed problems, the Information architecture team have been testing and validating pattern that
(examples taken from https://www.nhs.uk/conditions/coronavirus-covid-19/) User researchWe specifically tested this pattern at our lab in London on the 11th February. We tested with 6 people, 5 of whom had different access needs. Lab 4 analysis headline: Our external link text and styling is working (people know they’re external links.
Following lab 4, we included the pattern in our prototypes and noted users who interacted with them Lab 5 We've since employed our external linking strategy on our Coronavirus pages https://www.nhs.uk/conditions/coronavirus-covid-19/ and from the looks of our analytics, there's a good spread of users getting through the hub pages to various content pages. This could indicate that the external links aren't distracting users from finding information on our website. But we're also seeing clicks to external links, especially on the top - level 1 hub page. This could suggest that users who require a specific piece of information on an external website - are able to find it. |
There is also an issue about wording links that open in new page. I'm closing that ticket and copying the comments from it into this ticket so that we have everything in one place. Generally, guidance is to say "opens in a new window" in link text for a link that opens on a new page. During work for the new NHS.UK survey banner, two issues were found with this:
We believe "(opens new page)" is a better option, as it is short and covers both tab and window browsing. At the January 2020 Style Council meeting, we agreed to change the wording in the service manual to: This proposed revision is shorter, meaning it will not push the link over to 2 lines on phones. It also covers both tab and window browsing. We agreed that it would be good to test this with users but were happy with the change for now. However, since the meeting, some colleagues in other professions have questioned this and suggested that we keep the standard wording “Opens in a new window”. It’s been suggested that we try to arrange some testing of "page", “tabs” and “windows”. So we've put implementing this as a content style issue on hold. Also at the February Style Council meeting, someone questioned whether we should says "Include all of this in the link text" as we do in the service manual currently. |
There is now some guidance on links in the NHS.UK 2i process documentation as follows. We need to make sure that what's in the content style guide and the 2i processes are aligned.
|
I was on the lab that @bencullimore mentions and our ideas worked well for external links grouped together as inset text at the end of a section. That location allows for clarity on the external organisation's name and the root domain. Inline links can have a trickier context though, as they have to flow within a sentence. It would be great if we could consider how best to present external links in them, especially when the inclusion could be long. Some bulleted inline links only contain 1 word, so it's tricky to add too much to the link text. The list would look inconsistent and unwieldy if the other links were internal and hence needed nothing added to them. It could distract users' focus. We know too that users trust the NHS, but we also know that for some people that means they don’t realise they’ve left the NHS website and some that do realise can struggle to return to it. 'External website' in link text lacks direct meaning, this is why 'saying what you mean' led to the inset text hypothesis tested above, But how to convey 'external website' meaningfully in an inline link can be tricky. For example, the 'Treatments not recommended' section at the end of https://www.nhs.uk/conditions/back-pain/treatment/ contains a bulleted list including 3 links. The first link 'traction' goes to content on the website of the NHS South Tees Hospitals NHS Foundation Trust. That's a lot to fit into link text. 'Traction (external link)' works, as would 'Traction (opens new page)', but they're not as transparent as the inset text example, with its overt inclusion of the organisation's full name and root domain, both of which duly tested to be blatant signposting. Do we have ideas for how best to be equally direct and meaningful to benefit users when offering short inline links? |
Thanks @SiRose. I wonder if Alistair Duggin would have any suggestions for this? Alternatively, I wonder if anyone on the GOV.UK Slack can advise? Would you be interested in checking it out? If not, let me know and I'll follow it up or see if anyone else can. |
Observations from interviews on June 3rd and 4th (6 interviews) Tested two pages of Covid-19 vaccine information. One page included this section Participant 4 made the following comments
All of the participants exhibited skim reading of pages and looking to headers, bullet points, recognised names of vaccines etc to guide them to sections of relevance to them. We are potentially going to do more testing on these links, which could include moving the GOV links to a new section (rather than More information), so we will look to see if we get similar comments, regardless of the move. |
For info, GOV.UK's guidance on links. (It doesn't include examples of external links.) |
An example: Plus a few notes from a conversation @SiRose and I had.
|
Hello, while looking at implementing some external links in an NHS project, I noticed that the service manual suggests the wording "opens in a new window" while GOV.UK suggests the wording "opens in a new tab" as this is more consistent with modern browser behaviour. I wondered if the NHS service manual and GOV.UK should be aligned. The service manual also may benefit from mentioning the use of Thanks! References: |
A small team of content designers have been drafting some guidance on the basis of above comments and desk research. Initial draft guidance in Google doc. We shared the draft guidance with colleagues at December 2021 Content Style Council meeting. No agreement yet. More work needed. Main headings in draft guidance taken to Style Council:
More detail in notes from December Style Council meeting. |
Some UR findings about email links (Publishing Platform): Email address could be bolder or on a separate line / was looking for a link” P1 “I would copy and paste it but it would be easier to just click on a link” P2 Observed that they wouldn’t copy it all but missed the ‘N’ out or included the full stop so the email didn't work. "Email is difficult to read, dots and commas, no blue link to see, need copy and paste into an email” P3 |
We've had a request to make our link text examples more inclusive by using "Find out more", rather than "Read more" or "See". For next Style Council meeting. |
At July 2024 Style Council meeting agreed to update the content guide to say:
Now with our clinical team for approval before publishing. |
To be published 19 September. Approved by clinical team. |
What
Guidance on writing good external and internal links. (This GitHub issue is now rather dated. The current NHS.UK position is as follows.)
External links
One of the questions which crops up regularly is how to let users know you're taking them to an external website.
We haven’t seen any need for icons to identify external links. GOV removed their external link icon several years ago (GOV blog post). An image or icon won't tell people which site they're going to.
We recommend making it clear where a link will take people to in the link text. So usually that means that the link text should reflect the title of the page it’s taking people to and also include the name of the organisation.
People do this in different ways, for example:
(No need for the word website.)
Internal links
Follow the service manual accessibility guidance on Writing good links and form control names.
The text was updated successfully, but these errors were encountered: