Issue reporter has edit fields without accessible labels
See original GitHub issue/CC @isidorn
Issue Type: Bug
There are 3 controls (edit fields?) next to the include system information, include extensions and include a/b experiments. With the NVDA screen reader, they are read as edit fields withh no label associated with them.
Sounds like a case of an element without the label programatically associated with it.
VS Code version: Code - Insiders 1.61.0-insider (df115e761ae11cf87ca569ca1824b7257099553a, 2021-09-08T17:51:26.439Z) OS version: Windows_NT x64 10.0.19041 Restricted Mode: No Remote OS version: Linux x64 5.10.16.3-microsoft-standard-WSL2 Remote OS version: Linux x64 5.10.16.3-microsoft-standard-WSL2
System Info
Item | Value |
---|---|
CPUs | AMD Ryzen 7 PRO 4750U with Radeon Graphics (16 x 1697) |
GPU Status | 2d_canvas: enabled gpu_compositing: enabled multiple_raster_threads: enabled_on oop_rasterization: enabled opengl: enabled_on rasterization: enabled skia_renderer: enabled_on video_decode: enabled vulkan: disabled_off webgl: enabled webgl2: enabled |
Load (avg) | undefined |
Memory (System) | 31.23GB (14.62GB free) |
Process Argv | –folder-uri=vscode-remote://wsl+Ubuntu/home/dickson/source/api-profile --remote=wsl+Ubuntu --crash-reporter-id 1304d64e-abdb-456c-beb6-72c33120f731 |
Screen Reader | yes |
VM | 0% |
Item | Value |
---|---|
Remote | WSL: Ubuntu |
OS | Linux x64 5.10.16.3-microsoft-standard-WSL2 |
CPUs | AMD Ryzen 7 PRO 4750U with Radeon Graphics (16 x 1696) |
Memory (System) | 24.45GB (16.31GB free) |
VM | 0% |
Item | Value |
---|---|
Remote | WSL: Ubuntu |
OS | Linux x64 5.10.16.3-microsoft-standard-WSL2 |
CPUs | AMD Ryzen 7 PRO 4750U with Radeon Graphics (16 x 1696) |
Memory (System) | 24.45GB (16.31GB free) |
VM | 0% |
Extensions (15)
Extension | Author (truncated) | Version |
---|---|---|
remote-containers | ms- | 0.194.0 |
remote-ssh | ms- | 0.65.7 |
remote-ssh-edit | ms- | 0.65.7 |
remote-wsl | ms- | 0.58.2 |
vscode-remote-extensionpack | ms- | 0.21.0 |
vscode-eslint | dba | 2.1.25 |
dendron | den | 0.58.1 |
dendron-markdown-links | den | 0.6.20 |
dendron-markdown-preview-enhanced | den | 0.10.57 |
dendron-markdown-shortcuts | den | 0.12.1 |
dendron-paste-image | den | 1.1.0 |
dendron-snippet-maker | den | 0.1.6 |
gitlens | eam | 11.6.0 |
prettier-vscode | esb | 8.1.0 |
copilot | Git | 1.4.2635 |
A/B Experiments
vsliv695:30137379
vsins829:30139715
vsliv368:30146709
vsreu685:30147344
python383:30185418
pythonvspyt602:30291494
vspor879:30202332
vspor708:30202333
vspor363:30204092
pythonvspyt639:30291487
pythontb:30258533
pythonptprofiler:30281269
vshan820:30294714
pythondataviewer:30285072
pythonvsuse255:30319630
3f5j7703:30294757
vscod805cf:30301675
pythonvspyt200:30323110
vsccppwt:30364496
pythonvssor306:30340298
bridge0708:30335490
pygetstartedt2:30353727
dockerwalkthru:30364418
bridge0723:30353136
pythonrunftest32cf:30353182
pythonf5test824:30361779
javagetstartedt:30350119
pythonvspyt187:30361752
pydsgst2:30361790
Issue Analytics
- State:
- Created 2 years ago
- Comments:8 (7 by maintainers)
Top Results From Across the Web
[JRASERVER-73274] View Issue: editable elements are not ...
There is no way for screen readers to understand that these fields are editable. Summary; Description; Issue type; Priority; Labels; Assignee; Reporter ......
Read more >"Edit summary" toggle on text fields has many accessibility ...
In a single-value, long-text-and-summary widget: The "edit summary" button is inside a label, but the label is for the body textarea.
Read more >Missing Input Labels: How to Fix a Common Accessibility Issue
If labels aren't present, the software will only read out the type of field. Your content might have missing input labels for several...
Read more >Some FAQs I had about the Citizen Problem Reporter... - Page 6 ...
Answer ; Go to the Share tab and click on the ; For Input Table, navigate to ;, define the Field Type, and...
Read more >Labels - GitLab Documentation
You must have at least the Reporter role for the project. To do so: View an issue or merge request. On the right...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Can’t you just set the
for
attribute on the label and point its value to the ID of the input? We do have the label here, so use standard HTML instead of cluttering things with superfluous ARIA attributes. Don’t use ARIA if the same can be accomplished with native host language semantics. First rule of ARIA.Yes that seems reasonable.