Loading video...

Video Failed to Load

Go Home

"Accessibility and CSS go hand in hand, significantly impacting user experience." Emma Bostian delves into the vital connection between web development and accessibility. Get the foundations of CSS in Emma's course:

FrontendMasters's profile picture

Frontend Masters 💻✨

126,788 subscribers

21,815 views • 2 years ago •via X (Twitter)

EducationHealth & WellnessScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

4 Comments

Bheart Shrestha's profile picture
Bheart Shrestha2 years ago

@EmmaBostian Nice tattoo @EmmaBostian

udao's profile picture
udao1 year ago

UDAO, the next big Web3 Use Case: LinkedIn x Coursera on Blockchain

Adam's profile picture
Adam2 years ago

@EmmaBostian 👍😊

Simon Flack 💙💛's profile picture
Simon Flack 💙💛2 years ago

@EmmaBostian I think that's a common misconception about `visibility: hidden` -- It doesn't just hide things visually - it's also removed from the accessibility tree: To achieve that, it's recommended to add a `sr-only` or `visually-hidden` class to your CSS

Related Videos

🧵 (Re)introducing the Practical Accessibility course: ✨ A comprehensive, self-paced, get-right-down-to-it video course designed to demystify web accessibility and equip you with the knowledge you need to create more accessible websites & apps today ⤵️
4:54

🧵 (Re)introducing the Practical Accessibility course: ✨ A comprehensive, self-paced, get-right-down-to-it video course designed to demystify web accessibility and equip you with the knowledge you need to create more accessible websites & apps today ⤵️

Sara Soueidan

74,818 views • 2 years ago

The latest episode of "What's New in Google Accessibility" is out now. Learn about new accessibility features and updates for Pixel, Android, Chrome & Chromebook, and Workspace. #a11y #Accessibility
7:18

The latest episode of "What's New in Google Accessibility" is out now. Learn about new accessibility features and updates for Pixel, Android, Chrome & Chromebook, and Workspace. #a11y #Accessibility

Google Accessibility

19,169 views • 11 months ago

UFO Disclosure and AI development go hand in hand Joe Rogan and Jesse Michels discuss the convergance of these two milestones of our species
3:09

UFO Disclosure and AI development go hand in hand Joe Rogan and Jesse Michels discuss the convergance of these two milestones of our species

Red Panda Koala

14,568 views • 6 months ago

#VOLT will get listed on 火币HTX on March 13, 2023 🔥 Founded in 2013, #Huobi is one of the leading exchanges in terms of volume & users especially with their strong user base in China 🚀 This listing will significantly increase the $VOLT legitimacy and accessibility 🌐⚡️
0:42

#VOLT will get listed on 火币HTX on March 13, 2023 🔥 Founded in 2013, #Huobi is one of the leading exchanges in terms of volume & users especially with their strong user base in China 🚀 This listing will significantly increase the $VOLT legitimacy and accessibility 🌐⚡️

Volt Inu ⚡️

548,560 views • 3 years ago

Get tips and resources to help you or a loved one learn more about built-in accessibility features. Here’s how to use the Mac Accessibility Assistant in the Shortcuts app. #AppleAccessibility Get the shortcut:
1:17

Get tips and resources to help you or a loved one learn more about built-in accessibility features. Here’s how to use the Mac Accessibility Assistant in the Shortcuts app. #AppleAccessibility Get the shortcut:

Apple Support

109,325 views • 2 years ago

🧵 (Re)introducing the Practical Accessibility course: ✨ It is a comprehensive, self-paced, online video course designed to demystify web accessibility and to equip you with the knowledge you need to create more accessible websites & apps today 💪🏻 ⤵️
4:53

🧵 (Re)introducing the Practical Accessibility course: ✨ It is a comprehensive, self-paced, online video course designed to demystify web accessibility and to equip you with the knowledge you need to create more accessible websites & apps today 💪🏻 ⤵️

Sara Soueidan is on Bluesky

21,121 views • 1 year ago

Spotting of the elusive Snow Leopard in the High Himalayas by Project Himank 𝐁𝐨𝐫𝐝𝐞𝐫 𝐑𝐨𝐚𝐝𝐬 𝐎𝐫𝐠𝐚𝐧𝐢𝐬𝐚𝐭𝐢𝐨𝐧 - a powerful reminder that infrastructure development and nature conservation go hand in hand.
0:43

Spotting of the elusive Snow Leopard in the High Himalayas by Project Himank 𝐁𝐨𝐫𝐝𝐞𝐫 𝐑𝐨𝐚𝐝𝐬 𝐎𝐫𝐠𝐚𝐧𝐢𝐬𝐚𝐭𝐢𝐨𝐧 - a powerful reminder that infrastructure development and nature conservation go hand in hand.

Aditya Raj Kaul

46,149 views • 4 months ago

📣 CSS Wrapped 2024 has dropped 📣 Join us (and our skateboarding dinosaur) on a journey through all the latest and greatest CSS and UI improvements that launched for Chrome and the web platform in 2024 ▶️
0:55

📣 CSS Wrapped 2024 has dropped 📣 Join us (and our skateboarding dinosaur) on a journey through all the latest and greatest CSS and UI improvements that launched for Chrome and the web platform in 2024 ▶️

Chrome for Developers

901,895 views • 1 year ago

Need a brand logo? This probably has it. → One of the biggest libraries of brand logos. Browse across categories like: • AI • accessibility • auth • automotive • architecture Export in: • React / HTML / CSS / Next.js • SVG / WebP / raster Probably every logo you’ll ever need.
0:52

