Fenix: FNX2-16960 ⁃ [UX] Accessibility options under Settings

[vesta0]

User Story

As a user, I want to be able to change my browser accessibility settings so I can browse comfortably.

Dependencies

A-C Issue: Using system font for non-mobile pages (Landed in A-C) #577

Acceptance Criteria

I can use a toggle to scale web content according to the system font size.

[vesta0]

@lime124 This is a P1 for MVP - I couldn't find it in the accessibility section of the UX settings.

[buttercookie42]

@vesta0 Also "Always enable zoom", too? (Though unfortunately that needs a new GeckoView API, too, I think)

[cpeterso]

GV API to support "Always enable zoom" setting: https://bugzilla.mozilla.org/show_bug.cgi?id=1540615

[vesta0]

@boek that's why I didn't include "Always enable zoom" but I'll create a separate ticket for for post MVP.

[lime124]

@vesta0 it's in our backlog now.

[mheubusch]

Hi @apbitner this is a good first issue and there may be some existing designs done by @brampitoyo - please let Tif know if you need support.

[apbitner]

@brampitoyo I poked around and couldn't find any designs, have you done any work on this?

[apbitner]

Updated settings screen: https://mozilla.invisionapp.com/share/X3R7SA84BFR
New accessibility screen: https://mozilla.invisionapp.com/share/87RPXG0QDUZ

@shorlander & @mheubusch , ready for approval

[mheubusch]

Thanks, Adam! @shorlander pls review

[apbitner]

InVision links above have been updated. Changes are:

1. Removed voice dictation setting
2. Changed font size toggle to a slider, which GV team confirmed we can support

[mheubusch]

Left comments in InVision @apbitner

[vesta0]

@apbitner can we close this?

[apbitner]

@vesta0 Yes 👍🏻

[data-sync-user]

➤ Adam Bitner commented:

Closed in GH, closing in JIRA.