gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(curriculum): typos in accessibility-quiz (#44681)

Browse Source 
Co-authored-by: “Jim” <“jimkernicky@gmail.com”>
This commit is contained in:
Jim Kernicky
2022-01-05 12:36:58 -05:00
committed by GitHub
parent 75f64d1728
commit 340581e888
5 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-008.md
View File

@ -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)`.

2
curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-017.md
View File

@ -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--

2
curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-019.md
View File

@ -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.

2
curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-020.md
View File

@ -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.

2
curriculum/challenges/english/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/step-028.md
View File

@ -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--