Very related to this question: Accessible Disabled State but that is about how to style disabled buttons to make them accessibility compliant, but my question is slightly different.

Is it actually an accessibility requirement for disabled features to be contrast compliant?

You are not hiding functionality from visually impaired people by making it grey on grey because the feature is unavailable to everyone, so they are not missing out on features because of this. Yes, it's always better for everything to be contrast compliant, but that might not be relevant here.

The situation is this - we have to disable features of our web application when the system is undergoing scheduled maintenance. Therefore we don't want to remove the buttons altogether because we want the user to know that the feature is only temporarily unavailable. Additional messaging is provided on the page stating that some features are unavailable.

We designed a standard inactive state button (dark grey text on lighter grey button background) but it has come back to us with the concern that it may be failing DDA compliance. However I disagree with that concern for the reasons I state above. Am I mistaken, or is it OK to have grey-on-grey buttons for such situations?

Note: I'm not looking for any alternative solutions (leave that to the linked questions) my query is specifically about whether or not this is an accessibility concern.

  • A disabled button still imparts a message in its own right even if the content behind it cannot be accessed. Wouldn't you effectively be saying that you only want users without visual impairment to know that the feature is only temporarily unavailable? – Roger Attrill Jul 2 '15 at 10:41
  • 1
    Disabled Buttons contain information and thus should be accessible – BlueWizard Jul 2 '15 at 16:56
  • 1
    @JonasDralle: In many cases, the primary purpose of showing disabled buttons rather than hiding them altogether is not to convey information, but to visually reserve space. The fact that the space does not contain a usable button is generally more important than the nature of the active button that it sometimes (but not presently) contains. – supercat Jul 2 '15 at 22:00
  • 1
    I know some lists who hide their entries if they're not available. Let's consider I'm using Photoshop and I'm opening one of the upper Menus. What happens when they would hide the disabled entries? First of all the list would be shorter, which is a bad thing because I know what List entry I want and I know where it usually is. Second of all I Know what entry I want bit when I somehow got anything activated that blocks it It's impossinle for me to find the Information that it's disabled.... (1/2) – BlueWizard Jul 3 '15 at 4:01
  • 1
    .... This Information is absolutely critical to me because only when I know that the Problem exists I'm able to fix it. It could be that I got the mask selected insted of the layer. I dont see that I got the wrong thing selected, search the Entry i want and then Photoshop tells me that it's currently disabled. Then I can try to seek my mistake. But I can only do that if I'm getting the Information. (2/2) – BlueWizard Jul 3 '15 at 4:03
up vote 42 down vote accepted

No, it would seem not, as W3C states

1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following:

  • (Level AA) Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;
  • Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
  • Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.

My emboldening

  • Ah bingo! Not sure how I missed that in the WCAG guidelines, but it does support my opinion, so I'm happy! – JonW Jul 2 '15 at 10:50

I had a problem like this recently.

The answer I came up with was this: Elements/controls must be contrast compliant when disabled as this provides vital clues to the user telling them that their task is incomplete or that certain options are selected/deselected. - In short: Yes, they need to be contrast compliant.

EDIT - The following is incorrect however I do beleive that the WCAG may be wrong in this instance:

The WCAG guidelines quoted by @Roger_Attrill does not cover disabled controls as these are NOT decorative items and ARE visible to sighted people.

  • 3
    The WCAG Guidelines are not saying that the "part of an inactive user interface component" has to be a "decorative item" and/or "visible to anyone". These are three separate criteria. – Roger Attrill Jul 2 '15 at 11:01
  • Even so @RogerAttrill, The section you quoted does not cover disabled controls. - The reason I mentioned those two particular criteria is that a disabled control fails to fit into either of them. The only reason I didn't mention the first criterion is that I don't know how large the buttons (and the text on them) in question are - in other words the section you quoted is largely irrelevant to this case – Andrew Martin Jul 2 '15 at 11:05
  • Oh, sorry @RogerAttrill - I see what you're saying there - I take it back - that section is relevant, but that one place where I think the WCAG may be wrong – Andrew Martin Jul 2 '15 at 11:08
  • 2
    You make a good point though. Just because something officially / legally ticks all the boxes, that isn't going to help those individuals who get into difficulty as a result of a design decision. They won't care the site is 100% AA compliant if they can't do something they wanted to. – JonW Jul 2 '15 at 11:10
  • Something like a disabled "Continue" button would indicate to users that they can't continue, but in many cases disabled controls will be irrelevant to what the user is currently doing, and will be showing rather than hidden not for purposes of making them "visible" per se, but rather to have them serve as placeholders which call less attention to themselves than gaps would. – supercat Jul 2 '15 at 14:57

Your Answer

 
discard

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.