Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • A a11yproject.com
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 40
    • Issues 40
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 10
    • Merge requests 10
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • The A11Y Project
  • a11yproject.com
  • Merge requests
  • !1192

Fix build error on deploy from missing return within text-fence

  • Review changes

  • Download
  • Email patches
  • Plain diff
Merged Wayne Elgin requested to merge github/fork/esjay/bug/text-fence-build-error into main 4 years ago
  • Overview 1
  • Commits 1
  • Pipelines 0
  • Changes 1
Compare
  • main (base)

and
  • latest version
    809e1f16
    1 commit, 2 years ago

1 file
+ 6
- 6

    Preferences

    File browser
    Compare changes
src/posts/2020-02-05-text-resizing-in-ios-and-android.md
+ 6
- 6
  • View file @ 809e1f16

  • Edit in single-file editor

  • Open in Web IDE


@@ -12,7 +12,7 @@ further_reading:
- title: Designing Apps with Accessible Fonts
url: https://www.mobileux.net/2019/06/24/designing-apps-with-accessible-fonts/
source: Mobile UX
eleventyNavigation:
key: {{ category }}
title: {{ title }}
@@ -20,7 +20,7 @@ tags:
- mobile
---
When you're designing for mobile, it's important to remember that some people will need to change the size of the content to read it easily.
When you're designing for mobile, it's important to remember that some people will need to change the size of the content to read it easily.
There are so many ways to view content on mobile devices, from zooming in to orienting the screen differently, so a failure to design in a dynamic environment can lead to accessibility issues. There are different ways you can attend to this, whether you're writing an app for iOS or Android.
@@ -42,16 +42,16 @@ There isn't a tool like Dynamic Type in Android, so you'll need to scale the tex
[Minimum font-size](https://uxdesign.cc/guide-for-designing-better-mobile-apps-typography-5796495ef86f) for body text should be 16sp:
``` android: textSize=16sp
```
android: textSize=16sp
```
You'll also want to remember to make your [content container scrollable](https://medium.com/mesmerhq/designing-accessible-text-for-android-variable-font-and-screen-sizes-392fd386aea5). If it's not, you'll just cut off the extra content when a person zooms in.
Also consider that apps may contain HTML views. There are a couple things to keep in mind here for accessibility as well.
Also consider that apps may contain HTML views. There are a couple things to keep in mind here for accessibility as well.
## HTML
In your HTML, make sure to use relative units for responsive design. Here's [a resource from The CSS Layout Workshop](https://thecssworkshop.com/lessons/relative-units) for applying them to your HTML via CSS. If you don't use relative units, people could end up having to use horizontal and vertical scrolling to view content, [which violates WCAG 1.4.10](https://www.w3.org/TR/WCAG21/#reflow).
Note that a person's pinch-to-zoom capability will be frustrated on mobile < iOS10 if you add `maximum-scale=1.0` to the `meta` element. This could [force a person to view your content without zooming](https://www.a11yproject.com/posts/2013-01-14-never-use-maximum-scale/), which could make that content unviewable to them.
Note that a person's pinch-to-zoom capability will be frustrated on mobile < iOS10 if you add `maximum-scale=1.0` to the `meta` element. This could [force a person to view your content without zooming](https://www.a11yproject.com/posts/2013-01-14-never-use-maximum-scale/), which could make that content unviewable to them.
0 Assignees
None
Assign to
0 Reviewers
Request review from
Labels
0
None
0
None
    Assign labels
  • Manage project labels

Milestone
No milestone
None
None
Time tracking
Lock merge request
Unlocked
participants
Reference:
Source branch: github/fork/esjay/bug/text-fence-build-error