From 340581e8889be906c1433180c804f8f3d2510178 Mon Sep 17 00:00:00 2001 From: Jim Kernicky Date: Wed, 5 Jan 2022 12:36:58 -0500 Subject: [PATCH] fix(curriculum): typos in accessibility-quiz (#44681) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: “Jim” <“jimkernicky@gmail.com”> --- .../learn-accessibility-by-building-a-quiz/step-008.md | 2 +- .../learn-accessibility-by-building-a-quiz/step-017.md | 2 +- .../learn-accessibility-by-building-a-quiz/step-019.md | 2 +- .../learn-accessibility-by-building-a-quiz/step-020.md | 2 +- .../learn-accessibility-by-building-a-quiz/step-028.md | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-008.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-008.md index 5ba9fce9e6..517103957d 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-008.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-008.md @@ -7,7 +7,7 @@ dashedName: step-8 # --description-- -A useful property of an _SVG_ (scalable vector graphics) is that is contains a `path` attribute which allows the image to be scaled without affecting the resolution of the resultant image. +A useful property of an _SVG_ (scalable vector graphics) is that it contains a `path` attribute which allows the image to be scaled without affecting the resolution of the resultant image. Currently, the `img` is assuming it's default size, which is too large. Correctly, scale the image using it's `id` as a selector, and setting the `width` to `max(100px, 18vw)`. diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-017.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-017.md index 62e71b2ccf..343bcdb441 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-017.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-017.md @@ -11,7 +11,7 @@ Typeface plays an important role in the accessibility of a page. Some fonts are Change the font for both the `h1` and `h2` elements to `Verdana`, and use another sans-serif _web safe_ font as a fallback. -Also, add a `border-bottom` of `4px solid #dfdfe2` to `h2` elements, to make the sections distinct. +Also, add a `border-bottom` of `4px solid #dfdfe2` to `h2` elements to make the sections distinct. # --hints-- diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-019.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-019.md index 517796da94..e35f25aa12 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-019.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-019.md @@ -7,7 +7,7 @@ dashedName: step-19 # --description-- -Filling out the content of the quiz, below the `#student-info`, add three `div` elements with a `class` of `info`. +Filling out the content of the quiz, below `#student-info`, add three `div` elements with a `class` of `info`. Then, within each `div` nest one `label` element, and one `input` element. diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-020.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-020.md index c25d490cda..8c3466a377 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-020.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-020.md @@ -9,7 +9,7 @@ dashedName: step-20 It is important to link each `input` to the corresponding `label` element. This provides assistive technology users with a visual reference to the input. -This is done, by giving the `label` a `for` attribute, which contains the `id` of the `input`. +This is done by giving the `label` a `for` attribute, which contains the `id` of the `input`. This section will take a student's name, email address, and date of birth. Give the `label` elements appropriate `for` attributes, as well as text content. Then, link the `input` elements to the corresponding `label` elements. diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-028.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-028.md index ca2817b22e..7e7c96c06a 100644 --- a/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-028.md +++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-028.md @@ -9,7 +9,7 @@ dashedName: step-28 Give each `fieldset` an adaquate `name` attribute. Then, give both unordered lists a `class` of `answers-list`. -Finally, use the `legend` to caption the content of the `fieldset`, by placing a true/false question as the text content. +Finally, use the `legend` to caption the content of the `fieldset` by placing a true/false question as the text content. # --hints--