Forward eSign Dropdown with airSlate SignNow

Forward esign dropdown

hey everyone my name is pedro duarte peduarte on twitter i'm a dx engineer at modules what does dx mean fair question let me explain it's like ux but as if my users are developers like you i focus on api design documentation community things like that recently i've been focusing on two of our open source libraries radix and stitches radix is a library of low level accessible and unstyled components and stitches is a css engine solution the title of my talk today is so you think you can beat a drop down that's a question but that's not a challenge and in this talk we're going to dive deep into the complexities of designing and building a fully featured accessible drop down menu we're also going to do a live demo on how we can use redix to help you make faster drop down components when i was younger i used to think i could build a drop down to explain what i mean i'd like to replay one of the many conversations i've had with colleagues in the past it goes like this so one morning i'm just sitting on my desk when i got a message from alex showing me the new design of a page we already had and i'm looking at this part here and i can tell it's a new component but nothing to worry about we need it for tomorrow's client demo that's okay i know i can do it young pedro would always deliver so 45 minutes later all done alex is happy he thinks he works great and i'm feeling pretty proud but let's just stop here for a second today with a lot more experience and a lot more care i would like to take another look at this page so i remember that i made a button that when clicked i would show a position absolute element with three items inside and that's what i was calling a drop down menu i also remember that i made it so when you clicked outside it would close and that's where i stopped i did nothing more and nothing less this component has absolutely no keyboard navigation so if i open it and i press the down arrow notice how the down arrow just scrolls the page and up scrolls back up what if i press escape nothing happens there is no type ahead so if i start typing in edit for example nothing happens now apart from all of these features that left out there is absolutely no accessibility let me show you how voice over interprets this entering web content button you are currently on a button inside web content to click this button press control option space to exit this web area press control option shift up arrow so far the only thing the voiceover knows is that this is a button that's because i'm using the button element but it has no idea what this...