A sound clip of Zersiax's screen reader in action.
- - - + + +diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.english.md b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.english.md
index 6575fc8a4d..5413bea7bc 100644
--- a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/add-a-text-alternative-to-images-for-visually-impaired-accessibility.english.md
@@ -25,7 +25,7 @@ Camper Cat happens to be both a coding ninja and an actual ninja, and is buildin
```yml
tests:
- text: 'Your img
tag should have an alt
attribute, and it should not be empty.'
- testString: 'assert($(''img'').attr(''alt''), ''Your img
tag should have an alt
attribute, and it should not be empty.'');'
+ testString: 'assert($("img").attr("alt"), "Your img
tag should have an alt
attribute, and it should not be empty.");'
```
diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.english.md b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.english.md
index f80381874f..937db0dab8 100644
--- a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/add-an-accessible-date-picker.english.md
@@ -25,13 +25,13 @@ Camper Cat is setting up a Mortal Kombat tournament and wants to ask his competi
```yml
tests:
- text: Your code should add one input
tag for the date selector field.
- testString: 'assert($(''input'').length == 2, ''Your code should add one input
tag for the date selector field.'');'
+ testString: 'assert($("input").length == 2, "Your code should add one input
tag for the date selector field.");'
- text: Your input
tag should have a type
attribute with a value of date.
- testString: 'assert($(''input'').attr(''type'') == ''date'', ''Your input
tag should have a type
attribute with a value of date.'');'
+ testString: 'assert($("input").attr("type") == "date", "Your input
tag should have a type
attribute with a value of date.");'
- text: Your input
tag should have an id
attribute with a value of pickdate.
- testString: 'assert($(''input'').attr(''id'') == ''pickdate'', ''Your input
tag should have an id
attribute with a value of pickdate.'');'
+ testString: 'assert($("input").attr("id") == "pickdate", "Your input
tag should have an id
attribute with a value of pickdate.");'
- text: Your input
tag should have a name
attribute with a value of date.
- testString: 'assert($(''input'').attr(''name'') == ''date'', ''Your input
tag should have a name
attribute with a value of date.'');'
+ testString: 'assert($("input").attr("name") == "date", "Your input
tag should have a name
attribute with a value of date.");'
```
@@ -53,13 +53,13 @@ tests:
color
for the button
to the dark blue.
- testString: 'assert($(''button'').css(''color'') == ''rgb(0, 51, 102)'', ''Your code should change the text color
for the button
to the dark blue.'');'
+ testString: 'assert($("button").css("color") == "rgb(0, 51, 102)", "Your code should change the text color
for the button
to the dark blue.");'
```
diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.english.md b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.english.md
index fd74518506..b605778eaa 100644
--- a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/avoid-colorblindness-issues-by-using-sufficient-contrast.english.md
@@ -24,9 +24,9 @@ Camper Cat is experimenting with using color for his blog text and background, b
```yml
tests:
- text: Your code should only change the lightness value for the text color
property to a value of 15%.
- testString: 'assert(code.match(/color:\s*?hsl\(0,\s*?55%,\s*?15%\)/gi), ''Your code should only change the lightness value for the text color
property to a value of 15%.'');'
+ testString: 'assert(code.match(/color:\s*?hsl\(0,\s*?55%,\s*?15%\)/gi), "Your code should only change the lightness value for the text color
property to a value of 15%.");'
- text: Your code should only change the lightness value for the background-color
property to a value of 55%.
- testString: 'assert(code.match(/background-color:\s*?hsl\(120,\s*?25%,\s*?55%\)/gi), ''Your code should only change the lightness value for the background-color
property to a value of 55%.'');'
+ testString: 'assert(code.match(/background-color:\s*?hsl\(120,\s*?25%,\s*?55%\)/gi), "Your code should only change the lightness value for the background-color
property to a value of 55%.");'
```
diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.english.md b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.english.md
index 333722e4fd..e5a3f8a07c 100644
--- a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/give-links-meaning-by-using-descriptive-link-text.english.md
@@ -22,9 +22,9 @@ The link text that Camper Cat is using is not very descriptive without the surro
```yml
tests:
- text: Your code should move the anchor a
tags from around the words "Click here" to wrap around the words "information about batteries".
- testString: 'assert($(''a'').text().match(/^(information about batteries)$/g), ''Your code should move the anchor a
tags from around the words "Click here" to wrap around the words "information about batteries".'');'
+ testString: 'assert($("a").text().match(/^(information about batteries)$/g), "Your code should move the anchor a
tags from around the words "Click here" to wrap around the words "information about batteries".");'
- text: Make sure your a
element has a closing tag.
- testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(//g).length, ''Make sure your a
element has a closing tag.'');'
+ testString: 'assert(code.match(/<\/a>/g) && code.match(/<\/a>/g).length === code.match(//g).length, "Make sure your a
element has a closing tag.");'
```
diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.english.md b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.english.md
index 6f4cb673b4..a234e6ff5c 100644
--- a/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.english.md
+++ b/curriculum/challenges/english/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.english.md
@@ -26,19 +26,19 @@ Time to take a break from Camper Cat and meet fellow camper Zersiax (@zersiax),
```yml
tests:
- text: Your code should have one audio
tag.
- testString: 'assert($(''audio'').length === 1, ''Your code should have one audio
tag.'');'
+ testString: 'assert($("audio").length === 1, "Your code should have one audio
tag.");'
- text: Make sure your audio
element has a closing tag.
- testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/audio
element has a closing tag.'');'
+ testString: 'assert(code.match(/<\/audio>/g).length === 1 && code.match(/audio
element has a closing tag.");'
- text: The audio
tag should have the controls
attribute.
- testString: 'assert($(''audio'').attr(''controls''), ''The audio
tag should have the controls
attribute.'');'
+ testString: 'assert($("audio").attr("controls"), "The audio
tag should have the controls
attribute.");'
- text: Your code should have one source
tag.
- testString: 'assert($(''source'').length === 1, ''Your code should have one source
tag.'');'
+ testString: 'assert($("source").length === 1, "Your code should have one source
tag.");'
- text: Your source
tag should be inside the audio
tags.
- testString: 'assert($(''audio'').children(''source'').length === 1, ''Your source
tag should be inside the audio
tags.'');'
+ testString: 'assert($("audio").children("source").length === 1, "Your source
tag should be inside the audio
tags.");'
- text: The value for the src
attribute on the source
tag should match the link in the instructions exactly.
- testString: 'assert($(''source'').attr(''src'') === ''https://s3.amazonaws.com/freecodecamp/screen-reader.mp3'', ''The value for the src
attribute on the source
tag should match the link in the instructions exactly.'');'
+ testString: 'assert($("source").attr("src") === "https://s3.amazonaws.com/freecodecamp/screen-reader.mp3", "The value for the src
attribute on the source
tag should match the link in the instructions exactly.");'
- text: Your code should include a type
attribute on the source
tag with a value of audio/mpeg.
- testString: 'assert($(''source'').attr(''type'') === ''audio/mpeg'', ''Your code should include a type
attribute on the source
tag with a value of audio/mpeg.'');'
+ testString: 'assert($("source").attr("type") === "audio/mpeg", "Your code should include a type
attribute on the source
tag with a value of audio/mpeg.");'
```
@@ -56,9 +56,9 @@ tests:
A sound clip of Zersiax's screen reader in action.
- - - + + +