Focused Agent Skills for complete Flutter and Dart app delivery.
72
90%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
View guide
Low
Low-risk findings worth noting
Accessible interfaces ensure that interactive elements are easy to tap and readable under diverse lighting conditions, visual impairments, and text scaling settings.
MaterialTapTargetSize.padded, or wrapping in ConstrainedBox:
IconButton(
iconSize: 24,
padding: const EdgeInsets.all(12), // Total footprint = 48x48
onPressed: handlePress,
icon: const Icon(Icons.close),
)- Never shrink interactive controls below the minimum threshold on touch devices.
## Color Contrast Ratios (WCAG 2.1 AA)
- **Normal Text (< 18 pt or < 14 pt bold)**: Contrast ratio must be at least **4.5:1** against the background.
- **Large Text (≥ 18 pt or ≥ 14 pt bold)**: Contrast ratio must be at least **3.0:1** against the background.
- **UI Components and Icons**: Functional icons and borders must have at least **3.0:1** contrast against adjacent colors.
- **Color Blindness / Dual Encoding**: Never convey critical state or instructions with color alone. Pair color cues with text labels, distinct icons, or patterned styling.
## Text Scaling and Dynamic Type
- Support `TextScaler` scaling up to 200% without clipping, truncation, or layout overflow.
- Avoid fixed heights on containers containing text (`SizedBox(height: 50)`).
- Allow text to wrap or use `SingleChildScrollView` / `Expanded` when large text scale is active.
- Ensure buttons and list tiles expand vertically when text scales.
## Testing Guidelines
Run Flutter's built-in accessibility matchers in widget tests:
```dart
testWidgets('A11y guidelines check', (tester) async {
final handle = tester.ensureSemantics();
await tester.pumpWidget(const MyApp());
await expectLater(tester, meetsGuideline(textContrastGuideline));
await expectLater(tester, meetsGuideline(androidTapTargetGuideline));
handle.dispose();
});.tessl-plugin
skills
dart-concurrency
dart-language
flutter-accessibility
flutter-ai-integration
flutter-animation
flutter-app-workflow
flutter-architecture
flutter-authentication
flutter-background-execution
flutter-build-release
flutter-ci-cd
flutter-code-review
flutter-dependency-upgrades
flutter-device-testing
flutter-figma-workflow
flutter-in-app-purchases
flutter-localization
references
flutter-networking
references
flutter-notifications
flutter-observability
flutter-openapi-client
flutter-package-development
flutter-performance
flutter-persistence
references
flutter-platform-integration
flutter-product-analytics
flutter-responsive-layout
flutter-runtime-debugging
flutter-security
flutter-state-management
flutter-testing
flutter-ui-design
flutter-ui-patterns
flutter-visual-effects