CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-19 21:09:51 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(curriculum): update the tests and instructions of the step 24 workshop accessibility quiz challenge (#60766)

Browse Source
This commit is contained in:
Aishwarya 2025-06-19 05:12:11 +05:30 committed by GitHub
parent 2783b73651
commit 4a5bd91a52
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
curriculum/challenges/english/25-front-end-development/workshop-accessibility-quiz/614394fb41985e0d2012a93e.md
View File

@ -9,7 +9,7 @@ dashedName: step-24
The question numbers are not descriptive enough. This is especially true for visually impaired users. One way to get around such an issue, without having to add visible text to the element, is to add text only a screen reader can read.
Nest a `span` element with a `class` of `sr-only` after the number in each of the `h3` elements.
Nest a `span` element with a `class` of `sr-only` before the number in each of the `h3` elements.
# --hints--
@ -37,6 +37,18 @@ You should give the second `span` element a `class` of `sr-only`.
assert.equal(document.querySelectorAll('span')[1]?.className, 'sr-only');
```
You should add the `span` element before the number 1 within the first `h3` element.
```js
assert.equal(document.querySelector('span')?.nextSibling?.textContent, '1');
```
You should add the `span` element before the number 2 within the second `h3` element.
```js
assert.equal(document.querySelectorAll('span')[1]?.nextSibling?.textContent, '2');
```
# --seed--
## --seed-contents--