Jili ph withdrawal limit.REGISTER NOW GET FREE 888 PESOS REWARDS!

Resolved Colin Kells
(@kellscolin2020)

2 years ago

I’m using the Accessibility Checker plugin on my web site and have found an issue shown when the Mega Menu plugin is activated and the Mobile Menu Toggle Bar is disabled.
Also seen when the Mobile Menu Toggle Bar is enabled.

Insufficient Color Contrast.

<button aria-label=”Toggle Menu” class=”mega-toggle-animated mega-toggle-animated-slider” type=”button” aria-expanded=”false”> <span class=”mega-toggle-animated-box”> <span class=”mega-toggle-animated-inner”></span> </span> </button> .ast-button,.button,button,input[type=button],input[type=reset],input[type=submit]{border: 1px solid; border-color: var(–ast-border-color); border-radius: 2px; background: #e6e6e6; padding: .6em 1em .4em; color: #fff; }

Suggested Fix here:
https://equalizedigital.com/accessibility-checker/insufficient-color-contrast/?utm_source=accessibility-checker&utm_medium=software&utm_term=color_contrast_failure&utm_content=content-analysis&utm_campaign=wordpress-general&php_version=7.4.33&platform=wordpress&platform_version=6.0.3&software=free&software_version=1.3.3&days_active=6

The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author megamenu
(@megamenu)

2 years ago

Hi Colin,

I think this is a bug in the checker plugin, as it is referencing HTML that is not visible to a human. To keep it happy, try going to Mega Menu > Menu Themes > Mobile Menu. In the toggle bar designer, remove the (animated) Menu Toggle block that is there, then replace it with a “Menu Toggle – Standard” block.

Regards,
Tom
Thread Starter Colin Kells
(@kellscolin2020)

2 years ago
Hi Tom
Thank you for your reply.

“Menu Toggle – Standard” block. Does not resolve the Insufficient Color Contrast..
Must admit the Standrad Mode does allow more control over Color , text and Icon looks really nice when its enabled.
As mentioned I have the Toggle disabled and auto opening so I don’t require the nice colors, text and icon.

What I have noted is that changing colors in the standard Toggle or in Theme custom mode for Toggle does not change the colors in the error script that I posted.

border-color: var(–ast-border-color); border-radius: 2px; background: #e6e6e6; padding: .6em 1em .4em; color: #fff; }

In the mean time and possiblity as a permanent fix I have set INGORE ERRORs in Accessibility Checker plugin.

Regards Colin
- This reply was modified 2 years ago by Colin Kells.
- This reply was modified 2 years ago by Colin Kells.
Plugin Author megamenu
(@megamenu)

2 years ago

Hi Colin,

I’m not sure how the checker is picking that up if it is set to hidden on the website.

The CSS you have posted (border-color: var(–ast-border-color); border-radius: 2px; background: #e6e6e6; padding: .6em 1em .4em; color: #fff; }), is not from Max Mega Menu, it is from the theme itself, so I think the fix would need to come from their end.

Regards,
Tom

Thread Starter Colin Kells
(@kellscolin2020)

2 years ago

Hi Tom
Thank you for your reply.
I now agree its not from Mega Menu.

Regards
Colin

Thread Starter Colin Kells
(@kellscolin2020)

2 years ago

Changed Theme Resolved these issues

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Insufficient Color Contrast Error’ is closed to new replies.