Changes for page Ampersands

Last modified by Lizzie Bruce on 2020/01/12 00:03
From version Icon 1.11 Icon
edited by Lizzie Bruce
on 2019/03/15 21:24
Change comment: There is no comment for this version
To version Icon 2.1
edited by Lizzie Bruce
on 2020/01/12 00:03
Change comment: on page redirect

Summary

Details

Icon Page properties
Content
... ... @@ -1,63 +1,1 @@
1 -(% class="box" %)
2 -(((
3 -Following this helps:
4 -
5 -* **people with low English fluency** – you're more likely to know the word "and" than a symbol
6 -* **cognitive impairments** – spelled out words take less mental effort to understand
7 -* **visual impairments** – text to speech users might experience a glitch with poorly coded ampersands
8 -)))
9 -
10 -
11 -== Guidance ==
12 -
13 -Some screen reading, text to speech applications need the ampersand sign to be coded in a different way in HTML. You may not have control over that.
14 -
15 -The symbol can be a distractor, as it's taller than letters and an unusual shape.
16 -
17 -Some users will not understand what it means.
18 -
19 -
20 -[[1. Use "and" not the ampersand sign "&">>doc:||anchor="#1"]]
21 -
22 -[[Usability evidence>>doc:||anchor="#UEAMP"]]
23 -
24 -
25 -----
26 -
27 -== {{id name="#1"/}}1. Use "and" not the ampersand sign "&" ==
28 -
29 -Always, except for:
30 -
31 -* academic references: Brown, G & Smith, P, 2005
32 -* company name as it appears on the Companies House register
33 -* descriptions of logo images, for example "M&S logo"
34 -
35 -==
36 -{{id name="#UEAMP"/}}Usability evidence ==
37 -
38 -[[GOV.UK Style Guide A to Z>>url:https://www.gov.uk/guidance/style-guide/a-to-z-of-gov-uk-style]] UK Government website
39 -
40 -[["What is preferred to use in alt text “&” or “&” for screenreader users?">>url:https://stackoverflow.com/questions/2598856/what-is-prefered-to-use-in-alt-text-or-amp-for-screenreader-users]], 2010
41 -
42 -[['What Character Was Removed From The Alphabet?'>>url:https://www.dictionary.com/e/ampersand/]] 2011
43 -
44 -[['Why Don’t Screen Readers Always Read What’s on the Screen? Part 1: Punctuation and Typographic Symbols'>>url:https://www.deque.com/blog/dont-screen-readers-read-whats-screen-part-1-punctuation-typographic-symbols/]], 2014
45 -
46 -[[Etymonline entry on ampersand>>url:https://www.etymonline.com/word/ampersand]], 2017
47 -
48 -[['Punctuation & Grammar: Bridging the Gap Between UX and Copywriting'>>url:https://sympli.io/blog/2017/06/14/punctuation-grammar-bridging-the-gap-between-ux-and-copywriting/]] 2017
49 -
50 -[['Analyzing the Ampersand: When to use “and” versus “&” in UX writing.'>>url:https://medium.com/bpxl-craft/analyzing-the-ampersand-d0dc0daf81f3]] 2018
51 -
52 -[[Ampersands>>url:http://www.oed.com/view/Entry/6610#eid5001959]], Oxford English Dictionary. Needs subscription
53 -\\
54 -
55 -(% class="box" %)
56 -(((
57 -See also:
58 -\\[[Capital letters>>doc:Punctuation and abbreviating.Capitals.WebHome]]
59 -
60 -[[Links>>doc:User centred design.Links.WebHome]]
61 -
62 -[[Headings and titles>>doc:User centred design.Page titles and headings.WebHome]]
63 -)))
1 +Please go to [[readabilityguidelines.co.uk/grammar-points/ampersands>>url:https://readabilityguidelines.co.uk/grammar-points/ampersands/]].