Journal

Tag

#accessibility

Bluetooth Hearing Aid EQ Mixer UI for iOS: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 7 min read

Bluetooth Hearing Aid EQ Mixer UI for iOS

Build a Bluetooth hearing aid EQ mixer UI for iOS in SwiftUI, bound to AVAudioUnitEQ. Here is the audio path, the band sliders, and what to keep honest.

Lawrence Arya · June 18, 2026
Best Fonts for Mobile Apps in 2026 (SwiftUI Guide): a reflective 3D App Store icon on a blue and purple gradient
Guides 10 min read

Best Fonts for Mobile Apps in 2026 (SwiftUI Guide)

SF Pro is still the best default for iOS in 2026: free, Dynamic Type ready, and tuned for screens. Here is when a custom font is worth it, and how to set it up.

Lawrence Arya · June 11, 2026
Color Blind Mode Toggle UI for iOS Apps: A Guide: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 10 min read

Color Blind Mode Toggle UI for iOS Apps: A Guide

A good color blind mode stops relying on color alone, not just recolors the screen. Here is how to build the toggle, respect iOS settings, and add non-color cues.

Lawrence Arya · June 11, 2026
iOS UI Components That Pass WCAG AAA: What It Really Takes: a reflective 3D App Store icon on a blue and purple gradient
Guides 9 min read

iOS UI Components That Pass WCAG AAA: What It Really Takes

AAA is a per-criterion achievement, not a site-wide badge. Here is which WCAG AAA criteria iOS components can truly meet, and how to verify the claim.

Lawrence Arya · June 10, 2026
WCAG compliant color palette in SwiftUI: a practical build: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 11 min read

WCAG compliant color palette in SwiftUI: a practical build

Build a WCAG compliant color palette in SwiftUI: the contrast ratios, semantic asset colors with dark and high-contrast variants, and signals beyond color.

Lawrence Arya · June 10, 2026
Build a Live Translation Closed Captions Overlay on iOS: a reflective 3D App Store icon on a blue and purple gradient
Guides 8 min read

Build a Live Translation Closed Captions Overlay on iOS

Live captions transcribe speech in real time and stay readable over anything. Here is how to build a live translation closed captions overlay on iOS.

Lawrence Arya · June 8, 2026
iOS Context Menu Long-Press Blur in SwiftUI: a glass iPhone app-grid icon on a mint and teal gradient
Guides 6 min read

iOS Context Menu Long-Press Blur in SwiftUI

The native .contextMenu gives the lift, blur, and haptic for free. Build custom only when it is not a menu, and drive all three layers from one spring.

Lawrence Arya · June 7, 2026
Screen-Reader-Optimized Forms in React Native: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 6 min read

Screen-Reader-Optimized Forms in React Native

A screen reader reads structure, not appearance. Optimized forms need associated labels, announced errors, exposed state, and logical focus.

Lawrence Arya · June 7, 2026
Dyslexia-Friendly Font Toggle UI: Reading Preferences: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

Dyslexia-Friendly Font Toggle UI: Reading Preferences

Build a dyslexia-friendly reading settings panel: the evidence-honest font story, spacing as the reliable lever, stigma-free framing, and system-first defaults.

Lawrence Arya · June 5, 2026
Secure Voting Ballot App UI Template for iOS: Honest Guide: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 6 min read

Secure Voting Ballot App UI Template for iOS: Honest Guide

What a voting ballot UI template can and cannot promise on iOS: ballot clarity, review-before-cast, receipt honesty, and where real election security lives.

Lawrence Arya · June 5, 2026
React Native Text Cut Off on iPhone SE: The Fix: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Workflows 5 min read

React Native Text Cut Off on iPhone SE: The Fix

Text clips on the iPhone SE because of fixed heights and text that cannot shrink or wrap. Here is why it happens and the React Native fixes that hold at any size.

Lawrence Arya · June 4, 2026
Universal Design With AI in React: Accessible by Default: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 6 min read

Universal Design With AI in React: Accessible by Default

Build universally accessible React UI with AI: start from a free VP0 design and accessible primitives, then verify keyboard, contrast and screen reader support.

