Implementing Accessibility for screen readers (#217)

OPENER-next · Dec 19, 2023 · 49c3fbf · 49c3fbf
1 parent 8031649
commit 49c3fbf
Show file tree

Hide file tree

Showing 27 changed files with 957 additions and 675 deletions.
diff --git a/lib/l10n/app_en.arb b/lib/l10n/app_en.arb
@@ -343,5 +343,95 @@
         "type": "String"
       }
     }
-  }
+  },
+
+  "semanticsLoginHint" : "Log in with your OpenStreetMap account to upload your changes.",
+  "@semanticsLoginHint" : {},
+  "semanticsFlutterMap" : "Map screen",
+  "@semanticsFlutterMap" : {},
+  "semanticsReturnToMap" : "Close questionnaire and return to map",
+  "@semanticsReturnToMap" : {},
+  "semanticsDotsIndicator" : "Page {number}",
+  "@semanticsDotsIndicator" : {
+    "placeholders": {
+      "number": {
+        "type": "num"
+      }
+    }
+  },
+  "semanticsPageIndicators" : "There are {number} introduction pages, select the one you would like to hear.",
+  "@semanticsPageIndicators" : {
+    "placeholders": {
+      "number": {
+        "type": "num"
+      }
+    }
+  },
+  "semanticsIntroductionPage" : "Introduction page {number} of {count}",
+  "@semanticsIntroductionPage" : {
+    "placeholders": {
+      "number": {
+        "type": "num"
+      },
+      "count": {
+        "type": "num"
+      }
+    }
+  },
+  "semanticsSlogan" : "Slogan",
+  "@semanticsSlogan" : {},
+  "semanticsMFundImage" : "Funded by mFUND",
+  "@semanticsMFundImage" : {},
+  "semanticsFederalMinistryImage" : "Funded by Federal Ministry of Transport and Digital Infrastructure",
+  "@semanticsFederalMinistryImage" : {},
+  "semanticsSettingsDialogBox" : "Choose your preferred app theme",
+  "@semanticsSettingsDialogBox" : {},
+  "semanticsNavigationMenu" : "Navigation menu",
+  "@semanticsNavigationMenu" : {},
+  "semanticsResetRotationButton" : "Reset map rotation to North.",
+  "@semanticsResetRotationButton" : {},
+  "semanticsCurrentLocationButton" : "Set map to current location.",
+  "@semanticsCurrentLocationButton" : {},
+  "semanticsZoomInButton" : "Zoom in map",
+  "@semanticsZoomInButton" : {},
+  "semanticsZoomOutButton" : "Zoom out map",
+  "@semanticsZoomOutButton" : {},
+  "semanticsQuestionSentence" : "The question is: ",
+  "@semanticsQuestionSentence" : {},
+  "semanticsUploadQuestionsButton" : "Upload answers",
+  "@semanticsUploadQuestionsButton" : {},
+  "semanticsBackQuestionButton" : "Return to previous question.",
+  "@semanticsBackQuestionButton" : {},
+  "semanticsNextQuestionButton" : "Next question",
+  "@semanticsNextQuestionButton" : {},
+  "semanticsSkipQuestionButton" : "Skip question",
+  "@semanticsSkipQuestionButton" : {},
+  "semanticsFinishQuestionnaireButton" : "Finish questionnaire",
+  "@semanticsFinishQuestionnaireButton" : {},
+  "semanticsSummary" : "Summary",
+  "@semanticsSummary" : {},
+  "semanticsCloseNavigationMenuButton" : "Close navigation menu.",
+  "@semanticsCloseNavigationMenuButton" : {},
+  "semanticsCloseQuestionnaireAnnounce" : "Questionnaire is closed",
+  "@semanticsCloseQuestionnaireAnnounce": {},
+  "semanticsOpenQuestionnaireAnnounce" : "Questionnaire is open",
+  "@semanticsOpenQuestionnaireAnnounce" : {},
+  "semanticsUser" : "User {username} tap to open browser profile",
+  "@semanticsUser" : {
+    "username": {
+    "type": "String"
+    }
+  },
+  "semanticsLogout" : "Log out from your user account",
+  "@semanticsLogout" : {},
+  "semanticsClearField" : "Clear field",
+  "@semanticsClearField" : {},
+  "semanticsReviewQuestion" : "Tab to return to question",
+  "@semanticsReviewQuestion" : {},
+  "semanticsNextStepOnboarding" : "Next step",
+  "@semanticsNextStepOnboarding" : {},
+  "semanticsFinishOnboarding" : "Finish introduction",
+  "@semanticsFinishOnboarding" : {},
+  "semanticsCredits" : "Credits",
+  "@semanticsCredits" : {}
 }
diff --git a/lib/screens/about.dart b/lib/screens/about.dart
@@ -33,13 +33,17 @@ class AboutScreen extends StatelessWidget {
                 child: Image.asset(
                   'assets/images/app_icon_android.png',
                   height: 120,
+                  excludeFromSemantics: true,
                 ),
               ),
               Padding(
                 padding: const EdgeInsets.only(bottom: 20.0),
-                child: Text(
-                  appLocale.aboutSlogan,
-                  style: const TextStyle(fontStyle: FontStyle.italic),
+                child: Semantics(
+                  label: appLocale.semanticsSlogan,
+                  child: Text(
+                    appLocale.aboutSlogan,
+                    style: const TextStyle(fontStyle: FontStyle.italic),
+                  ),
                 ),
               ),
               CustomListTile(
@@ -103,6 +107,7 @@ class AboutScreen extends StatelessWidget {
                         padding: const EdgeInsets.symmetric(horizontal: 20.0),
                         child: Image.asset(
                           'assets/images/logos/BMDV_Fz_2021_Office_Farbe_de.png',
+                          semanticLabel: appLocale.semanticsFederalMinistryImage
                         ),
                       ),
                     ),
@@ -112,6 +117,7 @@ class AboutScreen extends StatelessWidget {
                         padding: const EdgeInsets.fromLTRB(20.0, 50.0, 20.0, 50.0),
                         child: Image.asset(
                           'assets/images/logos/mFUND_Logo_sRGB.png',
+                          semanticLabel: appLocale.semanticsMFundImage
                         ),
                       ),
                     ),