Loading video...

Video Failed to Load

Go Home

Understanding Accessibility A tool for web designers that explains how to use color, typography and media to create accessible interfaces.

101babich's profile picture

Nick Babich

24,262 subscribers

142,022 views • 2 years ago •via X (Twitter)

EducationScience & TechnologyArts
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

My friends! The #Harmony color palette is now live on Product Hunt for the next 24 hours. We’re thrilled to contribute to the community. There aren’t many products that prioritize accessibility, streamline the experiences of designers and developers, and are available for free.
0:16

My friends! The #Harmony color palette is now live on Product Hunt for the next 24 hours. We’re thrilled to contribute to the community. There aren’t many products that prioritize accessibility, streamline the experiences of designers and developers, and are available for free.

Roman Shamin

21,111 views • 2 years ago

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.
0:19

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.

Dan Hollick

44,114 views • 1 year ago

looking at my ’25 recap and yeah, ai changed a lot we design interfaces for ai products, use ai to build web stuff and generate tons of assets
0:13

looking at my ’25 recap and yeah, ai changed a lot we design interfaces for ai products, use ai to build web stuff and generate tons of assets

Eugene Y.

284,019 views • 3 months ago

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon
0:19

I built a tool that generates a DESIGN.md from any website. Paste a URL → get a semantic design document your AI agent actually understands: color relationships, typography, spacing logic, and component patterns. Launching soon

Mike Bespalov

235,697 views • 2 months ago

settings, accessibility/display/language, and then when you’re in it, press display to change color.. accessibility is to make it lighter, or the way it is ! also I think it only works for website so.. not sure though. I don’t use the app
0:15

settings, accessibility/display/language, and then when you’re in it, press display to change color.. accessibility is to make it lighter, or the way it is ! also I think it only works for website so.. not sure though. I don’t use the app

ra is inactive

134,375 views • 1 month ago

Finally found a simple fix for that black foliage issue in UE5 – Set material to Masked and Two Sided foliage – Connect Base Color to Subsurface Color (or use a separate color param for more control)
0:13

Finally found a simple fix for that black foliage issue in UE5 – Set material to Masked and Two Sided foliage – Connect Base Color to Subsurface Color (or use a separate color param for more control)

LittleOne Studio

113,328 views • 8 months ago

Google integrated AI into Docs. Now AI can help you to create content for Social media, Blog, SEO and more. Here’s how to use Google AI writing assistant for FREE 👇
0:12

Google integrated AI into Docs. Now AI can help you to create content for Social media, Blog, SEO and more. Here’s how to use Google AI writing assistant for FREE 👇

Abhishek

232,713 views • 2 years ago

Add Rive animations to your iPhone, iPad, or Mac app with Bitrig! Rive is a real-time animation tool that lets designers create interactive, state-driven animations. With Bitrig, adding them is as simple as a drag and drop!
0:19

Add Rive animations to your iPhone, iPad, or Mac app with Bitrig! Rive is a real-time animation tool that lets designers create interactive, state-driven animations. With Bitrig, adding them is as simple as a drag and drop!

Bitrig

20,750 views • 2 months ago

look how easy it is for her to use the tool, it's so fast and looks so easy
0:18

look how easy it is for her to use the tool, it's so fast and looks so easy

Fairy

2,494,998 views • 1 month ago

Good news for web typography: text-indent with each-line and hanging keywords is now Baseline Widely Available → You can now create sophisticated, print-inspired layouts with CSS that work across all major engines.
0:15

Good news for web typography: text-indent with each-line and hanging keywords is now Baseline Widely Available → You can now create sophisticated, print-inspired layouts with CSS that work across all major engines.

Chrome for Developers

28,110 views • 2 months ago

Published today: A new (or rather, old) approach to typography on the web. Typography is too often reduced to a tidy set of tokens and ratios. But no formula is universal. Different context demands different systems. We designed a type system that feels precise to the eye, not just in code. Link below!
0:15

Published today: A new (or rather, old) approach to typography on the web. Typography is too often reduced to a tidy set of tokens and ratios. But no formula is universal. Different context demands different systems. We designed a type system that feels precise to the eye, not just in code. Link below!

Daybreak

196,350 views • 9 months ago

How I use Claude to build luxury real estate websites 👇 • Create a cinematic luxury real estate experience • Use fullscreen hero sections + smooth scroll • Add layered visuals + parallax for depth • Keep typography minimal and premium • Use GSAP + ScrollTrigger + Lenis • Add fades, reveals, and image expansion on scroll • Include subtle hover + cursor interactions • Keep motion slow, smooth, Save this 🚀
0:13

How I use Claude to build luxury real estate websites 👇 • Create a cinematic luxury real estate experience • Use fullscreen hero sections + smooth scroll • Add layered visuals + parallax for depth • Keep typography minimal and premium • Use GSAP + ScrollTrigger + Lenis • Add fades, reveals, and image expansion on scroll • Include subtle hover + cursor interactions • Keep motion slow, smooth, Save this 🚀

FHILY👑

135,666 views • 1 month ago

Accessibility features, designed specifically for you. #AppleAccessibility #GAAD To learn how to use built-in features like VoiceOver, AssistiveTouch, Detection Mode, and more, check out our playlist on YouTube:
0:16

Accessibility features, designed specifically for you. #AppleAccessibility #GAAD To learn how to use built-in features like VoiceOver, AssistiveTouch, Detection Mode, and more, check out our playlist on YouTube:

Apple Support

89,869 views • 3 years ago

i use multiply to create shadows. each shadow is clipped to the base color layer and i change the hue depending on the mood i want to create.
0:14

i use multiply to create shadows. each shadow is clipped to the base color layer and i change the hue depending on the mood i want to create.

KUSO 🔞 URAGONER gamedev

764,703 views • 16 days ago

UI/UX Designers, I recently found a new website for creating beautiful moving gradients. ShaderGradient is an online tool that helps create beautiful gradients. You can customize colors, shapes & motion properties. The tool is also available in Figma. Website →
0:15

UI/UX Designers, I recently found a new website for creating beautiful moving gradients. ShaderGradient is an online tool that helps create beautiful gradients. You can customize colors, shapes & motion properties. The tool is also available in Figma. Website →

Abraham John 🦄🦓

135,997 views • 2 years ago

Klipz is hiring! Looking for talented Motion Designers & Graphic Designers 🔥 Work with me and my team and create content for the biggest crypto products 📲 To apply, send me a DM and share your portfolio link
0:10

Klipz is hiring! Looking for talented Motion Designers & Graphic Designers 🔥 Work with me and my team and create content for the biggest crypto products 📲 To apply, send me a DM and share your portfolio link

Azat

29,505 views • 1 month ago

1. Webflow. I use this tool to create landing pages for all of my businesses. You can create custom websites on a completely visual canvas with no code.
0:11

1. Webflow. I use this tool to create landing pages for all of my businesses. You can create custom websites on a completely visual canvas with no code.

Modest Mitkus

66,114 views • 2 years ago