mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-28 18:26:54 +00:00
chore(curriculum): add JS a11y module (#60579)
Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com> Co-authored-by: Ilenia <26656284+ilenia-magoni@users.noreply.github.com>
This commit is contained in:
@@ -1799,6 +1799,7 @@
|
||||
"review-javascript-fundamentals": "JavaScript Fundamentals Review",
|
||||
"higher-order-functions-and-callbacks": "Higher Order Functions and Callbacks",
|
||||
"dom-manipulation-and-events": "DOM Manipulation and Events",
|
||||
"js-a11y": "JavaScript and Accessibility",
|
||||
"debugging-javascript": "Debugging",
|
||||
"basic-regex": "Basic Regex",
|
||||
"form-validation": "Form Validation",
|
||||
@@ -3370,6 +3371,19 @@
|
||||
"Test your knowledge of DOM manipulation and click events in JavaScript with this quiz."
|
||||
]
|
||||
},
|
||||
"review-js-a11y": {
|
||||
"title": "JavaScript and Accessibility Review",
|
||||
"intro": [
|
||||
"Before you're quizzed on JavaScript and accessibility, you should review what you've learned about it.",
|
||||
"Open up this page to review concepts including how to work with the <code>aria-expanded</code>, <code>aria-live</code>, and <code>aria-controls</code> attributes."
|
||||
]
|
||||
},
|
||||
"quiz-js-a11y": {
|
||||
"title": "JavaScript and Accessibility Quiz",
|
||||
"intro": [
|
||||
"Test your knowledge of JavaScript and accessibility best practices with this quiz."
|
||||
]
|
||||
},
|
||||
"lecture-debugging-techniques": {
|
||||
"title": "Debugging Techniques",
|
||||
"intro": [
|
||||
|
||||
@@ -0,0 +1,9 @@
|
||||
---
|
||||
title: Introduction to the JavaScript and Accessibility Quiz
|
||||
block: quiz-js-a11y
|
||||
superBlock: full-stack-developer
|
||||
---
|
||||
|
||||
## Introduction to the JavaScript and Accessibility Quiz
|
||||
|
||||
Test your knowledge of JavaScript and accessibility best practices with this quiz.
|
||||
@@ -0,0 +1,9 @@
|
||||
---
|
||||
title: Introduction to the JavaScript and Accessibility Review
|
||||
block: review-js-a11y
|
||||
superBlock: full-stack-developer
|
||||
---
|
||||
|
||||
## Introduction to the JavaScript and Accessibility review
|
||||
|
||||
This is review page for concepts including how to work with the `aria-expanded`, `aria-live`, and `aria-controls` attributes.
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "JavaScript and Accessibility Quiz",
|
||||
"isUpcomingChange": true,
|
||||
"blockType": "quiz",
|
||||
"blockLayout": "link",
|
||||
"dashedName": "quiz-js-a11y",
|
||||
"superBlock": "full-stack-developer",
|
||||
"challengeOrder": [{ "id": "68376949899fcbad3c9cac23", "title": "JavaScript and Accessibility Quiz" }],
|
||||
"helpCategory": "JavaScript"
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
{
|
||||
"name": "JavaScript and Accessibility Review",
|
||||
"isUpcomingChange": true,
|
||||
"blockType": "review",
|
||||
"blockLayout": "link",
|
||||
"dashedName": "review-js-a11y",
|
||||
"superBlock": "full-stack-developer",
|
||||
"challengeOrder": [{ "id": "683766860f71d4a96e429f3a", "title": "JavaScript and Accessibility Review" }],
|
||||
"helpCategory": "JavaScript"
|
||||
}
|
||||
+454
@@ -0,0 +1,454 @@
|
||||
---
|
||||
id: 68376949899fcbad3c9cac23
|
||||
title: JavaScript and Accessibility Quiz
|
||||
challengeType: 8
|
||||
dashedName: quiz-js-a11y
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
To pass the quiz, you must correctly answer at least 18 of the 20 questions below.
|
||||
|
||||
# --quizzes--
|
||||
|
||||
## --quiz--
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
|
||||
### --question--
|
||||
|
||||
#### --text--
|
||||
|
||||
Placeholder question
|
||||
|
||||
#### --distractors--
|
||||
|
||||
Placeholder distractor 1
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 2
|
||||
|
||||
---
|
||||
|
||||
Placeholder distractor 3
|
||||
|
||||
#### --answer--
|
||||
|
||||
Placeholder answer
|
||||
+23
@@ -0,0 +1,23 @@
|
||||
---
|
||||
id: 683766860f71d4a96e429f3a
|
||||
title: JavaScript and Accessibility Review
|
||||
challengeType: 24
|
||||
dashedName: review-js-a11y
|
||||
---
|
||||
|
||||
# --description--
|
||||
|
||||
Review the concepts below to prepare for the upcoming quiz.
|
||||
|
||||
## Topic 1
|
||||
|
||||
- **Concept**: Explanation goes here
|
||||
|
||||
## Topic 2
|
||||
|
||||
- **Concept**: Explanation goes here
|
||||
|
||||
# --assignment--
|
||||
|
||||
Review the JavaScript and Accessibility topics and concepts.
|
||||
|
||||
@@ -784,6 +784,18 @@
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"dashedName": "js-a11y",
|
||||
"comingSoon": true,
|
||||
"blocks": [
|
||||
{
|
||||
"dashedName": "review-js-a11y"
|
||||
},
|
||||
{
|
||||
"dashedName": "quiz-js-a11y"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"dashedName": "debugging-javascript",
|
||||
"blocks": [
|
||||
|
||||
Reference in New Issue
Block a user