Describe the bug

In assessment, we highlight elements to review with a thin red line. In certain cases, it can be hard to understand what elements have been highlighted

To Reproduce
Steps to reproduce the behavior:

1. Go to Accessible university
2. Open Assessment > Images > 14.1
3. Turn on visual helper

Expected behavior

Explore making the visual highlight clearer in different background colors. Design team suggested trying multiple border colors with red in the center and white surrounding this.
Another option to explore would be making the red border slightly thicker and giving a bit of padding between the element and the line

The major concern is adding too many colors and lines might cover other elements thus why we are filing this bug to explore these two suggestions and discuss.

Screenshots

example of multiple border colors with a orange background and red and white borders

Context (please complete the following information)

• OS Name & Version: N/A
• AI-Web Version & Environment: Prod 2.32
• Browser Version: N/A
• Target Page: N/A

Are you willing to submit a PR?

No

Did you search for similar existing issues?

Yes

Additional context

usability. Bug to explore alternatives