freeCodeCamp/Developer_Quiz_Site

[Feature] - Add more beginner friendly accessibility questions

jdwilkin4 opened this issue · 1 comments

What feature would you like to see?

What general issue would you like to create?

developerquiz.org currently has over 1200+ quiz questions.

We are looking to expand the beginner accessibility questions and we encourage other developers to add their quiz questions to the site.

Example of beginner friendly accessibility questions we are looking for.

  • what are landmarks,
  • layout structure,
  • min color contrast,
  • min font-size,
  • semantic HTML,
  • labels, buttons,

You can find the complete list of accessibility questions below.
https://github.com/freeCodeCamp/Developer_Quiz_Site/blob/main/src/data/accessibility-quiz.ts

You can add your own questions to the top of that file.
Please first check to make sure your question doesn't already exist before creating a PR.

Here is the correct format for the questions.
The distractors represent the incorrect answers.

 {
    Question: "What is web accessibility?",
    Answer: "the practice of building websites that are usable by everyone",
    Distractor1: "a new JavaScript framework",
    Distractor2: "a sorting algorithm",
    Distractor3: "a type of programming paradigm",
    Explanation:
      "Web accessibility means building websites that are usable by as many people as possible.",
    Link: "https://www.freecodecamp.org/news/what-is-website-accessibility-18ce00ec990f/",
  },

For the link field, please make sure to use a freeCodeCamp article, freeCodeCamp YouTube video or W3C content.

If you choose to reference a video, please make sure to include the timestamp for the topic covered.

You can read more about how to create timestamps in this helpful article.

There are plenty of freeCodeCamp news articles to pull accessibility questions from:
https://www.freecodecamp.org/news/common-accessibility-errors-and-how-to-fix-them/
https://www.freecodecamp.org/news/web-accessibility-best-practices-a11y-tips/
https://www.freecodecamp.org/news/accessibility-testing-tools-for-ada-compliance/
https://www.freecodecamp.org/news/what-is-website-accessibility-18ce00ec990f/
https://www.freecodecamp.org/news/4-principles-for-getting-started-with-website-accessibility-4e85f75730b/

This issue will not be assigned to anyone and will remain open for multiple contributors.
Please do not close this issue

Happy contributing!

check my PR #904
Please review my PR, and if anything needs to change, then tell me.