diff --git a/curriculum/challenges/english/25-front-end-development/workshop-reusable-mega-navbar/6745d799beeb822076a4da9d.md b/curriculum/challenges/english/25-front-end-development/workshop-reusable-mega-navbar/6745d799beeb822076a4da9d.md index dfc8a71d834..26849f8820d 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-reusable-mega-navbar/6745d799beeb822076a4da9d.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-reusable-mega-navbar/6745d799beeb822076a4da9d.md @@ -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');