search

wet-boew / wet-boew-styleguide

A style guide for the Web Experience Toolkit.
http://wet-boew.github.io/wet-boew-styleguide/index-en.html
36 stars 32 forks source link

Severed text #272

Open shadeinc opened 8 years ago

shadeinc commented 8 years ago

Is there an approved solution to display severed information? Normally this shows up as a black block where the severed information was. This is the only online example from a GoC website that I could find, but I don't think that's a great solution to this problem: http://www.crs-csex.forces.gc.ca/reports-rapports/2012/197p0957-eng.aspx

LaurentGoderre commented 8 years ago

You can use textual queues for this such as [ RedactedText ], [ Redacted Paragraph ] and style those or not.

shadeinc commented 8 years ago

What do you suggest to style them? I haven't seen any styles in the WET CSS that emulates the black block of text, and of course using black text on black background is a color contrast fail, even though that's exactly the point of it..

LaurentGoderre commented 8 years ago

You could have the black box with white text. However I am not the right person to decide what is the best way. These are just my suggestions

RobJohnston commented 8 years ago

Is the "Full Block" character useful here? ███

http://www.w3schools.com/charsets/ref_utf_block.asp https://en.wikipedia.org/wiki/Block_Elements

shadeinc commented 8 years ago

Interresting suggestion. Adding a few in a row, making them invisible to assistive technologies and adding invisible text that describes the text has been severed for assistive techonlogies, acceptable solution?

LaurentGoderre commented 8 years ago

I would still suggest going with the simple text approach but that solution could potentially work too.