using CSS to take out text

[rustler2001]

I am developing some pages, with content that uses (dot dot dot) after alot of the sentences, so something like:

"She said she didnt really care......."

But this is also going to be tested on a screen reader, so I will only want one of the full stops to be read out and the others not to be recognised by the reader.

Can anyone help with what line of code I will need for the stylesheet, thanks

[swa66]

Welcome!

"..." is called an Ellipsis it can be entered on the keyboard too: "…" (if all goes well) or used in unicode or so.

And probably should best be represented by … . I'm not sure how screen readers deal with it, but using the appropriate glyph gives them the best odds of understanding the text and rendering it the best possible way they can.

CSS as such doesn't give you control over the content itself to do this ...

[rustler2001]

thanks for that, so I couldnt have some text on a page, that visibly can be seen, but not actually read out?

thanks in advance, for your help!

[rustler2001]

I just tried:
<p>"She said she didnt really care…"</p>

and it just showed up as:
"She said she didnt really care…"

[swa66]

As I said, I do not know how all screen readers deal with it. I've never used a state of the art screen reader myself.
But from what I read the screen readers support for CSS is about as bad as that of the other browsers: inconsistent.

Now users of a given screen reader will likely be aware of it's quirks, probably more so than the gray masses using IE.

Hence I think following the high road is what leads to the best results unless you can test it with all screen readers that are going to be used on it (and those aren't free downloads AFAIK)

The easiest for me to get hold of is VoiceOver (Apple, MacOS X) It has settings in the utility on how to handle "Repeated Punctuation" And by default it is set to "First 3 Times". But VoiceOver might not be representative of the other screen readers used out there.

[rustler2001]

thanks for your help on this.

I was wondering then, could a piece of CSS be written, where I would wrap a class around the "..." so it would not be read out, or appear visually, but would be scripted out?

thanks

[rustler2001]

hi, I have found a way of doing it with &hellip;, it works visually, but doesnt get read out.

thanks