From 1703c5fe7e885d5615f48210b6b635d2a3d5648f Mon Sep 17 00:00:00 2001 From: Marcy Sutton Date: Sat, 6 Apr 2019 22:32:29 -0700 Subject: [PATCH 1/6] add accessibility statement to homepage --- docs/accessibility-statement.md | 48 +++++++++++++++++++ .../components/homepage/homepage-footer.js | 14 ++++++ www/src/pages/index.js | 3 ++ 3 files changed, 65 insertions(+) create mode 100644 docs/accessibility-statement.md create mode 100644 www/src/components/homepage/homepage-footer.js diff --git a/docs/accessibility-statement.md b/docs/accessibility-statement.md new file mode 100644 index 0000000000000..5d6f1048f4b85 --- /dev/null +++ b/docs/accessibility-statement.md @@ -0,0 +1,48 @@ +--- +title: Accessibility Statement +--- + +_Last updated: April 7, 2019_ + +We want everyone who uses Gatsby to feel welcome and find the experience rewarding: this includes developers with disabilities and users with disabilities for Gatsby sites, docs, and resources. + +This page was created to collect accessibility information about the Gatsby ecosystem in one place and provide communication channels for people with disabilities to get help with Gatsby. + +## Gatsby products and services + +Gatsbyjs.org is the online home of the open source Gatsby website framework; it includes documentation, tutorials, and guides on how and why to build with Gatsby, as well as a blog, site showcase, and information on how to contribute to the project. + +Gatsbyjs.com is the business website for Gatsby, Inc. the startup building Gatsby, as well as products around the framework, starting with Gatsby Preview: a cloud service allowing marketers and other team members to preview a Gatsby site in progress. + +## Providing feedback and getting accessibility help + +We strive to make these websites and the Gatsby framework itself as accessible as possible. Our goal is to meet WCAG 2.0 AA, with which we are partially compliant. We’ll be the first to admit the Gatsby ecosystem is a work in progress, and we are open to all feedback to make things better. + +To contact the core team with your accessibility feedback or challenges, please file an issue on Github: https://github.com/gatsbyjs/gatsby/issues/new/choose + +Alternatively, we welcome you to reach out directly to Marcy Sutton, Head of Learning at Gatsby: [marcy@gatsbyjs.com](mailto:marcy@gatsbyjs.com) + +## Building with Gatsby + +To learn how to build an accessible website with Gatsby, visit our [docs accessibility page](/docs/making-your-site-accessible/). Contributions are very welcome as this page evolves. + +## Third-party platforms, products and services + +Common Gatsby workflows involve third-party products and services such as connecting to Content Management Systems and managing and deploying sites with hosting platforms. Some of these platforms were not built with accessibility in mind, and we encourage those vendors to improve their accessibility along with us. + +Our current recommendations for accessible CMS platforms are: + +- Wordpress with the Classic Editor Plugin +- Drupal + +For managing and deploying Gatsby sites, we recommend: + +- Netlify + +To provide feedback for third-party services, you can contact those vendors directly or [write to us](mailto:marcy@gatsbyjs.com), and we will do our best to pass the information along. We're also interested in hearing about your successes with third-party platforms! + +## Surveys and research projects + +The Gatsby team conducts surveys and research projects from time to time. We highly value feedback from all Gatsby users, and particularly those with experience applicable to the research being conducted. + +To be considered for these initiatives, please contact [marcy@gatsbyjs.com](mailto:marcy@gatsbyjs.com). diff --git a/www/src/components/homepage/homepage-footer.js b/www/src/components/homepage/homepage-footer.js new file mode 100644 index 0000000000000..4924325caee1d --- /dev/null +++ b/www/src/components/homepage/homepage-footer.js @@ -0,0 +1,14 @@ +import React from "react" +import { Link } from "gatsby" + +import HomepageSection from "./homepage-section" + +const HomepageFooter = () => ( + +

+ Accessibility Statement +

