Opened 12 years ago

Closed 11 years ago

#10439 closed defect (wontfix)

use opacity for disabled widgets in high contrast mode

Reported by: bill Owned by: bill
Priority: high Milestone: future
Component: Accessibility Version: 1.4.0b
Keywords: Cc:
Blocked By: Blocking:


Disabled widgets in high contrast mode by-and-large appear the same as when they are enabled. It's because we generally use background-color and text-color to indicate disabled-ness, neither of which have meaning in high-contrast mode.

Becky suggested that we could set opacity (for example, to 50%) as a way to mark disabled buttons, textboxes, sliders, etc.

Usually opacity settings are bad because the page background then seeps through the widget, but that's not an issue in high-contrast mode because there is no background shown.

Change History (2)

comment:1 Changed 11 years ago by Chris Mitchell

Owner: changed from Becky Gibson to bill

reassign due to inactive committer. please triage accordingly.

comment:2 Changed 11 years ago by bill

Resolution: wontfix
Status: newclosed

I tried setting opacity:

.dijit_a11y .dijitDisabled {
    opacity: 50%;
    #filter: alpha(opacity = 50);
    #zoom: 1;

It works for IE6, but not IE8 or FF4.

So, I'm going to close this, we can reopen if someone knows a way to do this.

Note: See TracTickets for help on using tickets.