Accessibility of the website card improved (#5414)

openfoodfacts · Jun 20, 2024 · 65dece6 · 65dece6
1 parent f6ec9df
commit 65dece6
Showing 1 changed file with 44 additions and 36 deletions.
diff --git a/packages/smooth_app/lib/pages/product/website_card.dart b/packages/smooth_app/lib/pages/product/website_card.dart
@@ -12,45 +12,53 @@ class WebsiteCard extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final AppLocalizations localizations = AppLocalizations.of(context);
     final String website = _getWebsite();
+
     return buildProductSmoothCard(
-      body: InkWell(
-        onTap: () async => LaunchUrlHelper.launchURL(website),
-        borderRadius: ROUNDED_BORDER_RADIUS,
-        child: Container(
-          width: double.infinity,
-          padding: const EdgeInsetsDirectional.only(
-            start: LARGE_SPACE,
-            top: LARGE_SPACE,
-            bottom: LARGE_SPACE,
-            // To be perfectly aligned with arrows
-            end: 21.0,
-          ),
-          child: Row(
-            children: <Widget>[
-              Expanded(
-                child: Column(
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  mainAxisAlignment: MainAxisAlignment.start,
-                  children: <Widget>[
-                    Text(
-                      AppLocalizations.of(context).product_field_website_title,
-                      style: Theme.of(context).textTheme.displaySmall,
-                    ),
-                    const SizedBox(height: SMALL_SPACE),
-                    Text(
-                      website,
-                      overflow: TextOverflow.ellipsis,
-                      style: Theme.of(context)
-                          .textTheme
-                          .bodyMedium
-                          ?.copyWith(color: Colors.blue),
-                    ),
-                  ],
+      body: Semantics(
+        label: localizations.product_field_website_title,
+        value: Uri.parse(website).host,
+        link: true,
+        excludeSemantics: true,
+        child: InkWell(
+          onTap: () async => LaunchUrlHelper.launchURL(website),
+          borderRadius: ROUNDED_BORDER_RADIUS,
+          child: Container(
+            width: double.infinity,
+            padding: const EdgeInsetsDirectional.only(
+              start: LARGE_SPACE,
+              top: LARGE_SPACE,
+              bottom: LARGE_SPACE,
+              // To be perfectly aligned with arrows
+              end: 21.0,
+            ),
+            child: Row(
+              children: <Widget>[
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    mainAxisAlignment: MainAxisAlignment.start,
+                    children: <Widget>[
+                      Text(
+                        localizations.product_field_website_title,
+                        style: Theme.of(context).textTheme.displaySmall,
+                      ),
+                      const SizedBox(height: SMALL_SPACE),
+                      Text(
+                        website,
+                        overflow: TextOverflow.ellipsis,
+                        style: Theme.of(context)
+                            .textTheme
+                            .bodyMedium
+                            ?.copyWith(color: Colors.blue),
+                      ),
+                    ],
+                  ),
                 ),
-              ),
-              const Icon(Icons.open_in_new),
-            ],
+                const Icon(Icons.open_in_new),
+              ],
+            ),
           ),
         ),
       ),