Lawrence Arya · June 4, 2026
Accessible Data Table in React 19: A Complete Guide: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 7 min read

Accessible Data Table in React 19: A Complete Guide

Build an accessible data table in React 19: semantic markup, aria-sort, selection labels, live-region announcements, and what React 19's new features change.

Lawrence Arya · June 3, 2026
AI-Generated Audio Player for React: Build Guide: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

AI-Generated Audio Player for React: Build Guide

Generate a clean React audio or podcast player free: start from a VP0 design, build the UI in Cursor, then wire the audio element and accessible controls.

Lawrence Arya · June 3, 2026
ARIA-Compliant Dropdown AI Generator: How To: a reflective 3D App Store icon on a blue and purple gradient
Guides 5 min read

ARIA-Compliant Dropdown AI Generator: How To

Generate an ARIA-compliant dropdown with AI that passes a WCAG audit. Name the combobox pattern, start from a free VP0 design, then verify with axe-core.

Lawrence Arya · June 3, 2026
Accessible AI-Generated React Components: A Builder's Guide: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 6 min read

Accessible AI-Generated React Components: A Builder's Guide

AI gets accessible React components most of the way there, not all. Here is how to add semantics, keyboard nav and contrast, then verify with axe and screen readers.

Lawrence Arya · June 2, 2026
ADHD Daily Routine Planner UI in SwiftUI, Free: a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 5 min read

ADHD Daily Routine Planner UI in SwiftUI, Free

Build an ADHD-friendly daily routine planner in SwiftUI from a free template. Visual, low-friction, time-aware design with Claude Code or Cursor.

Lawrence Arya · June 1, 2026
Dynamic Type Text Scaling Bugs in SwiftUI: The Fix: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Workflows 5 min read

Dynamic Type Text Scaling Bugs in SwiftUI: The Fix

SwiftUI text clipping or truncating when users scale font size? Here is why Dynamic Type breaks layouts and how to make text scale gracefully.

Lawrence Arya · June 1, 2026
Autism AAC Communication Board App Template (Free): a vivid neon 3D App Store icon on an orange, pink and blue gradient
Guides 4 min read

Autism AAC Communication Board App Template (Free)

Build an AAC communication board app from a free VP0 iOS design: a big symbol grid, a sentence strip, and text-to-speech, accessible-first, made with caregivers.

Lawrence Arya · May 31, 2026
Bluetooth Hearing Aid Equalizer UI: Accessible Controls: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 4 min read

Bluetooth Hearing Aid Equalizer UI: Accessible Controls

A hearing aid companion app must be supremely accessible. Build large-slider EQ and program controls from a free VP0 design for users who need them most.

Lawrence Arya · May 31, 2026
Dyslexia-Friendly Mobile App UI: Readable by Design: a glass iPhone app-grid icon on a mint and teal gradient
Guides 4 min read

Dyslexia-Friendly Mobile App UI: Readable by Design

Dyslexia-friendly design helps a huge audience read with ease. Build a readable app UI from a free VP0 design with the right type, spacing, and never justified text.

Lawrence Arya · May 31, 2026
Elderly-Friendly Large-Text App UI Template: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 4 min read

Elderly-Friendly Large-Text App UI Template

Build a senior-friendly large-text app from a free VP0 iOS design: big type, high contrast, large targets, and simple navigation.

Lawrence Arya · May 31, 2026
First Aid Step-by-Step Instruction UI Template: a reflective 3D App Store icon on a blue and purple gradient
Guides 5 min read

First Aid Step-by-Step Instruction UI Template

Build a first aid guide app from a free VP0 design: clear step-by-step instructions, a CPR timer, offline access, and an honest call-emergency-services first frame.

Lawrence Arya · May 31, 2026
Fix Broken Arabic RTL Layouts in AI-Generated iOS Apps: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 5 min read

Fix Broken Arabic RTL Layouts in AI-Generated iOS Apps

ChatGPT and Cursor often hardcode left-to-right layouts, so Arabic text looks broken. Here is how to make iOS layouts flip correctly, using a free VP0 design.

Lawrence Arya · May 31, 2026