Skip to content

Commit

Permalink
im tired
Browse files Browse the repository at this point in the history
  • Loading branch information
crescentheaded committed Apr 4, 2024
1 parent 725e85e commit 05bbc77
Show file tree
Hide file tree
Showing 48 changed files with 57 additions and 14 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -21,18 +21,6 @@
}
}

@Section(title: "Elastic Interface") {
@ContentAndMedia {
<#text#>
}

@Steps {
@Step {
<#Work in progress#>
}
}
}

@Section(title: "Large Text") {
@ContentAndMedia {
<#text#>
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -330,7 +330,7 @@
@ContentAndMedia {
Causes Page Turn trait triggers an automatic page turn when VoiceOver finishes reading the content of the element with this trait stated.

@Image(source: placeholder-image, alt: "")
@Image(source: causes-page-turn, alt: "")
}

@Steps {
Expand Down
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# Dynamic Type

Nothing here yet!
Scale fonts in your interface automatically

@Metadata {
@PageColor(blue)
Expand All @@ -18,3 +18,58 @@ Nothing here yet!
purpose: link,
label: "General Knowledge")
}

According to [**WHO**](https://www.who.int/news-room/fact-sheets/detail/blindness-and-visual-impairment) (**W**orld **H**ealth **O**rganisation) at least **2.2 billions people have vision impairments** that affect their **ability to see** in general.

@Image(source: twenty-five-percent, alt: "")

Talking about **Dynamic Type** we are going to discuss those **visual impairments** that affect the *sharpness* of the perceived picture. To learn more about **color blindness** or **major vision loss** visit [**Colors and Shapes**](<doc:ColorsAndShapes>) tutorial and [**VoiceOver**](<doc:VoiceOver>) article accordingly.

@Image(source: vision-loss, alt: "")

## What Is Dynamic Type

**Dynamic Type** is **Apple**'s technology that automatises [**scaling of fonts**](https://support.apple.com/en-us/102453).

A **font** is a family of **glyphs** of the same style used to represent **symbols** -- units of the *written* language.

**Font scaling** is a term that describes **changing the size of symbols** both to *lesser* or *bigger* degrees.

## Adjusting Text Size
Customisation of **text appearance** is the most common accessibility setting chosen by users of various displaying means. **Mobile devices** are more exposed to the need of font scaling support due to a relatively small size of their displays which may be found *inconvenient* for some people to interact with.
@Image(source: dt-sizes, alt: "")


### Use Cases: Symbols Recognition
@Image(source: large-text, alt: "")

Font scaling is purposed to **enhance the visual perception** so people have better **reading experience**. According to statistics, most of the users who change the font size prefer to **enlarge** text. Which, well, sounds reasonable: **close-sight** is not only *inevitably* degrading by age, but **widely present** among vision impairments inherent to *any* age.

### Bold Text
@Image(source: bold-text, alt: "")

Not only *enlargement*, but also **bold appearance** of fonts is used to aid people **recognise symbols**.

### Use Cases: Helping To Focus
Adjusting the size of texts can also be helpful for those people who prefer **to have lesser amount of information present on a screen**, so it is, for example, **easier to comprehend** the interface.

## How to Support Dynamic Type

### Apple Fonts
@Image(source: fonts-book, alt: "")

**Dynamic Type** works well with *any* font that **supports the required scaling**. **All iOS native fonts support Dynamic Type.**
@Image(source: apple-fonts, alt: "")


### SF Symbols
@Image(source: sf-symbols-1, alt: "")

Moreover, Apple provides a powerful instrument that allows developers to scale various **glyphs**, such as **icons**: **SF Symbols** macOS application.
@Image(source: sf-symbols-promo, alt: "")

### Custom Fonts
To support **Dynamic Type** the appropriate **forms of a font** have to be *available* for the application.

### Dynamic Type Enablement
To learn **how to enable your application to have scaling fonts**, see the [**appropriate tutorial**](<doc:DynamicType>.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 05bbc77

Please sign in to comment.