Wiki source code of Ampersands

Version 1.11 by Lizzie Bruce on 2019/03/15 21:24
Show last authors
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 )))