Each block below shows a plain (problem) sentence and three markup-only workarounds you can test with VoiceOver. The visible text remains identical — fixes are implemented only in the accessibility layer. I have added additional text in order to trigger the VoiceOver functionality within the Safari browser. If the text on the page is insufficiently long, the VoiceOver tool will not be enabled alongside the reader tool. If I add more text to this page, I hope that the reader tool will be enabled as well as the voice tool .
Yesterday I read the book in one sitting.
aria-label (inline)
Yesterday I read the book in one sitting.
Yesterday I red the book in one sitting.
aria-labelledby
Yesterday I red the book in one sitting.
He gave a minute description of the insect.
He gave a minute description of the insect.
He gave a minute, meaning tiny description of the insect.
He gave a minute (tiny) description of the insect.
The pipes were made of lead.
The pipes were made of lead.
The pipes were made of led.
The pipes were made of led .
Please wind the clock.
Please wind the clock.
Please wind (meaning: turn) the clock.
Please wind, to turn the clock.
A tear rolled down her cheek.
A tear rolled down her cheek.
A tear (teer) rolled down her cheek.
A tear, a drop from the eye rolled down her cheek.
He played the bass guitar.
He played the bass guitar.
He played the bass (instrument) guitar.
He played the bass, the instrument guitar.
They had a row over dinner.
They had a row over dinner.
They had a row, argument over dinner.
They had a row, an argument over dinner.
Chapter IV
Chapter IV
Chapter four
Chapter four
aria-hidden="true") and supply a visually-hidden accessible replacement (.sr-only) containing either a phonetic respelling or a short clarifying phrase. This keeps on-screen text unchanged and gives screen readers an unambiguous phrase to speak.