State of Web accessibility, ARIA in HTML, and missing UI patterns

01:21 Leonie and TetraLogical06:28 State of accessibility13:34 Screen readers19:38 AI-generated alts27:33 Specs interoperability38:22 Missing UI patterns49:21 State of ARIA specsHostsLéonie WatsonBruce LawsonVadim MakeevLeonie and TetraLogicalLéonie’s blogLéonie on MastodonLéonie on LinkedInTetraLogicalState of accessibilityARIA Authoring Practices GuideScreen readersJAWSNVDAVoiceOverAI-generated altsThoughts on screen readers and image recognitionSpecs interoperabilityHTML: The search elementMissing UI patternsOpen UIState of ARIA specsARIA in HTML

01:32 Cats and View Transitions10:28 Design and inspiration21:43 Browser support32:27 Use cases and future proofing41:22 Shopify and cake jokesHostsJake ArchibaldBruce LawsonVadim MakeevJake on socialsJake on MastodonJake on TwitterJake’s blogCats and View TransitionsMissing cat thread on TwitterSmooth and simple transitions with the View Transitions APIDesign and inspirationGoogle I/O: Bringing page transitions to the webView Transitions API at WICGBrowser supportCan I use: View Transitions APIDelightful UI Animations With Shared Element Transitions APIUse cases and future proofingAdding a simple View Transition to an MPAShopify and cake jokesMadeira cake recipe

01:44 Lea’s hats in 19.3 seconds11:16 What is the W3C TAG24:05 CSSWG, TC39, and others33:36 WHATWG, W3C, and WebDX46:19 Family, SVG, and named colorsHostsLea VerouBruce LawsonVadim MakeevLea’s hats in 19.3 secondsLea on MastodonLea on TwitterLea’s blogWhat is the W3C TAGW3C TAGCSSWG, TC39, and othersCSSWGTC39WHATWG, W3C, and WebDXWHATWGWebDX Community GroupFamily, SVG, and named colorsChris LilleyColor.js

00:01:19 Thomas and the Fugu project00:10:48 Partners and priorities00:17:13 Mozilla’s and Apple’s positions00:36:38 Support realms00:50:59 Web vs native competition01:02:46 Fugu’s future plansHostsThomas SteinerBruce LawsonVadim MakeevThomas and the Fugu projectThomas on MastodonThomas on TwitterThomas’ blogFugu landing pagePartners and prioritiesFugu API ShowcaseBlink Shipping ProcessFugu Shipping ProcessMozilla’s and Apple’s positionsMozilla Standards PositionsWebKit Standards PositionsIE legacy APIsSupport realmsWeb Push for Web Apps on iOS and iPadOSBopPad by Keith McMillenWeb vs native competitionCapacitorSVGcodeFugu’s future plansFugu API TrackerIsolated Web Apps Explainer

01:52 Origins or Apple browser ban11:04 The reasons behind the ban24:04 Browser engines preparations31:38 Possibility of malicious complianceHostsAlex RussellBruce LawsonVadim MakeevLinksAlex Russell on MastodonAlex Russell on TwitterChecking out and building Chromium for iOSSafari 16.4 Is An AdmissionBrowser Choice Must MatterRectums in Apple Healthkit

00:00 Intro01:16 Alex at Microsoft13:39 Dojo history lesson20:16 The case against React36:24 Why companies choose ReactHostsAlex RussellBruce LawsonVadim MakeevLinksAlex Russell on MastodonAlex Russell on TwitterWhat Does My Site Cost?The Market for LemonsThe Performance Inequality Gap, 2023A Management Maturity Model for Performance

00:44 Browser choice on iOS15:50 Why should we care?24:51 What Apple’s doing?33:06 Developers are disappointed38:56 Next steps and possible futureHostsStuart LangridgeBruce LawsonVadim MakeevLinksTalking to the Competition and Markets Authority about AppleBrowser choice on Apple’s iOS: privacy and security aspectsSet Safari free!Briefing to the UK CMA on Apple’s iOS browser monopoly and PWAiOS Engine Choice In Depth by Alex Russel

01:12 Theme-color and extensions in Safari 1514:24 Testing a11y in React Native app24:40 You can :has pseudo classHostsBruce LawsonVadim MakeevTheme-color and extensions in Safari 15Safari 15 Beta Release NotesWebKit Features in Safari at WWDC21Design for Safari 15Meet Safari Web Extensions on iOSThe web developer’s toolkitTesting a11y in React Native appFacebook roadmap to improve a11yRandom Expo.io tipsReact Native to webYou can :has pseudo classCan I :has()Meet :has, A Native CSS Parent Selector

02:04 Susy and Sass15:38 CSS Layers22:46 CSS compatibility33:44 Container QueriesHostsMiriam SuzanneBruce LawsonVadim MakeevSusy and SassSusySass ModulesMiriam’s websiteCSS LayersThe famous tweet with 3 specsCSS Cascade LayersCSS compatibilityEric Meyer on The F-WordContainer QueriesContainer Queries explainerContainer Queries: a Quick Start GuidePolyfill for Container QueriesCSS Scoping

00:40 Eric in Igalia07:50 What’s coming22:54 CSS Nesting34:34 Cascading LayersHostsEric MeyerBruce LawsonVadim MakeevEric in IgaliaFirst Day at IgaliaWeek OneIgaliaWhat’s comingFocus-visible in WebKitCSS Working Group DraftsCSS NestingCSS Nesting Module (2020)CSS Nesting Module (2015)Chromium issueCascading LayersCSS Cascading and Inheritance Level 5