---
id: 6143610161323a081b249c19
title: Step 19
challengeType: 0
dashedName: step-19
---
# --description--
Compilando il contenuto del quiz, sotto `#student-info`, aggiungi tre elementi `div` con un attributo `class` di `info`.
Poi, all'interno di ogni `div`, annida un elemento `label` e un elemento `input`.
# --hints--
Dovresti annidare tre elementi `div` sotto l'elemento `h2#student-info`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.length, 3);
```
Dovresti dare al primo `div` un attributo `class` con il valore `info`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[0]?.className, 'info');
```
Dovresti dare al secondo `div` un attributo `class` con il valore `info`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[1]?.className, 'info');
```
Dovresti dare al terzo `div` un attributo `class` con il valore `info`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[2]?.className, 'info');
```
Dovresti annidare un elemento `label` all'interno del primo `div`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[0]?.querySelectorAll('label')?.length, 1);
```
Dovresti annidare un elemento `input` all'interno del primo `div`, dopo `label`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[0]?.querySelectorAll('input')?.length, 1);
assert.exists(document.querySelectorAll('h2#student-info ~ div')?.[0]?.querySelector('label + input'));
```
Dovresti annidare un elemento `label` all'interno del secondo `div`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[1]?.querySelectorAll('label')?.length, 1);
```
Dovresti annidare un elemento `input` all'interno del secondo `div`, dopo `label`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[1]?.querySelectorAll('input')?.length, 1);
assert.exists(document.querySelectorAll('h2#student-info ~ div')?.[1]?.querySelector('label + input'));
```
Dovresti annidare un elemento `label` all'interno del terzo `div`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[2]?.querySelectorAll('label')?.length, 1);
```
Dovresti annidare un elemento `input` all'interno del terzo `div`, dopo `label`.
```js
assert.equal(document.querySelectorAll('h2#student-info ~ div')?.[2]?.querySelectorAll('input')?.length, 1);
assert.exists(document.querySelectorAll('h2#student-info ~ div')?.[2]?.querySelector('label + input'));
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
