Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to make screen readers read C/F as Celsius/Fahrenheit?

I have a simple webapp with a bunch of recipes and I'm trying to make it accessible to people who use screen readers.

Often cooking temperature is denoted simply as C (for Celsius) and F (for Fahrenheit).

Screen readers read these as letters and I thought it was a bit confusing, as we are talking about temperatures.

My goal is to maintain a sentence like this:

<p> Turn the oven on to 350 F </p> .

Unfortunately, screen readers read it as:

"Turn the oven on to three hundred and fifty f" .

I would like screen readers to pronounce it like so:

"Turn the oven on to 350 degrees Fahrenheit"

Is it possible to somehow specifically indicate to screen readers how to read specific letters or words? Is it achieveable using ARIA notation or should I just have a hack where I have an invisible sentence:

<p> Turn the oven on to 350 degrees Fahrenheit </p>

like image 896
achudars Avatar asked Mar 06 '14 13:03

achudars


2 Answers

It should be denoted °C (and °F until USA joins other countries of this planet ^^). Only Kelvin degrees are written without a °
It should help screen readers to understand that it's a unit, though I didn't test those. Otherwise @boby212 solution with abbr element is a WCAG 2.0 Technique: Providing definitions for abbreviations by using the abbr and acronym elements

like image 79
FelipeAls Avatar answered Oct 29 '22 16:10

FelipeAls


I am a screen reader user and as far as I know this is not possible. Even if it is possible it is not necessary. Anyone with enough knowledge to use a screen reader will also be able to tell by context why there is an F or C after a number. Just because it sounds confusing to you does not mean it is confusing to someone who has used a screen reader for a long time.

like image 1
Jared Avatar answered Oct 29 '22 18:10

Jared