+ +) + +export default HomepageFooter diff --git a/www/src/pages/index.js b/www/src/pages/index.js index 213679eca4c87..6ce4c2e0501a4 100644 --- a/www/src/pages/index.js +++ b/www/src/pages/index.js @@ -14,6 +14,7 @@ import HomepageFeatures from "../components/homepage/homepage-features" import HomepageEcosystem from "../components/homepage/homepage-ecosystem" import HomepageBlog from "../components/homepage/homepage-blog" import HomepageNewsletter from "../components/homepage/homepage-newsletter" +import HomepageFooter from "../components/homepage/homepage-footer" import { setupScrollersObserver, unobserveScrollers, @@ -142,6 +143,8 @@ class IndexRoute extends React.Component { + + ) From 9f8ca95122f2e0c26b701b236721ae984058006e Mon Sep 17 00:00:00 2001 From: Marcy Sutton Date: Sat, 6 Apr 2019 22:43:54 -0700 Subject: [PATCH 2/6] link and copy updates --- docs/accessibility-statement.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/accessibility-statement.md b/docs/accessibility-statement.md index 5d6f1048f4b85..cf9dd217a55c9 100644 --- a/docs/accessibility-statement.md +++ b/docs/accessibility-statement.md @@ -12,13 +12,13 @@ This page was created to collect accessibility information about the Gatsby ecos Gatsbyjs.org is the online home of the open source Gatsby website framework; it includes documentation, tutorials, and guides on how and why to build with Gatsby, as well as a blog, site showcase, and information on how to contribute to the project. -Gatsbyjs.com is the business website for Gatsby, Inc. the startup building Gatsby, as well as products around the framework, starting with Gatsby Preview: a cloud service allowing marketers and other team members to preview a Gatsby site in progress. +Gatsbyjs.com is the business website for Gatsby, Inc. the startup building Gatsby, including our first product, Gatsby Preview: a cloud service allowing team members to collaborate on a Gatsby site in development. ## Providing feedback and getting accessibility help We strive to make these websites and the Gatsby framework itself as accessible as possible. Our goal is to meet WCAG 2.0 AA, with which we are partially compliant. We’ll be the first to admit the Gatsby ecosystem is a work in progress, and we are open to all feedback to make things better. -To contact the core team with your accessibility feedback or challenges, please file an issue on Github: https://github.com/gatsbyjs/gatsby/issues/new/choose +To contact the core team with your accessibility feedback or challenges, please [file an issue on Github](https://github.com/gatsbyjs/gatsby/issues/new/choose). Alternatively, we welcome you to reach out directly to Marcy Sutton, Head of Learning at Gatsby: [marcy@gatsbyjs.com](mailto:marcy@gatsbyjs.com) @@ -28,7 +28,7 @@ To learn how to build an accessible website with Gatsby, visit our [docs accessi ## Third-party platforms, products and services -Common Gatsby workflows involve third-party products and services such as connecting to Content Management Systems and managing and deploying sites with hosting platforms. Some of these platforms were not built with accessibility in mind, and we encourage those vendors to improve their accessibility along with us. +Common Gatsby workflows involve third-party products and services, such as sourcing from Content Management Systems, and managing and deploying sites with hosting platforms. Some of these platforms appear to have been designed and/or built without accessibility in mind; we encourage those vendors to improve their accessibility along with us. Our current recommendations for accessible CMS platforms are: From 703bcdfc18f68dca70d58cd39239ab531cc3f285 Mon Sep 17 00:00:00 2001 From: Dustin Schau Date: Mon, 8 Apr 2019 09:45:28 -0700 Subject: [PATCH 3/6] Update docs/accessibility-statement.md Co-Authored-By: marcysutton --- docs/accessibility-statement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/accessibility-statement.md b/docs/accessibility-statement.md index cf9dd217a55c9..86c9d7fdab4ef 100644 --- a/docs/accessibility-statement.md +++ b/docs/accessibility-statement.md @@ -35,7 +35,7 @@ Our current recommendations for accessible CMS platforms are: - Wordpress with the Classic Editor Plugin - Drupal -For managing and deploying Gatsby sites, we recommend: +For managing and deploying Gatsby sites with accessible tools, we recommend: - Netlify From d0785e2b8dda790b97e84b9dafd488d6fcc74445 Mon Sep 17 00:00:00 2001 From: Dustin Schau Date: Mon, 8 Apr 2019 09:45:41 -0700 Subject: [PATCH 4/6] add link to WCAG 2.0 Co-Authored-By: marcysutton --- docs/accessibility-statement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/accessibility-statement.md b/docs/accessibility-statement.md index 86c9d7fdab4ef..b658c7c854be8 100644 --- a/docs/accessibility-statement.md +++ b/docs/accessibility-statement.md @@ -16,7 +16,7 @@ Gatsbyjs.com is the business website for Gatsby, Inc. the startup building Gatsb ## Providing feedback and getting accessibility help -We strive to make these websites and the Gatsby framework itself as accessible as possible. Our goal is to meet WCAG 2.0 AA, with which we are partially compliant. We’ll be the first to admit the Gatsby ecosystem is a work in progress, and we are open to all feedback to make things better. +We strive to make these websites and the Gatsby framework itself as accessible as possible. Our goal is to meet [WCAG 2.0 AA](https://www.w3.org/TR/WCAG20/), with which we are partially compliant. We’ll be the first to admit the Gatsby ecosystem is a work in progress, and we are open to all feedback to make things better. To contact the core team with your accessibility feedback or challenges, please [file an issue on Github](https://github.com/gatsbyjs/gatsby/issues/new/choose). From a44c881720083c1267132cccd8edb864e3a92247 Mon Sep 17 00:00:00 2001 From: Marcy Sutton Date: Mon, 8 Apr 2019 09:54:57 -0700 Subject: [PATCH 5/6] remove homepage footer until it gets a review --- www/src/components/homepage/homepage-footer.js | 14 -------------- www/src/pages/index.js | 3 --- 2 files changed, 17 deletions(-) delete mode 100644 www/src/components/homepage/homepage-footer.js diff --git a/www/src/components/homepage/homepage-footer.js b/www/src/components/homepage/homepage-footer.js deleted file mode 100644 index 4924325caee1d..0000000000000 --- a/www/src/components/homepage/homepage-footer.js +++ /dev/null @@ -1,14 +0,0 @@ -import React from "react" -import { Link } from "gatsby" - -import HomepageSection from "./homepage-section" - -const HomepageFooter = () => ( - -

- Accessibility Statement -

- -) - -export default HomepageFooter diff --git a/www/src/pages/index.js b/www/src/pages/index.js index 6ce4c2e0501a4..213679eca4c87 100644 --- a/www/src/pages/index.js +++ b/www/src/pages/index.js @@ -14,7 +14,6 @@ import HomepageFeatures from "../components/homepage/homepage-features" import HomepageEcosystem from "../components/homepage/homepage-ecosystem" import HomepageBlog from "../components/homepage/homepage-blog" import HomepageNewsletter from "../components/homepage/homepage-newsletter" -import HomepageFooter from "../components/homepage/homepage-footer" import { setupScrollersObserver, unobserveScrollers, @@ -143,8 +142,6 @@ class IndexRoute extends React.Component { - - ) From c637398f9b3949158c8d2b94cc6e23285fff3dc8 Mon Sep 17 00:00:00 2001 From: Marcy Sutton Date: Mon, 8 Apr 2019 09:55:09 -0700 Subject: [PATCH 6/6] update "last updated" date --- docs/accessibility-statement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/accessibility-statement.md b/docs/accessibility-statement.md index b658c7c854be8..ec6dd976493cf 100644 --- a/docs/accessibility-statement.md +++ b/docs/accessibility-statement.md @@ -2,7 +2,7 @@ title: Accessibility Statement --- -_Last updated: April 7, 2019_ +_Last updated: April 8, 2019_ We want everyone who uses Gatsby to feel welcome and find the experience rewarding: this includes developers with disabilities and users with disabilities for Gatsby sites, docs, and resources.