/coursera-accessibility-issues-demo

A demo website used for demonstrating accessibility issues for a course on Coursera.

Primary LanguageCSSMIT LicenseMIT

Accessibility Serif Theme

Serif is a beautiful small business theme for Accessibility. It contains content types for the archetypical small business website. The theme is fully responsive, blazing fast and artfully illustrated.

Live Demo

Accessibility Serif Theme screenshot

Theme features

  • Multi-page theme (not just a blog) that uses Markdown for multiple content-types/templates. It uses gatsby-transformer-remark and has several examples of querying and filtering allMarkdownRemark
  • Includes a graphql query in gatsby-node.js that creates pages and templates by content type based on the folder src/pages/services, src/pages/team,
  • Services (Markdown)
  • Team (Markdown)
  • Testimonials (Markdown)
  • Features (Data)
  • SCSS using gatsby-plugin-sass
  • Responsive design
  • Bootstrap 4 grid and media queries only
  • Responsive menu
  • Robust example content included
  • Royalty free illustrations included
  • SEO Titles & Meta using gatsby-plugin-react-helmet
  • ESLint (google config)
  • Prettier code styling

Deployment

npm install

npm run start

OR if you have Accessibility installed globally you can run:

gatsby develop