Smashing updates

khsbory · Oct 13, 2019 · 906848a · 906848a
1 parent 6cde0da
commit 906848a
Show file tree

Hide file tree

Showing 9 changed files with 246 additions and 147 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -2,17 +2,16 @@ const path = require('path')
 
 module.exports = {
   siteMetadata: {
-    title: `Accessibility in JavaScript Applications`,
+    title: `Building Accessible Sites with Gatsby`,
     description:
-      `Learn the necessary techniques and tools for building inclusive web applications with JavaScript.`,
+      `Learn the necessary techniques and tools for building inclusive web applications with Gatsby.`,
     author: `@marcysutton`,
   },
   pathPrefix: "/gatsby-a11y-workshop",
   plugins: [
     {
       resolve: `gatsby-theme-mdx-deck`,
       options: {
-        // disable gatsby-mdx plugin – use this when your site already uses gatsby-mdx
         mdx: true,
         // source directory for decks
         contentPath: `src/slides`,

diff --git a/src/components/site-chrome/layout.scss b/src/components/site-chrome/layout.scss
@@ -24,6 +24,7 @@ a, a:link, a:visited {
 .js-focus-visible :focus:not(.focus-visible) {
   outline: none;
 }
+.js-focus-visible .focus-visible:focus,
 .js-focus-visible :focus-visible {
   outline: 5px auto lightblue;
   outline: 5px auto -webkit-focus-ring-color;

diff --git a/src/pages/index.jsx b/src/pages/index.jsx
@@ -24,7 +24,6 @@ const IndexPage = () => (
         <li><a href="https://addons.mozilla.org/en-US/firefox/addon/web-developer/">Firefox Web Developer Extension</a></li>
         <li><a href="https://gist.github.com/marcysutton/0a42f815878c159517a55e6652e3b23a">Chrome Accessibility Inspector</a></li>
         <li><a href="https://developers.google.com/web/updates/2018/01/devtools#contrast">Chrome Color Contrast Debugger</a></li>
-        <li><a href="https://marcysutton.com/angular-protractor-accessibility-plugin/">Protractor Accessibility Plugin</a></li>
         <li><a href="https://a11ysupport.io/">Accessibility Support matrix</a></li>
       </ul>
 
@@ -35,17 +34,9 @@ const IndexPage = () => (
         <li><a href="https://webaim.org/articles/jaws/">JAWS</a></li>
       </ul>
 
-      <h3>Framework accessibility docs</h3>
-      <ul>
-        <li><a href="https://reactjs.org/docs/accessibility.html">Reactjs.org</a></li>
-        <li><a href="https://guides.emberjs.com/release/reference/accessibility-guide/">Emberjs.com</a></li>
-        <li><a href="https://angular.io/guide/accessibility">Angular.io</a></li>
-        <li><a href="https://facebook.github.io/react-native/docs/accessibility">React Native</a></li>
-        <li><a href="https://ionicframework.com/docs/native/mobile-accessibility">Ionic mobile framework</a></li>
-      </ul>
-
       <h3 id="Resources">Resources</h3>
       <ul>
+        <li><a href="https://reactjs.org/docs/accessibility.html">React Accessibility</a></li>
         <li><a href="http://a11yproject.com/">A11y Project</a></li>
         <li><a href="https://dequeuniversity.com">Deque University</a></li>
         <li><a href="http://webaim.org">WebAIM</a></li>