Adding and updating links in the WYSIWYG Editor and complying with WCAG Standards.
When working on pages and other elements that use the WYSIWYG Editor you will want to be able to include links to other information either internally or externally.
You also need to ensure that how you add the links comply with the latest WCAG Standards.
In this section we will show you how to do just that.
General Guidance
- Underlines are no longer required for links
- All links must user proper language.
- Should be in proper case. Only Buttons should be in all Caps.
Good
|
Bad
|
Internal Links
Internal links are for content that exists either as a Page, News Article or Team Page. This means that any forms or media items need to be embedded on a page for you to be able to link to them.
- Add the proper text you wish to use for the link.
- Highlight all the text you have used
- Select the link icon from the tool bar.
You will be presented with this pop-up - From the 'Select internal resource' dropdown you can choose from a Page, News Article or Team Page.
- Next choose the 'Target' Tab and select 'Same Window' from the drop down
- Click Ok
You now have created the link and you will need to review the content on site to check it works.
External Links
These are used when you are linking to content that is on an external site.
- Add the proper text you wish to use for the link.
- Highlight all the text you have used
- Select the link icon from the tool bar.
You will be presented with this pop-up - You will need to paste the link from the external page into the URL field.
- Next choose the 'Target' Tab and select 'New Window' from the drop down
- Next choose the 'Advanced' Tab.
- In the 'Advisory Title' field add the name of the site followed by: (Opens in a new window). This is done to provide assistive technology an interpretation to offer.
- In the 'Relationship' field add: nofollow noreferrer noopener. This is done to promote assistive technology can promote this as a safe link.
You now have created the link and you will need to review the content on site to check it works.
Further reading
- Accessibility and how you may be breaking the law - NHS digital service manual (service-manual.nhs.uk)
- What all NHS services need to do about accessibility - NHS digital service manual (service-manual.nhs.uk)
- Content - NHS digital service manual (service-manual.nhs.uk)
- Content Design - NHS digital service manual (service-manual.nhs.uk)