[{"data":1,"prerenderedAt":69},["ShallowReactive",2],{"talk-en-cake-is-a-lie":3},{"id":4,"title":5,"alt":6,"author":7,"body":10,"canonical":6,"createdAt":47,"description":48,"extension":49,"img":6,"meta":50,"navigation":51,"otherLanguages":52,"path":57,"seo":58,"stem":59,"tags":60,"__hash__":68},"talks_en\u002Ftalks\u002Fcake-is-a-lie.md","The Cake Is a Lie... And So Is Your Login's Accessibility",null,{"name":8,"image":9},"Ramona Schwering","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F29896429?s=120&v=4",{"type":11,"value":12,"toc":40},"minimark",[13,18,22,25,29,33,37],[14,15,17],"h2",{"id":16},"abstract","Abstract",[19,20,21],"p",{},"Much like the promise of cake in Portal, login forms are everywhere in web development. While they may seem functional at first glance, many users with disabilities encounter a maze of invisible walls, from keyboard traps to inaccessible CAPTCHAs. It's as if GLaDOS designed these forms herself to test us!",[19,23,24],{},"In this session, we will debug the accessibility issues of a real React login component live, similar to traversing those test chambers: Using an actual screen reader, we'll show how small improvements, such as proper ARIA implementation and effective focus management, can transform a complex test chamber into a smooth user experience. Additionally, we will address the common pitfalls that GLaDOS might throw at us in both the Portal universe and the real world. Last but not least, we'll discover authentication features, which will help us keep authentication accessible for everyone.",[14,26,28],{"id":27},"slides","Slides",[30,31],"media-grid",{":media":32},"[{\"name\":\"Slides\",\"description\":\"You can find the slides of the talk on speakerdeck\",\"url\":\"https:\u002F\u002Fspeakerdeck.com\u002Fleichteckig\u002Fthe-cake-is-a-lie-dot-dot-dot-and-so-is-your-logins-accessibility\"}]",[14,34,36],{"id":35},"recording","Recording",[30,38],{":media":39},"[{\"name\":\"JNation 2026\",\"url\":\"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FuqXJpaqxw6M\"},{\"name\":\"Nordic.js 2025\",\"url\":\"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FzChAUo9TMNY\"},{\"name\":\"Future Frontend 2026\",\"url\":\"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FdRM3xTvxdhg\"},{\"name\":\"BeJS\",\"url\":\"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002F9SC0y5ngLsE\"}]",{"title":41,"searchDepth":42,"depth":42,"links":43},"",2,[44,45,46],{"id":16,"depth":42,"text":17},{"id":27,"depth":42,"text":28},{"id":35,"depth":42,"text":36},"2025-07-09T09:00:00.000Z","Debugging the accessibility of a real React login live with a screen reader — ARIA, focus management and accessible auth.","md",{},true,[53],{"locale":54,"name":55,"path":56},"de","german","\u002Fde\u002Fcake-is-a-lie","\u002Ftalks\u002Fcake-is-a-lie",{"title":5,"description":48},"talks\u002Fcake-is-a-lie",[61,62,63,64,65,66,67],"WeAreDevelopers World Congress 2025","KCDC 2025","React Summit US 2025","React Advanced 2025","React Paris 2026","JNation 2026","enterJS 2026","CoJ7XtWaN65_EqDTN3IoqXHc6tpKdTp_Yoo4Rc2y-Kk",1784632035586]