Skip to content
This repository has been archived by the owner on Jun 20, 2023. It is now read-only.

[a11y] Layout of 'warn on behalf' page is broken for extreme font sizes #3709

Closed
3 tasks done
ndegendogo opened this issue Oct 17, 2021 · 4 comments
Closed
3 tasks done
Assignees
Labels
bug Something isn't working mirrored-to-jira This item is also tracked internally in JIRA

Comments

@ndegendogo
Copy link
Contributor

ndegendogo commented Oct 17, 2021

Avoid duplicates

  • Bug is not mentioned in the FAQ
  • Bug is specific for iOS only, for general issues / questions that apply to iOS and Android please raise them in the documentation repository
  • Bug is not already reported in another issue

Technical details

Screenshots were created with:

  • Device name: iPhone 12 / simulator (but all screen sizes are affected)
  • iOS version: iOS 15 / simulator (but all iOS versions are affected)
  • App version: current developer branch (branch = release/2.13.x as of Oct 17, commit = 584727) (but latest release 2.11. is affected as well)

Describe the bug

With extreme a11y settings the layout of the page "Warn on behalf of others" is broken.
The descriptive text at the top can grow so much that it pushes the table of QR codes below the visible screen. Even the 'scan' button can be hidden. Of course you can scroll both in again, but you have to know.
The only visible button on this page is disabled, which is especially confusing.

Steps to reproduce the issue

  • close cwa, open the Settings / Accessibility / Display & Text Size / Larger Text
  • enable Larger Accessibility Sizes
  • select the largest font size (note: on smaller screens the same happens earlier)
  • open cwa, select 'Event Planning' / three-dot-button / Warn for Others, and press the Continue button
  • the explanation text fills the whole visible screen. The list of QR codes and the scanning button are not visible without scrolling. The button 'Continue' is visible but disabled.

Expected behaviour

Below the explanation on top of the screen, see a scrollable and selectable list of QR codes, and a button to scan another QR code.

Possible Fix

  • consider to shorten the very long explanation, and/or limit its size
  • consider to hide the 'Continue' button as long as it is disabled

Additional context

See example screenshots for iPhone 12 below.

Simulator Screen Shot - iPhone 12 - 2021-10-17 at 16 59 40

Simulator Screen Shot - iPhone 12 - 2021-10-17 at 17 00 02

Simulator Screen Shot - iPhone 12 - 2021-10-17 at 17 21 35


Internal Tracking ID: EXPOSUREAPP-10243

@ndegendogo ndegendogo added the bug Something isn't working label Oct 17, 2021
@cwa-bot cwa-bot bot added this to ToDo in [CM] cwa-app-ios Oct 17, 2021
@ndegendogo
Copy link
Contributor Author

Note: I found this issue while working on PR #3685. However, that PR will not fix it.

@dsarkar dsarkar added the mirrored-to-jira This item is also tracked internally in JIRA label Oct 29, 2021
@cwa-bot cwa-bot bot moved this from ToDo to Mirrored to Jira in [CM] cwa-app-ios Oct 29, 2021
@dsarkar
Copy link
Member

dsarkar commented Oct 29, 2021

Good morning @ndegendogo! Thanks for reporting. Internal Tracking ID: EXPOSUREAPP-10243.

@Ein-Tim
Copy link
Contributor

Ein-Tim commented Jun 5, 2022

FYI: PR #4591 will improve the situation here.

@cwa-bot cwa-bot bot moved this from Mirrored to Jira to ToDo in [CM] cwa-app-ios Jun 5, 2022
@30mar
Copy link
Contributor

30mar commented Apr 26, 2023

Fixed in #4591

@30mar 30mar closed this as completed Apr 26, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
bug Something isn't working mirrored-to-jira This item is also tracked internally in JIRA
Projects
Development

No branches or pull requests

5 participants