How to fix problem with high contrast in buttons

  • Resolved Efs

    (@stevendigital)


    2 years, 3 months ago

    Hello,

    I am having an issue with some of the buttons on my site. When I enable the option of high contrast I get the errors on Wave validation tool that I have low contrast on some of them. Probably because these buttons appear as links. So is it possible to change that or add any exclusion for some of this? Or even add a specific CSS when contrast is on, to avoid this conflict?

    Here is the page to view the issue

    Best Regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Joe Dolson

    (@joedolson)

    The problem items look like they have inline CSS controlling their colors; I suggest removing those inline declarations, as they have much higher specificity than external stylesheets.

    Or at least remove ‘!important’ from inline CSS declarations, so they’re easier to override.

    Thread Starter Efs

    (@stevendigital)

    Hello @joedolson,

    Thank you for your response. I removed the !important as you suggested and made some more changes to the CSS. Now, It seems to work correctly now and there is no problem with the plugin.

    Best Regards

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to fix problem with high contrast in buttons’ is closed to new replies.