♿️ Accessibility (Tracker)

[teolemon]

Read me

• https://docs.flutter.dev/accessibility-and-localization/accessibility

Screen reader compatibility: Ensure all visual content is compatible with screen readers. Add meaningful descriptions to images, icons, buttons, and other user interface (UI) elements with the Semantics widget.

### Screen reader compatibility
- [ ] Add a draft title or issue reference here

Accessible text: Use clear, easy-to-read text and provide options to increase font size or change contrast. Consider support for dynamic text size adjustments.

### Accessible text
- [ ] Add a draft title or issue reference here

Keyboard navigation: Ensure your application supports navigation using a keyboard, switch control or other assistive devices.

### Keyboard navigation
- [ ] Make the app fully accessible using a keyboard

Color Contrast: Follow WCAG 2.1 guidelines for color contrast to ensure your app is usable by those with color vision deficiencies. Tools like the Color Contrast Analyzer can help.

### Color Contrast: Follow WCAG 2.1 guidelines
- [ ] Run Color Contrast Analyzer on the app
- [ ] https://github.com/openfoodfacts/smooth-app/issues/2635

Text-to-Speech (TTS): Incorporate TTS services for visually impaired users.

### Text-to-Speech (TTS)
- [ ] Add a draft title or issue reference here

Touch target size: Make sure touch targets (buttons, links, form elements, etc.) are large enough to use easily. WCAG guidelines suggest a minimum size of 44 x 44 dp.

### Touch target size
- [ ] Add a draft title or issue reference here

Provide alternative navigation: Swiping may not be accessible for all users, so provide alternative means of navigation.

### Provide alternative navigation
- [ ] Add a draft title or issue reference here

Avoid complex gestures: Not all users can perform complex gestures, such as pinch-to-zoom or multi-finger swipes.

### Avoid complex gestures
- [ ] Add a draft title or issue reference here

Error identification: Clearly identify input errors and provide suggestions for corrections, especially in forms.

### Error identification
- [ ] Add a draft title or issue reference here

Accessible Forms: Label all form fields properly and ensure any validation error messages are announced by assistive technology.

### Accessible Forms
- [ ] Add a draft title or issue reference here

Accessibility Testing: Use accessibility scanners to check your application for issues. On Android, you can use the Accessibility Scanner, while iOS has the Accessibility Inspector. Flutter's FlutterDriver class can also help with testing the accessibility of your app.

### Accessibility Testing
- [ ] Add a draft title or issue reference here

Offer VoiceOver (iOS) and TalkBack (Android) support: These are screen reading tools that assist visually impaired users in navigating devices.

### VoiceOver (iOS) and TalkBack (Android) support
- [ ] Add a draft title or issue reference here

Localize your app: Providing localization support is an important aspect of accessibility. This means offering multiple languages and regional settings.

### Localize your app
- [ ] Add a draft title or issue reference here

Part of

• #525