Skip to content

Instantly share code, notes, and snippets.

@teddyzetterlund

teddyzetterlund/iOS-voiceover-word-split-fix.md

Last active February 1, 2019 09:25
Show Gist options
  • Save teddyzetterlund/1823053c506b984de234adc90e11add8 to your computer and use it in GitHub Desktop.
Save teddyzetterlund/1823053c506b984de234adc90e11add8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
iOS-voiceover-word-split-fix.md

iOS double word VoicerOver fix

  1. Create a temporary folder with a simple index.html file in it
  2. Start a built-in web server with PHP: php -S localhost:8000
  3. Expose your local server to the internet: ssh -R 80:localhost:3000 serveo.net
  4. Go to your generated address (e.g. https://abc.serveo.net) and activate iOS VoiceOver (on your iPhone)

Example index.html file

<!DOCTYPE html>
<html lang="sv">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<p role="text">Värld<span>en</span></p>

With role="text" on the container element, VoiceOver doesn't split it.

References

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment