Evaluate usage of `<span class="sr-only">.</span>`

[stephiescastle]

<span class="sr-only">.</span> is used to introduce a VoiceOver pause when reading labels and subtitles etc.. However, recent testing has shown that in some cases, this isn't necessary. These elements can also introduce more noise in other VoiceOver clients (i.e. Firefox).

Task:

• evaluate all use-cases of <span class="sr-only">.</span> in the codebase, and remove those that are unnecessary when testing with VoiceOver in Safari.