question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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:open
  • Created 2 years ago
  • Comments:8 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
MarcoZehecommented, Dec 7, 2021

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.

0reactions
TylerLeonhardtcommented, Dec 7, 2021

Yes that seems reasonable.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found