chore(A11Y): update accessibility Bottom Bar

Author: AhmedAmineZr

ouds_core/lib/components/navigation/internal/ouds_navigation_a11y.dart

@@ -0,0 +1,48 @@
+/*
+ * // Software Name: OUDS Flutter
+ * // SPDX-FileCopyrightText: Copyright (c) Orange SA
+ * // SPDX-License-Identifier: MIT
+ * //
+ * // This software is distributed under the MIT license,
+ * // the text of which is available at https://opensource.org/license/MIT/
+ * // or see the "LICENSE" file for more details.
+ * //
+ * // Software description: Flutter library of reusable graphical components
+ * //
+ */
+
+import 'package:flutter/material.dart';
+
+/// Accessibility constants for OUDS Navigation components.
+class OudsNavigationA11y {
+  /// Maximum text scale factor for navigation items.
+  ///
+  /// Clamped to 108% to prevent item overflow including:
+  /// - Selected indicator bar
+  /// - Badge notifications
+  /// - Icon and label scaling
+  ///
+  /// At 108%, the 26px icon scales to 28.08px, providing adequate spacing
+  /// without overflow in the navigation bar container.
+  static const double maxTextScaleFactor = 1.08;
+
+  /// Wraps a widget with text scaling constraints for navigation components.
+  ///
+  /// This ensures consistent accessibility behavior across all navigation items
+  /// by limiting text enlargement to [maxTextScaleFactor], preventing overflow
+  /// of items with selected indicators and badges.
+  ///
+  /// Parameters:
+  /// - [child]: The widget to wrap with text scaling constraints
+  ///
+  /// Returns:
+  /// A widget with clamped text scaling applied, allowing zoom up to 108%
+  /// while maintaining proper item sizing and avoiding overflow.
+  static Widget withA11yScaling(Widget child) {
+    return MediaQuery.withClampedTextScaling(
+      minScaleFactor: 1.0,
+      maxScaleFactor: maxTextScaleFactor,
+      child: child,
+    );
+  }
+}

ouds_core/lib/components/navigation/ouds_navigation_bar.dart

@@ -15,6 +15,7 @@ library;
 
 import 'package:flutter/material.dart';
 import 'package:ouds_core/components/control/internal/interaction/ouds_inherited_interaction_model.dart';
+import 'package:ouds_core/components/navigation/internal/ouds_navigation_a11y.dart';
 import 'package:ouds_core/components/navigation/internal/ouds_navigation_bar_background_modifier.dart';
 import 'package:ouds_core/components/navigation/internal/ouds_navigation_bar_border_modifier.dart';
 import 'package:ouds_core/components/navigation/internal/ouds_navigation_bar_state.dart';
