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

MenuToggle - add aria-invalid and aria-autocomplete

Ouverte
#11,806 7 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 par le composant MenuToggle, ses exemples et ses modèles, en vous concentrant sur les variantes de base, split-button et typeahead. Mettez à jour les éléments rendus concernés afin que l’état danger expose aria-invalid et que les champs de saisie typeahead exposent aria-autocomplete="list" ; le travail est terminé lorsque les exemples et le comportement du composant reflètent ces attributs.

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

Description

A11y PF Team Stale

Describe the enhancement or change
Per https://github.com/patternfly/patternfly/issues/6562#issuecomment-2839684312:

  • MenuToggle should be updated to apply aria-invalid="true" when the status is danger for non-typeahead/plain toggles (basic toggles and split button toggles). If there are any typeahead examples showing status, those should be updated to apply the aria-invalid to the input element.

  • For typeahead variants, examples and templates should be updated so that aria-autocomplete="list" is applied to the text input being used as the typeahead input.

Is this request originating from a Red Hat product team? If so, which ones and is there any sort of deadline for this enhancement?

Any other information?

Jira Issue: PF-1732

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.