fix: Modify screen-reader-only class to improve Orca's reading behavior

[jalkire]

Details

Currently, we use a screen-reader-only class that makes elements offscreen and 1px x 1px. Unfortunately, shortening the element's width to 1px causes the Orca screen reader to behave in an undesirable manner wherein it reads one word at a time and re-reads the element type with each word. To fix this, this PR removes width: 1px from the screen-reader-only class. Instead, clip-path is used to ensure the element is not visible.

Motivation

Addresses accessibility issue in AI-Android (and AI-Web) on Linux.

Context

I considered simply eliminating width since the class already sets left:-10000px, but decided to add the clip-path as a redundancy.

This should have no visible impact and no impact to other screen readers' behavior.

Pull request checklist

• Addresses an existing issue: ADO 1886155
• Ran yarn fastpass
• Added/updated relevant unit test(s) (and ran yarn test)
• Verified code coverage for the changes made. Check coverage report at: <rootDir>/test-results/unit/coverage
• PR title AND final merge commit title both start with a semantic tag (fix:, chore:, feat(feature-name):, refactor:). See CONTRIBUTING.md.
• [n/a] (UI changes only) Added screenshots/GIFs to description above
• (UI changes only) Verified usability with NVDA/JAWS

[lisli1]

LGTM