{"version":3,"sources":["webpack:///./src/components/route-target-heading.js","webpack:///./src/pages/services.js"],"names":["level","targetID","className","children","Heading","href","id","aria-label","title","keywords","to","target","rel"],"mappings":"4FAAA,mCAiBA,IAbqB,SAAC,GAAgE,IAAD,IAA9DA,aAA8D,MAAtD,EAAsD,MAAnDC,gBAAmD,MAA1C,aAA0C,MAA5BC,iBAA4B,MAAlB,GAAkB,EAAdC,EAAc,EAAdA,SAC7DC,EAAO,IAAb,EACA,OACI,qBAASF,UAAS,oBAAsBA,GACpC,uBAAGG,KAAI,IAAP,EACGC,GADH,YAEGJ,UAFH,gBAGGK,aAAA,8BALX,K,yDCNJ,qGAqEA,UA7DqB,WACjB,OACI,uBAAeL,UAAU,QACrB,2BACI,uBAAKM,MAAL,8CAAyDC,SAAU,CAAC,eAAe,2BAAhB,8IACnE,yBAAKP,UAAU,+BACX,6BAASA,UAAU,oBACf,2BADJ,+CAKI,2BAAG,0LAA+J,uBAAGG,KAAK,qCAAvK,aALP,MAOI,2BAPJ,qTAQI,2BARJ,0dASI,uKAA4I,uBAAGA,KAAK,4CATxJ,6CAUI,4BAVJ,uBAWI,4BACI,4BADJ,kCAEI,4BAFJ,kCAGI,4BAHJ,kBAII,4BAJJ,8CAKI,4BALJ,8CAMI,4BANJ,yBAOI,4BAPJ,kBAQI,4BARJ,0CASI,4BApBR,iCAsBI,4BAtBJ,uBAuBI,kKAAuI,0BAAMK,GAAG,YAvBpJ,oCAwBI,0IAA+G,uBAAGL,KAAK,qCAxB3H,sCA0BI,4BA1BJ,uBA2BI,oDAAyB,uBAAGA,KAAK,gFAAjC,2IAAwP,uBAAGA,KAAK,2BAAhQ,mBAA0S,uBAAGA,KAAK,gCAAlT,wBAAsW,uBAAGA,KAAK,qBAA9W,+FAA8d,uBAAGA,KAAK,yBAAte,iBA3BJ,KA4BI,gJAAqH,0BAAMK,GAAG,YAA9H,eA7BR,MA+BI,2BAAOR,UAAU,kCAEb,4BAFJ,oBAGI,2BAHJ,mFAII,4BACI,mGAAwE,uBAAGG,KAAK,oCADpF,6BAEI,+DAAoC,uBAAGA,KAAH,qDAA6DM,OAA7D,SAA6EC,IAA7E,sBAAuGJ,MAAM,yBAFrJ,6CAGI,qDAA0B,uBAAGH,KAAH,8EAAsFM,OAAtF,SAAsGC,IAAtG,sBAAgIJ,MAAM,yBAHpK,qDAII,wDAA6B,uBAAGH,KAAH,oEAA4EM,OAA5E,SAA4FC,IAA5F,sBAAsHJ,MAAM,yBAJ7J,iDAKI,4BAAI,0BAAME,GAAG,gCATrB,wCAWI,4BAXJ,0BAYI,4BACI,4BAAI,0BAAMA,GAAG,qCADjB,sCAEI,4BAAI,0BAAMA,GAAG,+BAFjB,8BAGI,4BAAI,0BAAMA,GAAG,gDAHjB,iDAII,4BAAI,uBAAGL,KAAH,mFAA2FM,OAA3F,SAA2GC,IAA3G,sBAAqIJ,MAAM,yBAnDvK","file":"component---src-pages-services-js-6919c0f9dec6fb3d2e88.js","sourcesContent":["import React from \"react\"\n\nimport \"./route-target-heading.css\"\n\nconst RouteHeading = ({level = 1, targetID='global-nav', className='', children}) => {\n    const Heading = `h${level}`;\n    return (\n        <Heading className={`routeSkipHeading ${className}`}>\n            <a href={`#${targetID}`}\n               id=\"skip-main\"\n               className=\"routeSkipLink\"\n               aria-label={`Skip to global navigation`}>\n            </a>\n            {children}\n        </Heading>\n    )\n}\nexport default RouteHeading\n","import React from 'react'\nimport BodyClassName from 'react-body-classname'\nimport { Link } from 'gatsby'\n\nimport RouteTargetHeading from \"../components/route-target-heading\"\nimport Layout from '../components/layout'\nimport SEO from '../components/seo'\n\nconst ServicesPage = () => {\n    return (\n        <BodyClassName className=\"page\">\n            <Layout>\n                <SEO title=\"Marcy Sutton Todd, Accessible Web Developer\" keywords={['Marcy Sutton', 'web accessibility expert', 'single page app accessibility', 'JavaScript accessibility', 'accessibility consultant', 'independent UI developer', 'freelance web developer']} />\n                <div className=\"generic-wrap page-post-wrap\">\n                    <section className=\"page-post-detail\">\n                        <RouteTargetHeading>\n                            Marcy Sutton Todd, Accessible Web Developer\n                        </RouteTargetHeading>\n                        \n                        <p><strong>At this time, I’m working full-time as a frontend software engineer and not taking on consulting projects. You can still hire me for 1:1 calls through <a href=\"https://superpeer.com/marcysutton\">Superpeer</a>!</strong></p>\n\n                        <p>Starting in 2020, I worked as an independent web developer engaging with development teams and companies to foster web accessibility at tech organizations. I’ve had the pleasure of working with some great companies, including Spotify, Microsoft, Google, Pinterest, T-Mobile, Change.org, Evinced, and more.</p>\n                        <p>I’ve consulted on accessibility of websites and web applications. I’ve delivered specialized talks and workshops to educate team members and make accessibility learning stick. I’ve reviewed and prototyped designs for accessibility to provide feedback at any stage. I’ve engineered more robust solutions using manual and automated testing along the way. I’ve also created documentation to make these processes repeatable and communicate with internal teams or the public.</p>\n                        <p>This comes after 10 years of experience working full-time with companies as a frontend developer. View my full work history on LinkedIn: <a href=\"https://www.linkedin.com/in/marcysutton/\">https://www.linkedin.com/in/marcysutton/</a></p>\n                        <h2>My specialties are:</h2>\n                        <ul>\n                            <li>Web User Interface engineering</li>\n                            <li>Accessible data visualizations</li>\n                            <li>Design systems</li>\n                            <li>Engineering of frontend tools with Node.js</li>\n                            <li>Manual and automated accessibility testing</li>\n                            <li>Prototyping with code</li>\n                            <li>Design reviews</li>\n                            <li>Accessibility refactoring and guidance</li>\n                            <li>Documentation and PR reviews</li>\n                        </ul>\n                        <h2>How to get in touch</h2>\n                        <p>Looking to hire me for a project? Send me an email through my contact page and I’ll do my best to get back to you as soon as I can: <Link to=\"/contact\">https://marcysutton.com/contact</Link></p>\n                        <p>If you need help right away, you can hire me for hourly consulting through Superpeer, a video call service: <a href=\"https://superpeer.com/marcysutton\">https://superpeer.com/marcysutton</a></p>\n                        \n                        <h2>A note about audits</h2>\n                        <p>I’m not taking on any <a href=\"https://en.wikipedia.org/wiki/Web_accessibility#Website_accessibility_audits\">accessibility site or app audits</a>, as they’re not my jam. If you’re looking to have this sort of work done, I’d recommend contacting <a href=\"https://knowbility.org/\">Knowbility</a>, <a href=\"https://www.levelaccess.com/\">Level Access</a>, or <a href=\"https://deque.com\">Deque Systems</a>. If you’d prefer to work with an individual over an organization, contact <a href=\"https://www.tolu.xyz/\">Tolu Abegbite</a>.</p>\n                        <p>Note: if you’re a disabled accessibility testing / auditing consultant who’d like to be recommended on this page, <Link to=\"/contact\">let me know</Link>!</p>\n                    </section>\n                    <aside className=\"page-post-aside breathing-room\">\n\n                        <h2>In the meantime&hellip;</h2>\n                        <p>I have some accessibility training available online. Check out these resources:</p>\n                        <ul>\n                            <li>Self-paced accessibility workshops, as well as a free email course: <a href=\"https://testingaccessibility.com\">TestingAccessibility.com</a></li>\n                            <li>Frontend Masters video courses: <a href=\"https://frontendmasters.com/teachers/marcy-sutton/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Opens in a new window\">Accessibility in JavaScript Applications</a></li>\n                            <li>Egghead video course: <a href=\"https://egghead.io/courses/start-building-accessible-web-applications-today\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Opens in a new window\">Start Building Accessible Web Applications Today</a></li>\n                            <li>Accessibility chapter in <a href=\"https://www.smashingmagazine.com/2018/09/smashing-book-6-release/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Opens in a new window\">Smashing Book 6: New Frontiers in Web Design</a></li>\n                            <li><Link to=\"/web-accessibility-resources\">Additional accessibility resources</Link></li>\n                        </ul>\n                        <h2>Some relevant articles</h2>\n                        <ul>\n                            <li><Link to=\"/outsider-leverage-accessibility/\">Outsider Leverage & Accessibility</Link></li>\n                            <li><Link to=\"/live-coding-accessibility/\">Live Coding Accessibility</Link></li>\n                            <li><Link to=\"/links-vs-buttons-in-modern-web-applications\">Links vs. Buttons in Modern Web Applications</Link></li>\n                            <li><a href=\"https://www.gatsbyjs.com/blog/2019-07-11-user-testing-accessible-client-routing/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"Opens in a new window\">User testing of accessible client-side routing techniques with Fable Tech Labs (Gatsby blog)</a></li>\n                        </ul>\n                    </aside>\n                </div>\n            </Layout>\n        </BodyClassName>\n    )\n}\n\nexport default ServicesPage;"],"sourceRoot":""}