X
Tap here to go to the mobile version of the site.

Support Forum

Why can't you recode your email and web pages in text colors that are legible? There's no reason for the reader-hostile faint grey on white background design!

Posted

maximum readability is achieved by maximum contrast between font color and the background ... your site and email message designers have implemented a faint grey text color that is inexcusably hard to read, especially for Senior eyes! it costs you NOTHING to code a darker text color (preferably HTML #000000) for this very valuable content -- please advise, and thanks


N.B. Mods flag set by Matt for Admin attention, so not cleared ~J99

maximum readability is achieved by maximum contrast between font color and the background ... your site and email message designers have implemented a faint grey text color that is inexcusably hard to read, especially for Senior eyes! it costs you NOTHING to code a darker text color (preferably HTML #000000) for this very valuable content -- please advise, and thanks ------ N.B. Mods flag set by Matt for Admin attention, so not cleared ~J99
Attached screenshots

Modified by John99

Matt
  • Top 10 Contributor
  • Moderator
3275 solutions 22575 answers

Helpful Reply

All I can say is I agree. I have asked someone from the admin group to address your concerns with you. How long that might take I have no idea, it being a weekend and all.

All I can say is I agree. I have asked someone from the admin group to address your concerns with you. How long that might take I have no idea, it being a weekend and all.
John99 971 solutions 13138 answers

I myself complained about a policy in a project called Australis where we deliberately made Tabs more difficult to see as a Design Improvement. I sometimes think we sould try a lot harder than we do.

Admins getting back to you could take several days ordinarily, but may be a couple of weeks at present as most are on involved with an important meeting or preparing for it.

You could yourself try to make contact with those in the accessibility Group (/groups/accessibility) and draw their attention to this thread (permalink)

You may also be interested in this page an its contact information

I have tagged this as escalate, that should draw helpdesk's attention to the thread, (Helpdesk's guigs2 is a member of accessibility group)

I myself complained about a policy in a project called Australis where we deliberately made Tabs more difficult to see as a Design Improvement. I sometimes think we sould try a lot harder than we do. Admins getting back to you could take several days ordinarily, but may be a couple of weeks at present as most are on involved with an important meeting or preparing for it. You could yourself try to make contact with those in the accessibility Group ([/groups/accessibility]) and draw their attention to this thread ([/questions/1067676 permalink]) You may also be interested in this page an its contact information *https://developer.mozilla.org/en-US/docs/Web/Accessibility I have tagged this as escalate, that should draw ''helpdesk's'' attention to the thread, (Helpdesk's ''guigs2'' is a member of accessibility group)
Chris Ilias
  • Moderator
357 solutions 1951 answers

Helpful Reply

This was an issue when the site was redesigned in 2012, and it was considered fixed. We'll pass along your message. If you have any others, there's a contributors forum you can post to at https://support.mozilla.org/en-US/forums/contributors

In the meantime, you can use the fonts and colors settings in Firefox.

  1. Click the menu button New Fx Menu and choose Options.
  2. Select the Content panel.
  3. Under Fonts & Colors, click the Colors button.
  4. In the window that opens set the box under "Override the colors specified by the page with my selections above" to Always
  5. Click OK to close the Colors window.
This was an issue when the site was redesigned in 2012, and it was considered fixed. We'll pass along your message. If you have any others, there's a contributors forum you can post to at https://support.mozilla.org/en-US/forums/contributors In the meantime, you can use the fonts and colors settings in Firefox. # Click the menu button [[Image:New Fx Menu]] and choose '''Options'''. # Select the '''Content''' panel. # Under ''Fonts & Colors'', click the '''Colors''' button. # In the window that opens set the box under "''Override the colors specified by the page with my selections above''" to '''Always''' # Click '''OK''' to close the Colors window.
cor-el
  • Top 10 Contributor
  • Moderator
17530 solutions 158495 answers

Mote that you lose background images if you make this change to the color settings, so that is not recommended.

Instead you can use the NoSquint extension to set font size (text/page zoom) and text color on web pages.

It is also possible to adjust the text and link colors with code in userContent.css.

Add code to the userContent.css file.


@-moz-document domain(support.mozilla.org) {
body {color: #000 !important; font-family:monospace !impportant;}
div.container_12 .wiki-doc a {color:#26f!important;font-weight:bold}
}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.

You can use this button to go to the currently used Firefox profile folder:

  • Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist
  • Use a plain text editor like Notepad to create a (new) userContent.css file in the chrome folder (file name is case sensitive)
  • Paste the code in the userContent.css file in the editor window
  • Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userContent.css.
    Otherwise Windows may add a hidden .txt file extension and you end up with a not working userContent.css.txt file
Mote that you lose background images if you make this change to the color settings, so that is not recommended. Instead you can use the NoSquint extension to set font size (text/page zoom) and text color on web pages. *NoSquint: https://addons.mozilla.org/firefox/addon/nosquint/ It is also possible to adjust the text and link colors with code in userContent.css. Add code to the <b>userContent.css</b> file. *http://kb.mozillazine.org/userContent.css ---- <pre><nowiki> @-moz-document domain(support.mozilla.org) { body {color: #000 !important; font-family:monospace !impportant;} div.container_12 .wiki-doc a {color:#26f!important;font-weight:bold} }</nowiki></pre> ---- The customization files userChrome.css (user interface) and userContent.css (websites) are located in the <b>chrome</b> folder in the Firefox profile folder. *http://kb.mozillazine.org/Editing_configuration You can use this button to go to the currently used Firefox profile folder: *Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder) *http://kb.mozillazine.org/Profile_folder_-_Firefox *Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist *Use a plain text editor like Notepad to create a (new) userContent.css file in the chrome folder (file name is case sensitive) *Paste the code in the userContent.css file in the editor window *Make sure that you select "All files" and not "Text files" when you save the file via "Save file as" in the text editor as userContent.css.<br>Otherwise Windows may add a hidden .txt file extension and you end up with a not working userContent.css.txt file