From the course: Accessibility and Inclusion with Figma
Unlock the full course today
Join today to access over 24,900 courses taught by industry experts.
Touch targets
From the course: Accessibility and Inclusion with Figma
Touch targets
- [Instructor] Nothing irritates me more than tapping on a button or a link in an app on my iPhone and nothing happens. This inevitably requires me to zoom in on the offending element and then tap it to get where I want to go. With the Touch Targets tool in Stark, I can quickly identify the offenders and make adjustments. To see how this works, open the TouchTargets.fig file in your chapter download, and select Touch Targets in your Stark lineup. And then let's zoom in on the favorite button right here. So we've got Touch Targets. And we're going to select the button. And you can see that the button fails. Now, you're looking at iOS and Material Design. Think of Material Design as being Google's design system, which is used primarily on websites and Android devices. So basically, the height is all wrong. And by the way, if you don't trust these measurements, come on over here, 75, 25. Well, this isn't just helpful for…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
- Accessibility3m 20s
- Installing the Stark plugin for Figma1m 28s
- (Locked) Using Stark’s contrast checker4m 17s
- (Locked) Using Stark’s typography checker2m 26s
- (Locked) Reviewing alt text3m 19s
- (Locked) Correct focus order2m 38s
- (Locked) Using Stark’s vision simulator4m 22s
- (Locked) Touch targets2m 18s
- (Locked) Adding landmarks2m 19s
- (Locked) Add Aria notes3m 51s
- (Locked) Using Sidekick2m 19s
- (Locked) The Stark accessibility checklist widget5m 1s
-
-
-
-
-
-
-