feat: Add accessibility support to the AuthenticationIdentityInputView - WPB-15221

WireUI/Sources/WireAuthenticationUI/Resources/en.lproj/Localizable.strings

@@ -20,5 +20,3 @@
 "authentication.identity.input.field.placeholder" = "Email or SSO code";
 "authentication.identity.input.field.title" = "Email or SSO code";
 "authentication.identity.input.submit" = "Next";
-"authentication.identity.input.terms" = "By pressing on “Next”, you accept Wire’s [Terms and Conditions](%@)";
-

WireUI/Sources/WireAuthenticationUI/Views/AuthenticationIdentityInputView.swift

@@ -29,11 +29,9 @@ package struct AuthenticationIdentityInputView: View {
 
     @State private var identity: String = ""
     private let actionCallback: @Sendable (Action) -> Void
-    private let termsURL: URL
 
-    package init(actionCallback: @escaping @Sendable (Action) -> Void, termsURL: URL) {
+    package init(actionCallback: @escaping @Sendable (Action) -> Void) {
         self.actionCallback = actionCallback
-        self.termsURL = termsURL
     }
 
     package var body: some View {
@@ -47,15 +45,19 @@ package struct AuthenticationIdentityInputView: View {
                     .frame(maxWidth: .infinity)
             }
             Text(L10n.Authentication.Identity.Input.body)
+                .multilineTextAlignment(.leading)
                 .wireTextStyle(.body1)
                 .lineLimit(nil)
+                .fixedSize(horizontal: false, vertical: true)
+                .padding(.trailing)
             LabeledTextField(
                 isMandatory: false,
                 placeholder: L10n.Authentication.Identity.Input.Field.placeholder,
                 title: L10n.Authentication.Identity.Input.Field.title,
                 string: $identity
             )
             .lineLimit(nil)
+            .fixedSize(horizontal: false, vertical: true)
             Button(action: {
                 actionCallback(.submit(identity: identity))
             }, label: {
@@ -64,19 +66,14 @@ package struct AuthenticationIdentityInputView: View {
             })
             .wireButtonStyle(.primary)
             .disabled(identity.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty)
-            Text(AttributedString.markdown(from: L10n.Authentication.Identity.Input.terms(termsURL.absoluteString)))
-                .multilineTextAlignment(.center)
-                .wireTextStyle(.subline1)
-                .lineLimit(nil)
         }
     }
 }
 
 struct AuthenticationIdentityInputPreview: View {
     var body: some View {
         AuthenticationIdentityInputView(
-            actionCallback: { _ in },
-            termsURL: URL(string: "https://example.com")!
+            actionCallback: { _ in }
         )
         .environment(\.wireTextStyleMapping, WireTextStyleMapping())
         .padding(32)
@@ -104,3 +101,16 @@ struct AuthenticationIdentityInputPreview: View {
             }
         }
 }
+
+#Preview("Large font") {
+    BackgroundView()
+        .overlay {
+            VStack(spacing: 0) {
+                Spacer()
+                    .frame(maxHeight: .infinity)
+                AuthenticationIdentityInputPreview()
+                    .background()
+            }
+        }
+        .environment(\.sizeCategory, .accessibilityExtraExtraExtraLarge)
+}

WireUI/Sources/WireReusableUIComponents/LabeledTextField/LabeledTextField.swift

@@ -53,7 +53,7 @@ public struct LabeledTextField: View {
                     ) : Text(title)
                 )
                 .foregroundStyle(titleColor)
-                .wireTextStyle(.subline1)
+                .wireTextStyle(.h5)
             }
             HStack(spacing: 0) {
                 TextField(placeholder ?? "", text: $string)