Cómo hacer que el lector de pantalla lea un texto diferente en div

Tengo un div como este:

17:03

Y cuando alguien que usa un lector de pantalla pasa sobre ese texto, me gustaría que diga “17 minutos y 3 segundos”

¿Cuál es la práctica estándar para hacer esto?

Puede incluir texto adicional solo para el lector de pantalla:

 
17 minutes and :03seconds

y CSS (tomado de Bootstrap 3)

 .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } 

Terminé convirtiendo el texto en inglés en la etiqueta Aria, ya que este div estaba dentro de una etiqueta, por lo que la información fue leída por el lector de pantalla cuando estaba en la etiqueta aria, sin crear ningún objective adicional.