Need a brand logo? This probably has it. → One of the biggest libraries of brand logos. Browse across categories like: • AI • accessibility • auth • automotive • architecture Export in: • React / HTML / CSS / Next.js • SVG / WebP / raster Probably every logo you’ll ever need.

Kailash

246,720 views • 22 days ago

The hand-to-hand combat between Riyo and Noerde in Gachiakuta (2025)
0:25

The hand-to-hand combat between Riyo and Noerde in Gachiakuta (2025)

Anime Shots

29,652 views • 5 months ago

We’re excited to launch Panda Mastery 🐼, an in-depth course on building design systems and web applications with Panda CSS. I enjoyed collaborating with Esther Esther 🥑 on this course. It has been in the making for over six months! Get it now at
1:08

We’re excited to launch Panda Mastery 🐼, an in-depth course on building design systems and web applications with Panda CSS. I enjoyed collaborating with Esther Esther 🥑 on this course. It has been in the making for over six months! Get it now at

Sage ⚡️

13,024 views • 1 year ago

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳
1:14

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳

jhey ʕ•ᴥ•ʔ

59,139 views • 7 months ago

CSS shape() landed in Firefox 148. It's similar to path(), but allows the full expressiveness of CSS…
1:56

CSS shape() landed in Firefox 148. It's similar to path(), but allows the full expressiveness of CSS…

Firefox for Web Developers

11,137 views • 3 months ago

Yuriko Oda is the founder and CEO of Wheelog! – a user-generated accessibility map application that shows where wheelchair users can go. A champion for the #GlobalGoals, she received the Japan SDGs Award in December 2023 for her creative & inclusive work.
2:19

Yuriko Oda is the founder and CEO of Wheelog! – a user-generated accessibility map application that shows where wheelchair users can go. A champion for the #GlobalGoals, she received the Japan SDGs Award in December 2023 for her creative & inclusive work.

UN News

17,996 views • 10 months ago

Built a modular and dynamic CHUNK type system component in Framer using React and pure CSS. I created a responsive construction system first, then hand crafted every single letter and number in CSS so each glyph has its own structure, balance and character. As the frame changes, the typography reshapes rather than just scales. Part font, part layout engine, part self-inflicted obsession.
0:41

Built a modular and dynamic CHUNK type system component in Framer using React and pure CSS. I created a responsive construction system first, then hand crafted every single letter and number in CSS so each glyph has its own structure, balance and character. As the frame changes, the typography reshapes rather than just scales. Part font, part layout engine, part self-inflicted obsession.

Lee Black

10,580 views • 2 months ago

The latest episode of "What's New in Google Accessibility" is out now. Learn about new accessibility features including captions for Gemini Live, updates for Google Meet, and a Gemini-powered tool that simplifies complex text for easier understanding. #a11y #Accessibility #WhatsNewInGoogleAccessibility #Google
5:07

The latest episode of "What's New in Google Accessibility" is out now. Learn about new accessibility features including captions for Gemini Live, updates for Google Meet, and a Gemini-powered tool that simplifies complex text for easier understanding. #a11y #Accessibility #WhatsNewInGoogleAccessibility #Google

Google Accessibility

23,574 views • 7 months ago

This Collegiate esports program is the first with accessibility for the deaf and hard of hearing. Allowing their players the best experience possible when competing in games Incredible Gallaudet Esports
1:50

This Collegiate esports program is the first with accessibility for the deaf and hard of hearing. Allowing their players the best experience possible when competing in games Incredible Gallaudet Esports

Jake Lucky 🔜 SGF

65,483 views • 2 years ago

🚀 Introducing Panda CSS The modern CSS-in-JS styling engine! Say goodbye to runtime CSS-in-JS 🎨💪✨ 🔸Works with Server Components 🔸Recipes, Variants, and Patterns 🔸Design Tokens Support Works in Next.js, Vue, Qwik, Solid, Astro, and more.
1:11

🚀 Introducing Panda CSS The modern CSS-in-JS styling engine! Say goodbye to runtime CSS-in-JS 🎨💪✨ 🔸Works with Server Components 🔸Recipes, Variants, and Patterns 🔸Design Tokens Support Works in Next.js, Vue, Qwik, Solid, Astro, and more.

Sage ⚡️

413,033 views • 3 years ago

The newest course on Peterson Academy, Dan Crenshaw's nine-hour course: Unconventional Civics, is available now. Join now for immediate access at Peterson Academy. In this course, Crenshaw walks us through the foundations of American government, civics, and foreign policy. Through engaging narratives, he examines the role of government in society, the interaction between various levels of government and economic systems, the requirements for winning elections, and the concept of civic duty. The course also delves into the two-party system, the inner workings of Congress, and the multifaceted role of modern congressional representatives, concluding with an analysis of American foreign policy and its role in contributing to global order.
1:16

The newest course on Peterson Academy, Dan Crenshaw's nine-hour course: Unconventional Civics, is available now. Join now for immediate access at Peterson Academy. In this course, Crenshaw walks us through the foundations of American government, civics, and foreign policy. Through engaging narratives, he examines the role of government in society, the interaction between various levels of government and economic systems, the requirements for winning elections, and the concept of civic duty. The course also delves into the two-party system, the inner workings of Congress, and the multifaceted role of modern congressional representatives, concluding with an analysis of American foreign policy and its role in contributing to global order.

Peterson Academy

55,338 views • 10 months ago

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩
0:36

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

CSS by T. Afif

1,200,631 views • 4 months ago