General TC > Programming & Scripting - Unofficial
Enhancing Readability of Webpages
Nathan_SR:
Apologize for the PM. I found out something, which may be of interest to you, in this current project of ours.
If we substitute the font color line in the tiny.css file from :
color: #555;
with
color: #000;
the contrast levels are enhanced from the AA standard to the AAA standard, according to :
https://jdlsn.com/color/?type=hex&color=000000&color2=ebedf3
Another site : http://colorsafe.co/ generates a choice of font colors, for our chosen background color, as per the inputs that I gave it ( picture enclosed ) which can help us to make our decision on the font color. We can actually copy and feed its value to our test tiny.css file, save it and refresh the webpages, to see its visual effect.
Request your feedback on this, after some tests at your end. Thanks.
curaga:
Changed.
Nathan_SR:
Great ! Eagerly waiting to see the final product, that has developed, so far....
Nathan_SR:
Hi Curaga,
I am enclosing a further enhanced tiny.css file herewith. Readability is further enhanced with features like center divider alignment, sufficient line heights, an outer border and no more overrides or overflows. Hope to get your feedback and confirmation on the project deployment.
P.S. My side of testing is completed on both the Fifth Browser ( with VGA=791 ) as well as the Modern Browsers.
P.S. Forgot to add : apart from this tiny.css file, only concepts.html need to be copied from the earlier .zip file to the final location, after your testing.
Regards,
Nathan SR
Nathan_SR:
Hi Curaga,
I am enclosing a zip file, containing a couple of variations of the tiny.css file, as follows :
1. tiny_singlecolor.css
Rename this to tiny.css to see its effect on the webpages, starting with index.html
After testing, rename it back to its original name.
2. tiny_multicolor.css
Rename this to tiny.css to see its effect on the webpages, starting with index.html
After testing, rename it back to its original name. in this design, I have modified subnews.html to align it with its main page.
in both designs, concepts.html is a modified page, as earlier.
Request your feedback / closure of these changes, today. Thanks.
Regards,
Nathan SR
Navigation
[0] Message Index
[#] Next page
[*] Previous page
Go to full version