Details

    • Type: Sub-task
    • Status: Tested
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.7.0
    • Fix Version/s: None
    • Component/s: Accessibility
    • Testing Instructions:
      Hide

      To test this, you will need to have access to the browser dev tools, either in the Moodle desktop app or by using USB debugging on a device/emulator.

      1. Log in to the app
      2. Go App Settings > General in the main menu
      3. You should see a "Text size" option with a 3-part segment control, showing a small, medium and large "A". The smallest should be active.
      4. Check the size of the "If enabled, a text editor will..." text on this page.  The computed size should be 14px.
      5. Press the middle-sized "A".
      6. The text should get bigger.
      7. Check the size of the "If enabled, a text editor will..." text on this page.  The computed size should be 17px (possibly with a tiny rounding error).
      8. Press the largest-sized "A".
      9. The text should get bigger.
      10. Check the size of the "If enabled, a text editor will..." text on this page.  The computed size should be 21px.
      11. Press the smallest "A"
      12. The text should return to the original size.
      13. Check the size of the "If enabled, a text editor will..." text on this page.  The computed size should be 14px.
      14. Press the middle-sized "A".
      15. The text should get bigger.
      16. Restart the app.
      17. When the app reloads, the text should still be at the middle size.
      18. Go App Settings > General in the main menu
      19. The middle-sized "A" should be selected.

       

      Show
      To test this, you will need to have access to the browser dev tools, either in the Moodle desktop app or by using USB debugging on a device/emulator. Log in to the app Go App Settings > General in the main menu You should see a "Text size" option with a 3-part segment control, showing a small, medium and large "A". The smallest should be active. Check the size of the "If enabled, a text editor will..." text on this page.  The computed size should be 14px. Press the middle-sized "A". The text should get bigger. Check the size of the "If enabled, a text editor will..." text on this page.  The computed size should be 17px (possibly with a tiny rounding error). Press the largest-sized "A". The text should get bigger. Check the size of the "If enabled, a text editor will..." text on this page.  The computed size should be 21px. Press the smallest "A" The text should return to the original size. Check the size of the "If enabled, a text editor will..." text on this page.  The computed size should be 14px. Press the middle-sized "A". The text should get bigger. Restart the app. When the app reloads, the text should still be at the middle size. Go App Settings > General in the main menu The middle-sized "A" should be selected.  
    • Affected Branches:
      MOODLE_37_STABLE
    • Pull Master Branch:
      MOBILE-3100_integration
    • Sprint:
      Moodle App 3.7.1

      Description

      Currently the base font size of the app is 10px, with all other fonts calculated relative to that.

      Ionic doesn't apply changes to the font size in the app based on OS settings on iOS.  To ensure the app is accessible, we need to allow users to change the font size if needed for ease of reading.

      In our user testing, this has been indicated as an issue by some users with visual impariments, especially when reading long pages of text.

        Attachments

        1. Android.jpg
          Android.jpg
          86 kB
        2. iPad.jpg
          iPad.jpg
          138 kB

          Activity

            People

            • Assignee:
              marxjohnson Mark Johnson
              Reporter:
              marxjohnson Mark Johnson
              Peer reviewer:
              Pau Ferrer
              Integrator:
              Juan Leyva
              Tester:
              Pau Ferrer
              Participants:
              Component watchers:
            • Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated: