login: Assign SemanticsRole to Form

Author: MritunjayTiwari14

lib/widgets/login.dart

@@ -1,4 +1,5 @@
 import 'dart:async';
+import 'dart:ui';
 
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
@@ -648,18 +649,22 @@ class _UsernamePasswordFormState extends State<_UsernamePasswordForm> {
           selectedIcon: const Icon(Icons.visibility_off),
         )));
 
-    return Form(
-      // TODO(#110) Try to highlight CZO / Zulip Cloud realms in autofill
-      child: AutofillGroup(
-        child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [
-          usernameField,
-          const SizedBox(height: 8),
-          passwordField,
-          const SizedBox(height: 8),
-          ElevatedButton(
-            onPressed: widget.loginPageState._inProgress ? null : _submit,
-            child: Text(zulipLocalizations.loginFormSubmitLabel)),
-        ])));
+    return Semantics(
+      role: SemanticsRole.form,
+      container: true,
+      explicitChildNodes: true,
+      child: Form(
+        // TODO(#110) Try to highlight CZO / Zulip Cloud realms in autofill
+        child: AutofillGroup(
+          child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [
+            usernameField,
+            const SizedBox(height: 8),
+            passwordField,
+            const SizedBox(height: 8),
+            ElevatedButton(
+              onPressed: widget.loginPageState._inProgress ? null : _submit,
+              child: Text(zulipLocalizations.loginFormSubmitLabel)),
+          ]))));
   }
 }