Page title - adding additional info
A simple test to determine how screen readers will read spaces within HTML title elements.
Test
Page title | additional info
Page title / additional info
Page title: additional info
Page title; additional info
Page title (additional info)
Page title [additional info]
Code sample
<title>Page title - additional info</title>
<title>Page title | additional info</title>
<title>Page title / additional info</title>
<title>Page title: additional info</title>
<title>Page title; additional info</title>
<title>Page title (additional info)</title>
<title>Page title [additional info]</title>
| OS | Browser | NVDA 2014.4 | JAWS 16 | VoiceOver |
|---|---|---|---|---|
| Windows 7 | IE 11 |
"Page title. Additional info" "Page title. Slash. Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" "Page title. Additional info" "Page title. Additional info" |
"Page title. Vertical bar. Additional info" "Page title. Slash. Additional info" "Page title. Colon. Additional info" "Page title. Semi-colon. Additional info" "Page title. Left parent. Additional info. Right parent" "Page title. Left bracket. Additional info. Right bracket" |
|
| Windows 7 | IE 8 |
"Page title. Additional info" "Page title. Slash. Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" "Page title. Additional info" "Page title. Additional info" |
"Page title. Vertical bar. Additional info" "Page title. Slash. Additional info" "Page title. Colon. Additional info" "Page title. Semi-colon. Additional info" "Page title. Left parent. Additional info. Right parent" "Page title. Left bracket. Additional info. Right bracket" |
|
| Windows 7 | Chrome 39 |
"Page title. Additional info" "Page title. Slash. Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" "Page title. Additional info" "Page title. Additional info" |
"Page title. Vertical bar. Additional info" "Page title. Slash. Additional info" "Page title. Colon. Additional info" "Page title. Semi-colon. Additional info" "Page title. Left parent. Additional info. Right parent" "Page title. Left bracket. Additional info. Right bracket" |
|
| Windows 7 | Firefox 34 |
"Page title. Additional info" "Page title. Slash. Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" "Page title. Additional info" "Page title. Additional info" |
"Page title. Vertical bar. Additional info" "Page title. Slash. Additional info" "Page title. Colon. Additional info" "Page title. Semi-colon. Additional info" "Page title. Left parent. Additional info. Right parent" "Page title. Left bracket. Additional info. Right bracket" |
|
| OSX 10.9 | Chrome 39 |
"Page title. Vertical line. Additional info" "Page title. Slash. Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" |
||
| OSX 10.9 | Firefox 34 |
"Page title. Vertical line. Additional info" "Page title. Slash. Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" |
||
| OSX 10.9 | Safari 7 |
"Page title. Vertical line. Additional info" "Page title. Slash. Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" "Page title. (Pause). Additional info" |