[Usability] Make failure instance highlight more visible for Android
katydecorah opened this issue · 2 comments
Describe the bug
In #5610, and resolved in #6164, the injected highlight style was updated to improve its visibility. Android could also benefit from updating the style in Android's "Automated check" panel.
To Reproduce
Steps to reproduce the behavior:
- Open an app using Accessibility Insights for Android
- Visit Automated checks
- See the highlighted elements in the "Target app screenshot"
CodePen repro example
n/a
Expected behavior
The highlighted elements in Android use the new style introduced in #6164, which displays a red and white border.
Screenshots
The screenshot below shows the current highlight style which is a flat red border with an adjacent white-colored exclamation point inside a red square.
Context (please complete the following information)
- OS Name & Version:
- AI-Web Version & Environment: Accessibility Insights for Android 2023.109.3 Insider
- Browser Version:
- Target Page:
Are you willing to submit a PR?
Yes
Did you search for similar existing issues?
Yes
Additional context
The current styles for the Android highlight box live in highlight-box.scss and are applied to highlight-box.tsx. Ideally, we would share the styles for the highlight box defined in injected.scss.
This issue has been marked as ready for team triage; we will triage it in our weekly review and update the issue. Thank you for contributing to Accessibility Insights!
We won't be fixing this