test: guidepup

showcases/playwright.screen-reader.macos.ts

@@ -7,8 +7,8 @@ const config: PlaywrightTestConfig = {
 		'{snapshotDir}/{testFileDir}/macos/{projectName}/{testName}{ext}',
 	projects: [
 		{
-			name: 'chromium',
-			use: { ...devices['Desktop Chrome'], headless: false }
+			name: 'webkit',
+			use: { ...devices['Desktop Safari'], headless: false }
 		}
 	]
 };

showcases/screen-reader/README.md

@@ -20,3 +20,28 @@ npm run test:screen-reader:windows --workspace=react-showcase -- -- --ui
 -   We should avoid auto-generate tests, because they take a lot of time.
 -   Nvda `next` is equivalent of executing Down Arrow - Won't work with radio/select as you might expect
 -   One simple test takes about 1 minute in CI ⬅ so only test important things
+
+## More information
+
+We use this [survey](https://webaim.org/projects/screenreadersurvey10/) to reduce amount of tests (only for VO and NVDA).
+
+Most common screen reader and browser combinations:
+
+| Screen Reader & Browser | # of Respondents | % of Respondents |
+| ----------------------- | ---------------- | ---------------- |
+| NVDA with Chrome        | 323              | 21.3%            |
+| NVDA with Firefox       | 152              | 10.0%            |
+| VoiceOver with Safari   | 107              | 7.0%             |
+| NVDA with Edge          | 75               | 5.0%             |
+| VoiceOver with Chrome   | 30               | 2.0%             |
+
+What operating system are you on when using your primary desktop/laptop screen reader?
+
+| Response | # of respondents | % of respondents |
+| -------- | ---------------- | ---------------- |
+| Windows  | 1311             | 86.1%            |
+| Mac      | 146              | 9.6%             |
+| Linux    | 44               | 2.9%             |
+| Other    | 21               | 1.4%             |
+
+==> We test only Chrome for Windows and Safari for MacOS because these are the most common combinations.