Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

Table - allow providing aria-label to the input for row selection

Ouverte
#11,912 6 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
68/100
Type d'issue
Fonctionnalité
Clarté
Plutôt claire
Activité
Calme
Stack technique
react, typescript
Domaine
accessibility, frontend

Piste de recherche

Commencez dans packages/react-table/src/components/Table/utils/decorators/selectable.tsx, où l’aria-label de sélection des lignes est actuellement assemblé, et suivez comment TdSelectType et les props de sélection de la table parviennent à ce décorateur. Consultez la documentation du composant pour connaître l’API de sélection prise en charge. C’est terminé lorsque les consommateurs peuvent fournir un libellé personnalisé pour les champs de ligne checkbox et radio, tout en conservant le libellé par défaut existant et la prise en charge des traductions.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

A11y Stale

Hi there 👋

Just wondering if it would make sense to allow providing a custom aria-label for the input used for row selection (radio or checkbox, depending on the TdSelectType variant). From what I can see, the label is currently hardcoded as Select row ${rowIndex} in the selectable decorator, and I couldn't find a way to customize it.

I'm not sure if I'm missing something or if overriding that label would go against intended usage, but I believe being able to provide a custom value to at least support translations might be useful in some cases.

Would this be a reasonable thing to support?

Thanks!

Jira Issue: PF-2346

Langage dominant
TypeScript
Étoiles
862
Forks
392
Merge moyen
4 j 8 h
PR mergées (30 j)
9

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de patternfly/patternfly-react

Toutes les issues de patternfly/patternfly-react

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.