♿️ 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

Beta Give feedback

1. 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

Beta Give feedback

1. 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

Beta Give feedback

1. 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

Beta Give feedback

1. Run Color Contrast Analyzer on the app
2. Accessibility / color issues #2635
   ♿️ accessibility +1
   

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

Text-to-Speech (TTS)

Beta Give feedback

1. 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

Beta Give feedback

1. 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

Beta Give feedback

1. 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

Beta Give feedback

1. Add a draft title or issue reference here

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

Error identification

Beta Give feedback

1. 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

Beta Give feedback

1. 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

Beta Give feedback

1. 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

Beta Give feedback

1. 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

Beta Give feedback

1. Add a draft title or issue reference here

Part of

• 🎯 What can I work on ? #525