Skip to content

BADCampOct 18, 2017

Inclusive development: Using style guides to improve website accessibility

Using accessible, component-driven style guides to make inclusive development practical and sustainable right from the very start.

talkAccessibilityARIAAT testingComponent/patternCSSHTMLJavaScriptWCAG
1 / 26

Using Style Guides to Improve Website Accessibility


Front-end developers often balance design, UX, site building, QA, and implementation responsibilities, making accessibility feel like one more hat to wear. This session shows how an accessible component-driven style guide can make inclusive development more practical by documenting reusable patterns, markup, CSS, tools, and resources from the beginning of a project.

Session outline

  • What exactly is the role of a front-end developer?
  • What, who, and why of website accessibility
  • What is inclusive development?
  • Why use component driven development for accessibility?
  • Demonstration of a KSS node-based accessible style guide

Resources