Skip to content
Workshop: Accessibility in JavaScript Applications
Branch: master
Clone or download
marcysutton Merge pull request #1 from jxnblk/update-mdx-deck-theme
Update @mdx-deck/gatsby-theme and use stable themes API
Latest commit 3fbf236 Jul 12, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore initial commit Jul 6, 2019
LICENSE update README Jul 7, 2019
gatsby-config.js Update @mdx-deck/gatsby-theme and use stable themes API Jul 7, 2019
gatsby-node.js try babel plugin for default from in mdx-deck Jul 7, 2019
package-lock.json Update @mdx-deck/gatsby-theme and use stable themes API Jul 7, 2019
package.json Update @mdx-deck/gatsby-theme and use stable themes API Jul 7, 2019

Accessibility in JavaScript Applications

Learn the necessary techniques and tools for building inclusive web applications with JavaScript from Gatsby's Head of Learning Marcy Sutton.

Presenting at:

Some key takeaways:

  • Understand how to incorporate accessibility into your web development workflow.
  • Debug your sites and applications for accessibility using the latest tools.
  • Apply accessibility to React web applications with Gatsby, while learning how accessibility applies to other stacks.
  • Learn the benefits of manual and automated testing to grow web accessibility superpowers!
  • Integrate focus management into your web applications, gracefully handling keyboard and screen reader interactions.
  • Practice announcing view changes with your code and keeping screen reader users up to date.
  • Achieve wins with semantic markup, unobtrusive animation, and progressive enhancement.

App URL:

Workshop slides:

This project was started with gatsby-starter-mdx-basic and @mdx-deck/theme.

  1. Create a new Gatsby site and slide deck using this starter
gatsby new my-site
  1. Install dependencies
npm install
  1. Run the develop script
npm start
View in a browser: http://localhost:8000
  1. Edit files:

    • Site pages: src/pages/*
    • Site components: src/components/*
    • Templates: src/templates/*,
    • Slide content: src/slides/index.jsx
You can’t perform that action at this time.