Re: Fill in the blank questions - best approach for denoting the blank

> In Internet Explorer 9 content property does not work properly. It simply ignores the :before directive.

It's also my experience that in IE screen readers won't see the before or after pseudo properties.

Jon

Sent from my iPhone

On Sep 27, 2016, at 6:35 PM, Balusani, Shirisha <sirib@uillinois.edu<mailto:sirib@uillinois.edu>> wrote:

Just FYI
In Internet Explorer 9 content property does not work properly. It simply ignores the :before directive.
In Internet Explorer 8 to make content property work you need to declare the DOCTYPE


Thanks
Siri


From: Gunderson, Jon R [mailto:jongund@illinois.edu]
Sent: Tuesday, September 27, 2016 2:33 PM
To: Gies, Edward M. (ELS-DAY) <Ted.Gies@elsevier.com<mailto:Ted.Gies@elsevier.com>>; w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>
Subject: RE: Fill in the blank questions - best approach for denoting the blank

Ted,

If you use the CSS span:before { content: "Blank" } the content would be available to the screen reader.

Jon


From: Gies, Edward M. (ELS-DAY) [mailto:Ted.Gies@elsevier.com]
Sent: Tuesday, September 27, 2016 2:08 PM
To: w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>
Subject: Fill in the blank questions - best approach for denoting the blank

Hi all,

We are working on a LMS system with fill in the blank questions.
The particular type of fill in the blank is a simple variety where the user reads the text with the blank followed by a reveal the answer button.

As an example, this sentence shows a blank using 4 underscores:

The best approach for providing visually hidden text is ____ because it uses modern standards and supported across browsers.

Within the HTML we are using underscores to visually render the blanks within each sentence.
These underscores are not read at all by JAWS 17 or NVDA using default verbosity settings.

Does anyone have a good approach for providing a text equivalent?  My first thought was to put in a CSS hidden word for "blank" right before the underscores.

Thanks,
Ted