Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Componente Radio Button: cosa si intende per gruppo? #1100

Open
1 task done
Mattia541993 opened this issue Aug 30, 2024 · 1 comment · May be fixed by #1112
Open
1 task done

Componente Radio Button: cosa si intende per gruppo? #1100

Mattia541993 opened this issue Aug 30, 2024 · 1 comment · May be fixed by #1112
Assignees

Comments

@Mattia541993
Copy link

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

  • Ho verificato e non esiste

Versione della libreria

2.9.0

Cosa

Nella sezione Gruppi i due gruppi di radio button sono distinguibili solo visivamente. Per permettere alle tecnologie assistive di determinare programmaticamente l'esistenza di un gruppo è necessario ragguppare gli elementi <input type="radio"> in un <fieldset>. Gli elementi <input type="radio"> con lo stesso valore dell'attributo name non vengono riconosciuti dalle tecnologie assistive come appartenenti allo stesso gruppo: questo attributo infatti serve allo user agent per garantire che input type="radio" con lo stesso name non possano essere selezionati contemporaneamente, rendendoli quindi mutuamente esclusivi.
Inoltre la semantica di "gruppo" può non essere legata alla mutua esclusività dei vari radio button: ci possono essere radio button mutuamente esclusivi anche in due gruppi di campi diversi, si pensi ad esempio al caso in cui ci sono due insiemi di campi per profilare un'azienda o una persona fisica e in ciascuno di questi un radio button con lo stesso name scritto in parti diverse della pagina. Anche per questo motivo è necessario utilizzare il <fieldset> per raggruppare gli elementi.

Perché

In riferimento a WCAG 1.3.1

Contesto

No response

Altro

No response

@Fupete
Copy link

Fupete commented Sep 2, 2024

Ciao @Mattia541993, grazie per la segnalazione.

Il problema è noto, ed è presente anche nei checkbox a dirla tutta.

Qui la segnalazione originale in Bootstrap Italia: italia/bootstrap-italia#1069).
Un volta risolta in Bootstrap Italia sarà da correggere ovviamente anche in React in Angular Kit a cascata.

Lascio aperta per tracciare.

@Fupete Fupete added this to the Prossimi Fix Accessibilità milestone Oct 7, 2024
@Fupete Fupete linked a pull request Oct 19, 2024 that will close this issue
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 👀 In review
Development

Successfully merging a pull request may close this issue.

3 participants