Skip to content

MidCampMar 30, 2017

Inclusive development: Using style guides to improve website accessibility

Using accessible, component-driven style guides to build inclusive websites from the very start and keep them that way well over time.

talkAccessibilityARIACMSComponent/patternCSSDevExHTMLJavaScript
1 / 21

Using Style Guides to Improve Website Accessibility


We wear a lot of hats as front-end developers. Depending on the client or company you work for, you may be the designer, UX/UI specialist, site-builder, QA tester, and developer all rolled into one. This talk explores how to add accessibility into that process through an accessible component-driven approach and a KSS node style guide with pre-populated accessible components, helpful resources, and guidance for designers, front-end developers, and back-end developers.

Session outline

  • What exactly is the role of a front-end developer?
  • The what, who, and why of website accessibility
  • What is inclusive development?
  • Why use component-driven development for accessibility?
  • Demonstration of the KSS node-based accessible style guide A11Y Style Guide (opens in new tab)