Inclusive Design 24 (#id24) 2018
2018-10-11..2018-10-12
-- online --
[Inclusive Design 24 (#id24) 2016, Inclusive Design 24 (#id24) 2017, Inclusive Design 24 (#id24) 2018, Inclusive Design 24 (#id24) 2020]
who it's for
accessibility specialists, front-end developers, ux and product designers, React developers, content designers, qa and test engineers, product managers
topics
WCAG 2.1 requirements; ARIA accessible name calculation; Payment Request API; accessible multi-step forms; progressive enhancement strategy; performance for accessibility; accessible React components; SVG charts accessibility; captions and media accessibility; cognitive walkthroughs for accessibility; high contrast mode support; alt and lang attributes
| title | author | length |
|---|---|---|
| Pre-Show | Micro CLO Melanie | 10m |
A free 24‑hour live stream of short webinars with captions and archived talks available afterwards runs as the fifth annual Inclusive Design 24; partners… | ||
| This is for everyone | Bruce Lawson, Seren Davies | 48m |
Argues that accessibility is broader than permanent impairment and gives concrete fixes: bad animation breaks dyslexic and ADHD readers (example: moving JIRA… | ||
| Peeling Back the Layers of Web Accessibility | Jared Smith | 47m |
Outlines concrete layers: HTML as the accessibility foundation, CSS for visual access and tricks like offscreen text or display:none hiding content even from… | ||
| Considering Accessible HTML Forms, JavaScript & WAI-ARIA | Peter Grucza | 52m |
Practical checklist for accessible, multi-step HTML forms: use HTML5 semantic inputs as the core, minimize custom widgets, and prefer native focusable elements… | ||
| How Web Payments will make paying for things more accessible on the web | Marcos Cáceres | 45m |
Web browsers expose a concrete API — the Payment Request API — that replaces repetitive HTML forms with a standardized payment sheet (demoed as a working… | ||
| Addressing Trauma and Stressor Related Disorders | Thaddeus Cambron | 29m |
Research on trauma and stressor‑related disorders links adverse childhood experiences to later anxiety and PTSD with almost two‑thirds of participants… | ||
| Using cognitive walkthroughs to review designs | Sarah Pulis, Andrew Arch | 48m |
Cognitive walkthroughs test real task flows using concrete personas, not vague guidelines: a keyboard-only review finds 90 tabs to reach checkout on a… | ||
| Accessible Websites with Wordpress | Srinivasu Chakravarthula | 24m |
WordPress claims WCAG 2.0 compliance and the repository lists 123 accessibility-ready themes, but many still fail color contrast and focus indicators so expect… | ||
| Accessible Charts Done Right | Sergei Kriger | 41m |
Claims that charts can be fully usable with screen readers and keyboard navigation, demonstrated using SVGs generated by D3 and tested with VoiceOver on… | ||
| Readability & Web: Let's build great inclusive projects | Damien Senger | 51m |
Claims that small, specific changes raise comprehension for everyone not just people with dyslexia; reading on the web is non‑linear, driven by saccades and… | ||
| Diverse representations in design and awkward conversations with colleagues | Eriol Fox | 51m |
Design work at a Kenyan NGO produces concrete lessons: an illustration of a family with visible disabilities is rejected by brand leads after awkward… | ||
| Killing accessibility with five words | Almero Steyn | 47m |
Five words on Twitter — "Your framework is not accessible" — drive a developer away from accessibility, so the talk argues for concrete, framework-specific… | ||
| Understanding cultural differences and their impact on design | Bindu Upadhyay | 45m |
Compares country scores from Hofstede's six dimensions (100,000 IBM employees across ~40 countries, 1967–73) with Aaron Meyer’s Culture Map and shows concrete… | ||
| WCAG 2.1 What's new and what to do with it | Alastair Campbell | 46m |
WCAG 2.1 adds 17 new success criteria and targets mobile, low vision and cognitive gaps with specific fixes: require avoiding forced orientation, allow… | ||
| Elegant Accessibility | Dafydd Henke-Reed | 39m |
Argues that accessibility failures come from feature bloat, not lack of care: complex widgets (modals, accordions, carousels, address lookups, date pickers)… | ||
| Building inclusive products for vulnerable circumstance | David Caldwell | 38m |
Banks use the FCA definition of vulnerability and surface data-backed fixes: UK stats cited include 1 in 7 adults low literacy, 1 in 2 low numeracy and ~50%… | ||
| Tackling disability as a global business issue | Brendan Roach, Lucy Ruck | 49m |
Business Disability Forum presents concrete tools: an online Disability Standard, an Excel-based Accessibility Maturity Model (AMM) with an average member… | ||
| A Co-Design approach for automated cooking appliances | Sarah Boland, Damon Barry | 40m |
Prototype smart microwave that lets people with intellectual disability prepare packaged meals by scanning a barcode and receiving barcode-triggered… | ||
| Let's Make Maps Widely Accessible | Thomas Logan | 49m |
A prototype pulls an NYC DOT Excel of ~200 APS locations and plots them with the Google Maps JavaScript API; the default SDK leaves markers unreachable by… | ||
| The power of alt and lang attributes | Reinaldo Ferraz | 34m |
Research from a Brazilian team uploads three images (bread, clock radio, zoomed photo) to a simple WordPress site, waits two weeks, then adds alt text and… | ||
| A11Y Wars: The Accessibility Interpretation Problem | Glenda Sims, Wilco Fiers | 47m |
Claim: WCAG leaves room for multiple valid interpretations, with success criteria are the only normative, testable parts and confusion between normative vs… | ||
| Working with High Contrast Mode | Eric Bailey | 49m |
Windows High Contrast Mode works on Windows 7+ and Edge/IE10+ and exposes four built-in themes with six configurable properties (text, links, disabled text… | ||
| The power of progressive enhancement | Andy Bell | 41m |
Argues that building up from a simple, semantic HTML baseline and then layering Vanilla JavaScript, Web Components and modern CSS gives a resilient, accessible… | ||
| Accessibility-flavored React components... | Kathleen Mcmahon | 50m |
Design system is a React component library in beta that enforces accessibility guardrails: components must pass semantic HTML, ARIA and documentation before… | ||
| Better performance === greater accessibility | Aaron Gustafson | 01h 03m |
Argues that faster pages are more accessible and proves it by rebuilding the 10K Apart site to ship a usable, accessible page under ten kilobytes at initial… | ||
| After party | Bruce Lawson, sarin Davies, Jared Smith, Peter groots | 10m |
Hosts recap highlights and behind‑the‑scenes hiccups from a 24‑hour marathon, noting a demo of assistive tech for kitchen appliances that suffers technical… | ||
| nothing matches | ||