Skip to content

Commit e116266

Browse files
authored
Merge pull request #970 from AvdLee/docs/tinted-liquid-glass-accessibility
docs: add tinted liquid glass accessibility docs
2 parents 40291bb + 4c87103 commit e116266

4 files changed

Lines changed: 29 additions & 4 deletions

File tree

1.34 MB
Loading
551 KB
Loading
Lines changed: 20 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,26 @@
11
---
22
title: "Toggles & Dynamic Text"
3-
description: "Test accessibility toggles and Dynamic Type sizes on the iOS Simulator without navigating through Settings. Validate your app's accessibility support in real time."
3+
description: "Test accessibility toggles, Tinted Liquid Glass, and Dynamic Type sizes on the iOS Simulator without navigating through Settings."
44
---
55

6-
During app development, its important to test your apps accessibility support to ensure its usable by everyone. Xcode provides so-called Environment Toggles, but theyre not accessible when youre focused on the Simulator.
6+
During app development, it's important to test your app's accessibility support to ensure it's usable by everyone. Xcode provides so-called Environment Toggles, but they're not easily accessible when you're focused on the Simulator.
77

8-
RocketSims Side Window provides similar functionality but makes them available whenever you need them:
8+
RocketSim's Side Window provides similar functionality and keeps accessibility toggles available whenever you need them:
99

10-
![Accessibility toggles and Dynamic Type slider in the side window](./toggles-and-dynamic-text/cleanshot_2023-11-01_at_14.38.532x.png)
10+
![Accessibility toggles and Dynamic Type slider in the side window](../../../../../assets/features/toggles-dynamic-text.png)
11+
12+
## Tinted Liquid Glass testing
13+
14+
When Liquid Glass was introduced, many developers quickly ran into accessibility concerns. iOS later added a Tinted Liquid Glass mode to improve contrast, but that does not automatically guarantee your UI will remain readable in every case.
15+
16+
Until recently, testing this mode usually required a physical device. With RocketSim's accessibility toggles, you can now enable Tinted Liquid Glass directly in the Simulator and compare both states while iterating on your app.
17+
18+
![Side-by-side comparison of an app before and after enabling the Tinted Liquid Glass accessibility toggle in RocketSim](../../../../../assets/features/liquid-glass-accessibility-testing-compare.jpg)
19+
20+
Even small visual changes can affect legibility, hierarchy, and overall usability. This comparison shows how a subtle difference can still have a meaningful impact for users who rely on accessibility features.
21+
22+
## Accessibility toggles and Dynamic Type
23+
24+
Beyond Tinted Liquid Glass, RocketSim lets you quickly test settings like Increase Contrast, Reduce Transparency, Bold Text, Reduce Motion, On/Off Labels, Button Shapes, Grayscale, Inverted Colors, and Differentiate without Color.
25+
26+
You can also adjust Dynamic Type sizes from the same side window, making it easy to verify layouts, spacing, and truncation without navigating away from your app.

docs/src/content/docs/docs/features/capturing/post-editor.md renamed to docs/src/content/docs/docs/features/capturing/post-editor.mdx

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,15 @@ RocketSim 15 adds a built-in post editor for both screenshots and recordings. Af
99

1010
RocketSim refers to this window as the **Capture Editor** in the app, but you can think of it as the post-editing step for your captures.
1111

12+
## Watch the post editor in action
13+
14+
If you want a quick walkthrough before diving into the details below, this demo video shows the post editor workflow for captured media.
15+
16+
<Youtube
17+
url="https://www.youtube.com/watch?v=3LlGj6oVi7A"
18+
title="RocketSim Post Editor demo"
19+
/>
20+
1221
## Opening the editor
1322

1423
The quickest way to open the post editor is from the [floating thumbnail](/docs/features/capturing/floating-thumbnail) that appears after you create a screenshot or recording.

0 commit comments

Comments
 (0)