acl-services / acl-services/paprika
FormElement - a11y improvements
- Linguagem predominante
- JavaScript
- Estrelas
- 54
- Forks
- 10
- Merge médio
- 1d 12h
- PRs com merge (30d)
- 6
Descrição
- Screen reader support for semantic `` and `` elements is poor when there are intermediary `
https://www.w3.org/WAI/tutorials/forms/grouping/#associating-related-controls-with-wai-aria
- When a `help` prop is added to the `` it creates a popover with an icon button as trigger. The `aria-label` for that trigger button (default is "information) is included as part of the `` internally, and is read as part of the name of the field, which can be confusing. Ideally that trigger button would be outside of the `` – but this probably will require the implementation of a prop collector for `labelProps`.
Guia de contribuição
Nenhum guia de contribuição indexado para este repositório
Direção de pesquisa
Find the `FormElement` and `Label` component sources where `/` output and the help popover trigger are rendered. Inspect the current `label`/`labelProps`/help-prop flow to see how the icon button is injected into the accessible name. Update the render structure and aria attributes as described, then run the relevant FormElement/Label tests or examples; done means grouped controls are announced correctly and the help trigger no longer contributes confusing text to the field label.
Escrita pelo modelo de indexação a partir do texto da issue.
Avaliação
- Stack de tecnologia
- javascript, react
- Domínio
- accessibility, frontend
- Tipo de issue
- Bug
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Status de atividade
- Estagnada
- Clareza
- Razoavelmente clara
- Facilidade para iniciantes
- 55/100