Skip to content

Fix Large Font Accessibility issues on icons on Vault and Send#1785

Merged
fedemkr merged 1 commit intomasterfrom
fix-large-font-accessibility-list-with-icon
Feb 17, 2022
Merged

Fix Large Font Accessibility issues on icons on Vault and Send#1785
fedemkr merged 1 commit intomasterfrom
fix-large-font-accessibility-list-with-icon

Conversation

@fedemkr
Copy link
Copy Markdown
Member

@fedemkr fedemkr commented Feb 17, 2022

Type of change

  • Bug fix
  • New feature development
  • Tech debt (refactoring, code cleanup, dependency upgrades, etc)
  • Build/deploy pipeline (DevOps)
  • Other

Objective

This PR fixes the Large Font Accessibility issues on the Vault and Send views, that were displaying the icons partially when the system font was too big.

Code changes

  • DeviceActionService.cs: Added GetSystemFontSizeScale() to calculate sizes that are not directly related to fonts like grid columns.
  • CypherViewCell / SendViewCell: Changed so that icons are columns are adapted to Accessibility Large Fonts
  • IconLabel: Added ShouldUpdateFontSizeDynamicallyForAccesibility to be specific on when we want to update the font size for accesibility. This was added just in case to not affect the whole app thus introducing this change little by little. Then when we address the Accessibillity Large Font issues across the whole app we can make the logic more generic and remove this property.
  • (iOS) CustomLabelRenderer: Added logic to adapt non-NamedSizes font sizes to dynamic font sizes for accessibility but only for IconLabel with ShouldUpdateFontSizeDynamicallyForAccesibility set to true
  • FontElementExtetnsions.cs: Added helper method to get UIFont from a IFontElement

Screenshots

Simulator Screen Shot - iPhone 11 Pro Max - 2022-02-17 at 17 42 30
Simulator Screen Shot - iPhone 11 Pro Max - 2022-02-17 at 17 42 15

Testing requirements

On the Vault and Send tabs, the rows should be shown correctly without clipping the icons when changing the Accessibility Large Fonts from the system settings.

Known issue: On iOS, for web icons you may not see the update on size if you don't close the app and open it again after changing the Large Font settings. This will be addressed in a different PR

Before you submit

  • I have added unit tests where it makes sense to do so (encouraged but not required)
  • This change requires a documentation update (notify the documentation team)
  • This change has particular deployment requirements (notify the DevOps team)

@fedemkr fedemkr requested review from a team and mpbw2 February 17, 2022 21:09
@fedemkr fedemkr self-assigned this Feb 17, 2022
@fedemkr fedemkr merged commit ea471b0 into master Feb 17, 2022
@fedemkr fedemkr deleted the fix-large-font-accessibility-list-with-icon branch February 17, 2022 22:34
fedemkr added a commit that referenced this pull request Feb 25, 2022
* master: (82 commits)
  Autosync the updated translations (#1812)
  Apply Disable Favicon setting globally to match desktop (#1811)
  Fix for missing bio unlock on app restart (#1810)
  Changed link on Settings "Change Master Password" and "Two Step Login" to go to the web vault settings. Also refactored a bit to reuse the urls (#1809)
  take environment into account when checking for existing account (#1808)
  Account Switching (#1807)
  Fixes incorrect path in workflow (#1806)
  [BEEEP] - Added workflows to ignored paths (#1802)
  Add dry run option to release workflow (#1801)
  Changed Input keyboard on phone to be the telephone keyboard and also capitalized the keyboard on some fields of add/edit identity (#1800)
  Fix Options being seen in two lines on Add/edit Send (#1798)
  Fix icon image size to be adaptive on Large Font Size Accessibility which fixes row height on large vault (#1795)
  We're Hiring (#1797)
  Moved to new Google Service Account (#1789)
  Moved to new Google Service Account (#1788)
  Move to using shared workflow (#1787)
  Autosync the updated translations (#1786)
  Fixed some Large Font Accessibility issues on Vault and Send screens for Icons Display #1774 (#1785)
  Created initial workflow for workflow linting (#1783)
  Enforce Hold label (#1779)
  ...

# Conflicts:
#	src/App/Pages/Accounts/DeleteAccountViewModel.cs
#	src/App/Pages/Settings/ExportVaultPageViewModel.cs
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Icons don't scale correctly if Android system's font size is set to larger than default.

2 participants