Marcy Sutton Todd
where else to find them
website:https://marcysutton.com
website:https://testingaccessibility.com
github:marcysutton
bluesky:marcysutton.com
linkedin:marcysutton
speakerdeck:marcysutton
instagram:marcysutton
devto:marcysutton
medium:ReactRally
what they talk about
all 11 in the filters
where they keep going back
- JSConf EU2 editions2014–2018
all 19 in the filters
on a stage with
never shared a talk
who talks about the same things
- Martine Dowden9 talks
- Maria Lamardo13 talks
- Léonie Watson21 talks
- Tim Damen9 talks
- Daniel Yuschick7 talks
- Chris DeMars16 talks
| title | conference | date |
|---|---|---|
| Accessibility and Performance | performance.now() 2025 | 2025-10-30 |
Claims that accessibility boosts perceived responsiveness and concrete techniques to prove it get covered: measure seconds until a screen reader reads content… | ||
| ”Garbage Pail Components” | Clarity 2019 | 2019-08-20 |
Live demos expose concrete component anti‑patterns: menus built with divs all the way down that break keyboard and screen‑reader access, modals that fail to… | ||
| Accessibility Audit (Live) | Smashing Conference Toronto 2018 | 2018-06-26 |
In this “this-is-how-I-work” session, Marcy Sutton will conduct an accessibility audit on the fly. You’ll get a feel for how to detect and resolve… | ||
| Empathy-Driven Development | JSConf EU 2018 | 2018-06-02 |
A live debugging tour of a React app with three components — login form, card flip, and desktop-style menu — that shows concrete fixes and test coverage… | ||
| Empathy-Driven Development | Uphill Conf 2018 | 2018-04-26 |
A public repo with a broken web app houses concrete fixes: visible labels replace placeholders so form inputs get announced, a card-flip div becomes a button… | ||
| Radically Accessible Internet Applications 💯 | Beyond Tellerrand Munich 2018 | 2018-01-15 |
A live React demo app (A11Y DEMO APP) gets audited and incrementally fixed: wildcard CSS removing focus outlines, converting divs to real buttons with… | ||
| Enabling Users in Client-Rendered Applications | dotJS 2017 | 2017-12-01 |
Walks through concrete fixes: restore focus outlines, replace clickable div with a real button and aria-label, trap and restore focus with refs and… | ||
| The Links vs. Buttons Showdown | Inclusive Design 24 (#id24) 2017 | 2017-11-16 |
Clear rule: use real anchors with real URLs for navigation and real <button> elements for toggles/submits; an anchor like href="#" with ng-click is a smell… | ||
| Marcy Sutton - SeattleJS Conference 2017 | SeattleJS Conference 2017 | 2017-08-10 |
Talk argues that web accessibility is a civil right and gives concrete tools and failures: a broken Virgin America booking demo that skips keyboard and screen… | ||
| Where in the Stack is Carmen Sanfrancisco? | React Rally 2016 | 2016-08-25 |
Concrete debugging steps and test tools not platitudes Focus fails in IE + JAWS because a third party AUI dropdown renders visibility after the focus call so… | ||
| Where in the Stack is Carmen Sanfrancisco? | CascadiaFest 2016 | 2016-08-03 |
Diagnoses a reproducible focus drop caused by a timing bug where Foundation and custom handlers race when aria-hidden flips — fixable by delaying focus… | ||
| Testing for Accessibility with aXe | npm camp 2016 | 2016-07-30 |
Automated accessibility tooling that runs locally and in CI actually exists: aXe is an NPM module with browser extensions and an API, axe-core aims for zero… | ||
| How to win at mobile accessibility | ffconf 2015 | 2015-11-06 |
Focuses on concrete wins: prioritizes iOS and Android screen‑reader behaviour, shows breakable patterns (CNN hamburger, Huge off‑screen panels, Ionic swipe… | ||
| Accessible Angular.js | GOTO Amsterdam 2015 | 2015-06-18 |
Common Angular accessibility problems are named and fixed: custom md- elements transclude into native buttons so keyboard and semantics work, MD checkbox and… | ||
| 30 Minutes or Less: The Magic of Automated Accessibility Testing | JSConf US 2015 | 2015-05-27 |
Demo shows automated audits catching missing labels and focus bugs before deploy and a protractor plugin that runs Chrome accessibility checks during end to… | ||
| AngularJS Accessibility | ng-europe 2014 | 2014-10-22 |
Examines concrete accessibility fixes for Angular apps: ngAria hooks into ngModel and dynamically adds tabindex and aria-checked, Material components add… | ||
| JavaScript for Everybody | JSConf EU 2014 | 2014-09-13 |
A live JAWS demo shows a major airline site that looks slick but breaks for keyboard and screen‑reader users; the talk gives concrete fixes: ARIA live regions… | ||
| ARIA Was Made For This Accessiblility of JavaScript MVCs | CascadiaJS 2014 | 2014-07-31 |
Shows that ARIA features actually solve single‑page app problems: demos use Angular’s ngClick/ngKeypress to make divs operable, Ember attributeBindings to… | ||
| Three Cheers for Keyboard Accessibility | CSSConf US 2014 | 2014-05-27 |
Web pages often look polished but fail keyboard and screen‑reader users: demos hit whitehouse.gov and a Virgin America beta where focus styles are missing and… | ||
| Accessibility of Web Components | Inclusive Design 24 2014 | 2014-05-15 |
Argues that Web Components must carry real semantics not just new tags, shows a working taco-button custom element that extends HTMLButton, registers lifecycle… | ||
| nothing matches | ||