[tw5] Accessibility trick - displaying colors when html/css colors are disabled

2019-04-05 Thread TonyM
Thanks for sharing this with the community.

Tony

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/8214c87c-1f11-4861-b958-8d087421f216%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.


[tw5] Accessibility trick - displaying colors when html/css colors are disabled

2019-04-05 Thread barrowgloom
For any that use Windows high contrast inverse system color theme and have 
your browser use the system theme you lose html/css color display 
capability for backgrounds, borders, etc unless your play with custom 
browser style sheets (last I saw FF seemed to had dropped that feature).  ( 
Yes, there's browser plugin's and add on's but I got tired of them after 
they would get disabled cause of browser updates or the browser decides 
they have become insecure-- it became too much effort to keep them 
functinal after awhile)

For those familiar with svg's, they will display colors regardless of 
browser onerrides and can be used as inline elements with div's an 
paragraphs ( elements) as horizontal bars and bullet points.  With div's 
and relative and absolute positioning, svg's can be used as background 
color for a div layered under a div of text (or in the same div layered 
under  elements).  Svg's also can displat normal raster images (jpg, 
png) and a way around background image disabling that accessibilty themes 
can have along with negating background colors.  Simple svg's are small in 
code size and can be used as their own tiddler (see the images the TW core 
uses) or their code can be easily inserted into tiddlers along with html or 
wikitext in a tiddler's text field.  I often code simple svg's inside 
tiddler while adding normal content to a tiddler.

A good example of the issue and why I figured out about using svg's is when 
web pages show the color ranges or palettes they will often use background 
colors for div's to show the color instead of using a graphic and my 
browser shows no colors.  So I create svg's with  elements with color 
fills to duplicate the background colored div's.

-- 
You received this message because you are subscribed to the Google Groups 
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to tiddlywiki+unsubscr...@googlegroups.com.
To post to this group, send email to tiddlywiki@googlegroups.com.
Visit this group at https://groups.google.com/group/tiddlywiki.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/tiddlywiki/ccbcf63e-4f10-44d9-a99c-48eaf41c9765%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.