W3C home > Mailing lists > Public > w3c-wai-ig@w3.org > July to September 2016

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

From: Mohammad, Ashraf <Ashraf.Mohammad@sabre.com>
Date: Tue, 27 Sep 2016 18:04:02 -0500
To: "w3c-wai-ig@w3.org" <w3c-wai-ig@w3.org>
Message-ID: <D41062D2.24CE7%ashraf.mohammad@sabre.com>
http://jsfiddle.net/aamohamm/hv2cqLr0/

Please check the second example, its an input with visually hidden label with CSS, will be read by screen readers. User with vision see a   _ blank (placeholder too can be added) and Visually hidden label can be used to convey some message too screen reader user. And user both can fill input.

-Ashraf


From: Jonathan Avila <jon.avila@ssbbartgroup.com<mailto:jon.avila@ssbbartgroup.com>>
Date: Tuesday, September 27, 2016 at 5:38 PM
To: "w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>" <w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>>
Subject: Re: Fill in the blank questions - best approach for denoting the blank
Resent-From: <w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>>
Resent-Date: Tuesday, September 27, 2016 at 5:39 PM


> 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
Received on Tuesday, 27 September 2016 23:04:34 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 27 September 2016 23:04:34 UTC