Bug - Form(FormGroup) - VoiceOver is not reading mandatory checkboxes and radio buttons as mandatory

Abierto
#12,110 2 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
52/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Tranquilo
Stack tecnológico
react, typescript
Área
accessibility, frontend

Línea de trabajo

Comienza con el componente FormGroup y reproduce el caso de una casilla de verificación o un botón de opción obligatorio usando VoiceOver en macOS. Inspecciona cómo se transmite la prop isRequired al grupo y a su etiqueta, y luego verifica que VoiceOver anuncie los controles como obligatorios cuando el fix esté completo.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

A11y Stale

Describe the problem
VoiceOver is not correctly announcing mandatory checkboxes and radio buttons as required within the FormGroup component even when isRequired prop is used.

How do you reproduce the problem?

  • Navigate to a page using the Forms > Form component that includes required checkboxes or radio buttons(Add isRequired to FormGroup).

  • Enable VoiceOver on macOS.

  • Move focus to the group of checkbox or radio buttons including their label.

  • Observe that VoiceOver does not announce them as "required" or "mandatory."

Expected behavior
VoiceOver should announce mandatory checkboxes and radio buttons as “required” when they are marked as such, ensuring that screen reader users are aware of which fields must be filled.

Screenshots

image

What is your environment?

  • OS: iOS 5.7.1

  • Browser: Chrome Version 141.0.7390.54 (Official Build)

Jira Issue: PF-2900

Lenguaje dominante
TypeScript
Estrellas
862
Forks
392
Merge medio
4 d 8 h
PR fusionados (30 d)
9

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de patternfly/patternfly-react

Todos los issues de patternfly/patternfly-react

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.