mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-06-19 21:09:51 +08:00
fix(curriculum): add missing backticks and fix wording in reusable navbar step 7 (#61043)
Co-authored-by: Hassan Waqar <hassanwaqar@ITs-MacBook-Pro.local>
This commit is contained in:
parent
d2ff15ef14
commit
7058bf5320
@ -7,25 +7,25 @@ dashedName: step-7
|
||||
|
||||
# --description--
|
||||
|
||||
Inside the third list item, create a button with an `aria-expanded` attribute set to `false`. Also, set the text of the `button` to `Apps`.
|
||||
Inside the third list item, create a `button` element with an `aria-expanded` attribute set to `false`. Also, set the text of the `button` to `Apps`.
|
||||
|
||||
The `aria-expanded` attribute will communicate to screen reader users that the button triggers an expandable submenu.
|
||||
|
||||
# --hints--
|
||||
|
||||
You should create a `button` tag inside the second list item.
|
||||
You should create a `button` element inside the second list item.
|
||||
|
||||
```js
|
||||
assert.exists(document.querySelector('li button'));
|
||||
```
|
||||
|
||||
Your button should have an `aria-expanded` attribute set to `false`.
|
||||
Your `button` element should have an `aria-expanded` attribute set to `false`.
|
||||
|
||||
```js
|
||||
assert.equal(document.querySelector('button')?.getAttribute('aria-expanded'), 'false');
|
||||
```
|
||||
|
||||
Your `button` tag should have the text `Apps`.
|
||||
Your `button` element should have the text `Apps`.
|
||||
|
||||
```js
|
||||
assert.equal(document.querySelector('li button')?.textContent, 'Apps');
|
||||
|
||||
Loading…
Reference in New Issue
Block a user