{"id":1748,"date":"2026-11-04T21:07:52","date_gmt":"2026-11-04T21:07:52","guid":{"rendered":"https:\/\/www.deque.com\/axe-con\/?post_type=axecon-session&p=1748"},"modified":"2026-11-04T21:12:50","modified_gmt":"2026-11-04T21:12:50","slug":"from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows","status":"publish","type":"axecon-session","link":"https:\/\/www.deque.com\/axe-con\/sessions\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\/","title":{"rendered":"From Design System to Shipped Code: Embedding Accessibility Across Human and AI Workflows"},"content":{"rendered":"

Sanofi builds accessibility into its digital products from the start, beginning with Elements, our design system. This talk shows how accessibility is checked during design reviews and automated tooling, and how it carries into our AI-driven development process with Claude. We will cover the testing stack, including manual checks with Axe DevTools, the Axe DevTools MCP, CI\/CD pipeline checks, and custom Accessibility Skills for Claude. Attendees will leave with a practical model for making accessibility the default outcome of both human and AI-assisted development.<\/p>\n","protected":false},"featured_media":0,"template":"","track":[26],"difficulty":[6],"playlist":[],"class_list":["post-1748","axecon-session","type-axecon-session","status-publish","hentry","track-accessible-development-and-testing","difficulty-intermediate"],"acf":[],"yoast_head":"\nFrom Design System to Shipped Code: Embedding Accessibility Across Human and AI Workflows - Axe-con<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.deque.com\/axe-con\/sessions\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"From Design System to Shipped Code: Embedding Accessibility Across Human and AI Workflows - Axe-con\" \/>\n<meta property=\"og:description\" content=\"Sanofi builds accessibility into its digital products from the start, beginning with Elements, our design system. This talk shows how accessibility is checked during design reviews and automated tooling, and how it carries into our AI-driven development process with Claude. We will cover the testing stack, including manual checks with Axe DevTools, the Axe DevTools […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.deque.com\/axe-con\/sessions\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\/\" \/>\n<meta property=\"og:site_name\" content=\"Axe-con\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-04T21:12:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.deque.com\/axe-con\/wp-content\/uploads\/2026\/09\/Axe-con-2027-banner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"936\" \/>\n\t<meta property=\"og:image:height\" content=\"402\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/sessions\\\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\\\/\",\"url\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/sessions\\\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\\\/\",\"name\":\"From Design System to Shipped Code: Embedding Accessibility Across Human and AI Workflows - Axe-con\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/#website\"},\"datePublished\":\"2026-11-04T21:07:52+00:00\",\"dateModified\":\"2026-11-04T21:12:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/sessions\\\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/sessions\\\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/sessions\\\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Agenda\",\"item\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/agenda\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"From Design System to Shipped Code: Embedding Accessibility Across Human and AI Workflows\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/#website\",\"url\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/\",\"name\":\"Axe-con\",\"description\":\"Where the global digital accessibility community comes together.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/#organization\",\"name\":\"Axe-con\",\"url\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Axe-con-Logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/Axe-con-Logo.svg\",\"caption\":\"Axe-con\"},\"image\":{\"@id\":\"https:\\\/\\\/www.deque.com\\\/axe-con\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"From Design System to Shipped Code: Embedding Accessibility Across Human and AI Workflows - Axe-con","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.deque.com\/axe-con\/sessions\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\/","og_locale":"en_US","og_type":"article","og_title":"From Design System to Shipped Code: Embedding Accessibility Across Human and AI Workflows - Axe-con","og_description":"Sanofi builds accessibility into its digital products from the start, beginning with Elements, our design system. This talk shows how accessibility is checked during design reviews and automated tooling, and how it carries into our AI-driven development process with Claude. We will cover the testing stack, including manual checks with Axe DevTools, the Axe DevTools […]","og_url":"https:\/\/www.deque.com\/axe-con\/sessions\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\/","og_site_name":"Axe-con","article_modified_time":"2026-11-04T21:12:50+00:00","og_image":[{"width":936,"height":402,"url":"https:\/\/www.deque.com\/axe-con\/wp-content\/uploads\/2026\/09\/Axe-con-2027-banner.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.deque.com\/axe-con\/sessions\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\/","url":"https:\/\/www.deque.com\/axe-con\/sessions\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\/","name":"From Design System to Shipped Code: Embedding Accessibility Across Human and AI Workflows - Axe-con","isPartOf":{"@id":"https:\/\/www.deque.com\/axe-con\/#website"},"datePublished":"2026-11-04T21:07:52+00:00","dateModified":"2026-11-04T21:12:50+00:00","breadcrumb":{"@id":"https:\/\/www.deque.com\/axe-con\/sessions\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.deque.com\/axe-con\/sessions\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.deque.com\/axe-con\/sessions\/from-design-system-to-shipped-code-embedding-accessibility-across-human-and-ai-workflows\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.deque.com\/axe-con\/"},{"@type":"ListItem","position":2,"name":"Agenda","item":"https:\/\/www.deque.com\/axe-con\/agenda\/"},{"@type":"ListItem","position":3,"name":"From Design System to Shipped Code: Embedding Accessibility Across Human and AI Workflows"}]},{"@type":"WebSite","@id":"https:\/\/www.deque.com\/axe-con\/#website","url":"https:\/\/www.deque.com\/axe-con\/","name":"Axe-con","description":"Where the global digital accessibility community comes together.","publisher":{"@id":"https:\/\/www.deque.com\/axe-con\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.deque.com\/axe-con\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.deque.com\/axe-con\/#organization","name":"Axe-con","url":"https:\/\/www.deque.com\/axe-con\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.deque.com\/axe-con\/#\/schema\/logo\/image\/","url":"https:\/\/www.deque.com\/axe-con\/wp-content\/uploads\/2026\/07\/Axe-con-Logo.svg","contentUrl":"https:\/\/www.deque.com\/axe-con\/wp-content\/uploads\/2026\/07\/Axe-con-Logo.svg","caption":"Axe-con"},"image":{"@id":"https:\/\/www.deque.com\/axe-con\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.deque.com\/axe-con\/wp-json\/wp\/v2\/axecon-session\/1748","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.deque.com\/axe-con\/wp-json\/wp\/v2\/axecon-session"}],"about":[{"href":"https:\/\/www.deque.com\/axe-con\/wp-json\/wp\/v2\/types\/axecon-session"}],"wp:attachment":[{"href":"https:\/\/www.deque.com\/axe-con\/wp-json\/wp\/v2\/media?parent=1748"}],"wp:term":[{"taxonomy":"track","embeddable":true,"href":"https:\/\/www.deque.com\/axe-con\/wp-json\/wp\/v2\/track?post=1748"},{"taxonomy":"difficulty","embeddable":true,"href":"https:\/\/www.deque.com\/axe-con\/wp-json\/wp\/v2\/difficulty?post=1748"},{"taxonomy":"playlist","embeddable":true,"href":"https:\/\/www.deque.com\/axe-con\/wp-json\/wp\/v2\/playlist?post=1748"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}