@@ -126,24 +127,39 @@ class _OudsNavigationBarState extends State<OudsNavigationBar> {
   @override
   void initState() {
     super.initState();
-    _selectedIndex = widget.selectedIndex.clamp(0, widget.destinations.length - 1);
+    _selectedIndex = widget.selectedIndex.clamp(
+      0,
+      widget.destinations.length - 1,
+    );
   }
 
   /// Updates the selected index if [currentIndex] changes.
   @override
   void didUpdateWidget(covariant OudsNavigationBar oldWidget) {
     super.didUpdateWidget(oldWidget);
     if (widget.selectedIndex != oldWidget.selectedIndex) {
-      _selectedIndex = widget.selectedIndex.clamp(0, widget.destinations.length - 1);
+      _selectedIndex = widget.selectedIndex.clamp(
+        0,
+        widget.destinations.length - 1,
+      );
     }
   }
 
   /// Builds the navigation bar with dynamic label and icon colors and a custom indicator shape.
   @override
   Widget build(BuildContext context) {
-    final interactionModelHover = OudsInheritedInteractionModel.of(context, InteractionAspect.hover);
-    final interactionModelPressed = OudsInheritedInteractionModel.of(context, InteractionAspect.pressed);
-    final interactionModelFocused = OudsInheritedInteractionModel.of(context, InteractionAspect.focused);
+    final interactionModelHover = OudsInheritedInteractionModel.of(
+      context,
+      InteractionAspect.hover,
+    );
+    final interactionModelPressed = OudsInheritedInteractionModel.of(
+      context,
+      InteractionAspect.pressed,
+    );
+    final interactionModelFocused = OudsInheritedInteractionModel.of(
+      context,
+      InteractionAspect.focused,
+    );
 
     final isHovered = interactionModelHover?.state.isHovered ?? false;
     final isPressed = interactionModelPressed?.state.isPressed ?? false;
@@ -158,12 +174,16 @@ class _OudsNavigationBarState extends State<OudsNavigationBar> {
 
     final barControlState = barStateDeterminer.determineControlState();
     final navigationBarModifier = OudsNavigationBarStatusModifier(context);
-    final navigationBarBgModifier = OudsNavigationBarBackgroundColorModifier(context);
-    final navigationBarBorderModifier = OudsNavigationBarBorderModifier(context);
+    final navigationBarBgModifier = OudsNavigationBarBackgroundColorModifier(
+      context,
+    );
+    final navigationBarBorderModifier = OudsNavigationBarBorderModifier(
+      context,
+    );
 
     final safeIndex = _selectedIndex.clamp(0, widget.destinations.length - 1);
 
-    return ClipRect(
+    final navigationBarContent = ClipRect(
       child: BackdropFilter(
         filter: navigationBarBorderModifier.getBlurNavigationBar(),
         child: Container(
@@ -173,29 +193,36 @@ class _OudsNavigationBarState extends State<OudsNavigationBar> {
           child: NavigationBar(
             height: _oudsNavigationBarHeight,
             selectedIndex: safeIndex,
-            // `indicatorColor` paints the Material 3 active indicator behind the selected destination.
+            // ...existing code...
             indicatorColor: navigationBarModifier.getMaterialIndicatorBarColor(
               barControlState,
               widget.onDestinationSelected != null,
             ),
-            // `overlayColor` is the transient ink overlay used for interaction feedback (pressed/hovered/focused),
-            // resolved per destination via `WidgetState`.
-            overlayColor: WidgetStateProperty.resolveWith<Color>(
-              (states) {
-                final isSelected = states.contains(WidgetState.selected);
-                return navigationBarModifier.getMaterialIndicatorBarColor(barControlState, isSelected);
-              },
-            ),
-            backgroundColor: navigationBarBgModifier.getBackgroundColor(widget.translucent),
-            // Label text style resolved per destination via `WidgetState` (at minimum selected/unselected).
-            labelTextStyle: WidgetStateProperty.resolveWith<TextStyle>(
-              (states) {
-                final isSelected = states.contains(WidgetState.selected);
-                return OudsTheme.of(context).typographyTokens.typeLabelDefaultMedium(context).copyWith(
-                      color: navigationBarModifier.getTextIconItemColor(barControlState, isSelected),
-                    );
-              },
+            // ...existing code...
+            overlayColor: WidgetStateProperty.resolveWith<Color>((states) {
+              final isSelected = states.contains(WidgetState.selected);
+              return navigationBarModifier.getMaterialIndicatorBarColor(
+                barControlState,
+                isSelected,
+              );
+            }),
+            backgroundColor: navigationBarBgModifier.getBackgroundColor(
+              widget.translucent,
             ),
+            // ...existing code...
+            labelTextStyle: WidgetStateProperty.resolveWith<TextStyle>((
+              states,
+            ) {
+              final isSelected = states.contains(WidgetState.selected);
+              return OudsTheme.of(context).typographyTokens
+                  .typeLabelDefaultMedium(context)
+                  .copyWith(
+                    color: navigationBarModifier.getTextIconItemColor(
+                      barControlState,
+                      isSelected,
+                    ),
+                  );
+            }),
             destinations: List.generate(
               widget.destinations.length,
               (index) => widget.destinations[index].toNavigationDestination(
@@ -213,5 +240,8 @@ class _OudsNavigationBarState extends State<OudsNavigationBar> {
         ),
       ),
     );
+
+    // Apply accessibility text scaling constraints to prevent item overflow
+    return OudsNavigationA11y.withA11yScaling(navigationBarContent);
   }
 }