Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[A11Y] Problems with labels

Aperta
  • Qualcosa non va?
#4,783 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
45/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
javascript
Ambito
accessibility, frontend

Direzione di ricerca

Inizia ispezionando l’uso delle label in tutta l’app con gli strumenti per sviluppatori del browser, concentrandoti sulle istanze di NcInput e sulle label nello stile “i” mostrate negli screenshot. Controlla le associazioni tra label e input del modulo di aggiunta e il comportamento della tastiera. Il lavoro è completato quando le label rimangono disponibili durante la digitazione, fanno riferimento ai propri input e i popup sono accessibili tramite tastiera nelle viste interessate.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

UX
Elements found:

The label here is shown only when the user didn't insert any text. Now that I started typing, you can't see it anymore. New version of nextcloud vue solve this by using the label prop on NcInput. This happens frequently throughout the app.
Image

This "i" style label cannot be opened or closed with a keyboard
Image

Here in "add time" most labels are missing the "for" property, linking them to the actual input. The "duration time unit" label is correct, meanwhile the "duration" and other ones aren't.
Image

⚠️ This issue respects the following points: ⚠️
  • This is a bug, not a question or a configuration/webserver/proxy issue.
  • This issue is not already reported on Github (I've searched it).
  • I agree to follow Nextcloud's Code of Conduct.
What went wrong, what did you observe?

Not all labels are accessible

What did you expect, how polls should behave instead?

How labels should be to be fully accessible:

  1. Linked to the input field via referencing HTML selector
  2. Should not disappear while typing
  3. If popups should be accessible via keyboard/tab navigation
What steps does it need to replay this bug?
  1. Observe labels throughout the app with devtools
Affected polls version

main

Installation method

Installed/updated from the appstore (Apps section of your site)

Installation type

First time installation

Can you rule out that any extension you use is involved in the issue?
  • I have checked all browser extension
Which browser did you use, when experiencing the bug?
  • Firefox
  • Chrome
  • Chromium/Chromium based (i.e. Edge)
  • Safari
  • Other/Don't know
Other browser

No response

Add your browser log here
Additional client environment information

No response

NC version

Nextcloud 33 (Hub 26 Winter)

Other Nextcloud version

No response

PHP engine version

PHP 8.1

Other PHP version

No response

Database engine

MySQL

Database Engine version or other Database

No response

Which user-backends are you using?
  • Default user-backend (database)
  • LDAP/ Active Directory
  • SSO - SAML
  • Other/Don't know
Add your nextcloud server log here
Additional environment informations

No response

Configuration report
List of activated Apps
Nextcloud Signing status
Additional Information

No response

Lingua principale
JavaScript
Stelle
285
Fork
91
Merge medio
3g 8h
PR unite (30g)
56

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di nextcloud/polls

Tutte le issue di nextcloud/polls

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.