Accessibility Bug: Accessibility updates disappear after selecting Book a Demo Page

[CharlotteVM21]

Steps to reproduce:

1. Go to https://www.topcoder.com/
2. Select the bottom left accessibility button
3. Select any accessibility feature, e.g. contrast, no images, saturation, etc
4. Close the accessibility interface
5. In the top bar select Book a Demo

Actual Result:
All selected accessibility features selected previously are not present on the Book a Demo Page.

Expected Result:
The Book a Demo Page should have the accessibility features selected.

Screenshots:

Device/OS/Browser Information: Laptop/Windows/Google

[CorgiDev]

I would like to add on this, it would really be better to get rid of the Accessibility overlay. They are highly frowned upon in the Accessibility community.

They cause a lot of problems, do not fix underlying bad code, and any fixes implemented by the overlay are generally not considered WCAG compliant. In fact, since overlays work by altering the underlying code of the site, they can result in greater accessibility issues than those they "solve."

AccessiBe, the overlay used on TopCoder, is one of the top ones I see experts in Accessibility frequently complain about. It is better to instead implement options in code that a user can set (i.e. high contrast mode, enlarge text, etc.).

Supporting articles:

• The Many Pitfalls of Accessibility Overlays
• A guide to accessibility overlays
• Why Accessibility Overlay Solutions Fail to Protect or Serve
• Honor the ADA: Avoid Web Accessibility Quick-Fix Overlays
• Overlay Fact Sheet

[nithyaasworld]

Thanks @CorgiDev for the detailed explanation. I logged your report here: topcoder-platform/community-app#5738

[nithyaasworld]

Good Job @CharlotteVM21

There is a Spooky Scary Bughunt series currently going on. Please check them and have fun!

Also join Topcoder Slack community to get instant notification about all challenges as soon as they are launched.

Good luck!