|
| 1 | +# Testing environment |
| 2 | + |
| 3 | +## Languages |
| 4 | + |
| 5 | +- Website language: English + Spanish |
| 6 | +- OS language: Finnish |
| 7 | +- Screen reader UI: Finnish |
| 8 | +- Browser language: Finnish |
| 9 | + |
| 10 | +## Website |
| 11 | + |
| 12 | +I compared the following 7 approaches for labelling a close button: |
| 13 | + |
| 14 | +- K: Using `aria-label`. |
| 15 | +- L: Using `aria-label` and an explicit `lang` attribute. |
| 16 | +- M: Using `aria-labelledby` and referring to a visually hidden label outside the labelled element. |
| 17 | +- N: Using `aria-labelledby` and referring to a visually hidden and `aria-hidden` label outside the labelled element. |
| 18 | +- O: Using `aria-labelledby` and referring to a visually hidden label inside the labelled element. |
| 19 | +- P: Using `aria-labelledby` and referring to a visually hidden and `aria-hidden` label inside the labelled element. |
| 20 | +- Q: Using a visually hidden label inside the labelled element. |
| 21 | + |
| 22 | +## Combinations |
| 23 | + |
| 24 | +- VoiceOver (desktop): |
| 25 | + |
| 26 | + - Device: MacBook Pro (16-inch, 2019) |
| 27 | + - macOS version: 10.15.2 |
| 28 | + - VoiceOver: included with macOS |
| 29 | + - Safari version: 13.1 (15609.1.20.111.8) |
| 30 | + - Chrome version: 81.0.4044.92 |
| 31 | + - Firefox version: 75.0 |
| 32 | + - Opera version: 67.0.3575.137 |
| 33 | + - Edge version: 80.0.361.111 |
| 34 | + |
| 35 | +- VoiceOver (mobile): |
| 36 | + |
| 37 | + - Device: iPhone 11 |
| 38 | + - iOS version: 13.4.1 |
| 39 | + - VoiceOver: included with iOS |
| 40 | + - Safari version: 13 |
| 41 | + - Chrome version: 81.0.4044.62 |
| 42 | + - Firefox version: 24.1 |
| 43 | + - Opera Touch version: 2.2.1 |
| 44 | + - Edge version: 45.2.16 |
| 45 | + |
| 46 | +- NVDA |
| 47 | + |
| 48 | + - Device: Asus X540LA |
| 49 | + - Windows version: 10 Home 18362.418 |
| 50 | + - NVDA version: 2019.3.1 |
| 51 | + - Safari version: N/A (not maintained) |
| 52 | + - Chrome version: 81.0.4044.92 |
| 53 | + - Firefox version: 75.0 |
| 54 | + - Opera version: 67.0.3575.137 |
| 55 | + - Edge version: 80.0.361.111 |
| 56 | + |
| 57 | +- JAWS |
| 58 | + |
| 59 | + - Device: Asus X540LA |
| 60 | + - Windows version: 10 Home 18362.418 |
| 61 | + - JAWS version: 2019.1912.9 Multilingual |
| 62 | + - JAWS with "Language Detect Change" selected |
| 63 | + - Safari version: N/A (not maintained) |
| 64 | + - Chrome version: 81.0.4044.92 |
| 65 | + - Firefox version: 75.0 |
| 66 | + - Opera version: 67.0.3575.137 |
| 67 | + - Edge version: 80.0.361.111 |
| 68 | + |
| 69 | +- TalkBack |
| 70 | + |
| 71 | + - Device: Samsung Galaxy S8+ |
| 72 | + - OS: Android 9 Build/PPR1.180610.011 |
| 73 | + - TalkBack version: 8.1.0.278818032 |
| 74 | + - Safari version: N/A (not maintained) |
| 75 | + - Chrome version: 81.0.4044.96 |
| 76 | + - Firefox version: 68.7.0 |
| 77 | + - Opera Touch version: 2.3.9 |
| 78 | + - Edge version: 45.02.4.4931 |
0 commit comments