callstack / callstack/react-native-paper

Appbar actions are not accessible

Offen
#4,499 0 Kommentare 0 Reaktionen 1 zugewiesene Person Beansprucht von @lukewalczak Auf GitHub ansehen
Accessibility Appbar bug
Vorherrschende Sprache
TypeScript
Sterne
14.5k
Forks
2.2k
Ø Merge
5 T. 23 Std.
Gemergte PRs (30 T.)
12

Beschreibung

### Current behaviour
When using a screen leader like iOS VoiceOver the `Appbar.Header` component is passed the prop `accessible={true}`, which groups its children into a single selectable component. This makes it so that a user using VoiceOver is not able to focus on the individual actions in the Appbar (ex: "Back" or "Close")

### Expected behaviour
The Appbar should allow for each of it's child components to be actionable via screen reader.

### How to reproduce?
Try navigating to any of the actions in this example component using a screenreader:
```

{}} />

{}} accessibilityLabel="Search"/>
{}} accessibilityLabel="More"/>

```

### What have you tried so far?
I've tried explicitly passing the Appbar `accessible={false}`, making child View components accessible, and creating a patch that sets the `Appbar` accessibility to false

### Your Environment

| software | version
| --------------------- | -------
| ios | 18.0
| android | x
| react-native | 0.73.6
| react-native-paper | ^5.8.0
| node | 20.11.1
| npm or yarn | 1.22.22
| expo sdk | ^50.0.17

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.