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

chore(i18n,learn): processed translations (#45670)

Browse Source
This commit is contained in:
camperbot
2022-04-11 19:34:39 +05:30
committed by GitHub
parent f40a2c6da1
commit 905018ad35
110 changed files with 1846 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613297a923965e0703b64796.md
View File

@@ -1,6 +1,6 @@
---
id: 613297a923965e0703b64796
title: Etapa 2
title: Passo 2
challengeType: 0
dashedName: step-2
---

2
curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61329b210dac0b08047fd6ab.md
View File

@@ -1,6 +1,6 @@
---
id: 61329b210dac0b08047fd6ab
title: Etapa 3
title: Passo 3
challengeType: 0
dashedName: step-3
---

2
curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61329d52e5010e08d9b9d66b.md
View File

@@ -1,6 +1,6 @@
---
id: 61329d52e5010e08d9b9d66b
title: Etapa 4
title: Passo 4
challengeType: 0
dashedName: step-4
---

2
curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6133acc353338c0bba9cb553.md
View File

@@ -1,6 +1,6 @@
---
id: 6133acc353338c0bba9cb553
title: Etapa 5
title: Passo 5
challengeType: 0
dashedName: step-5
---

68
curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/6133d11ef548f51f876149e3.md Normal file
View File

@@ -0,0 +1,68 @@
---
id: 6133d11ef548f51f876149e3
title: Passo 6
challengeType: 0
dashedName: step-6
---
# --description--
A navegação é uma parte fundamental da acessibilidade. Os leitores de tela dependem de você para fornecer a estrutura de sua página. Isso é feito com elementos HTML semânticos.
Adicione um elemento `header` e um elemento `main` à sua página.
O elemento `header` será usado para introduzir a página, bem como fornecer um menu de navegação.
O elemento `main` contém o conteúdo principal de sua página.
# --hints--
Você deve adicionar um elemento `header` ao `body`.
```js
assert.exists(document.querySelector('body > header'));
```
Você deve adicionar um novo elemento `main` ao `body`.
```js
assert.exists(document.querySelector('body > main'));
```
O elemento `header` deve vir antes do elemento `main`.
```js
assert.exists(document.querySelector('header + main'));
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="freeCodeCamp Accessibility Quiz practice project" />
<title>Accessibility Quiz</title>
<link rel="stylesheet" href="styles.css" />
</head>
--fcc-editable-region--
<body>
</body>
--fcc-editable-region--
</html>
```
```css
body {
background: #f5f6f7;
color: #1b1b32;
font-family: Helvetica;
margin: 0;
}
```

93
curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613e2546d0594208229ada50.md Normal file
View File

@@ -0,0 +1,93 @@
---
id: 613e2546d0594208229ada50
title: Passo 7
challengeType: 0
dashedName: step-7
---
# --description--
No `header`, forneça um contexto sobre a página, aninhando um elemento `img`, um `h1` e um `nav`.
A `img` deve apontar para `https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg` e ter no `id` o valor `logo`.
O `h1` deve conter o texto `HTML/CSS Quiz`.
# --hints--
Você deve adicionar um elemento `img` ao elemento `header`.
```js
assert.exists(document.querySelector('header > img'));
```
Você deve adicionar um elemento `h1` ao elemento `header`.
```js
assert.exists(document.querySelector('header > h1'));
```
Você deve adicionar um elemento `nav` ao elemento `header`.
```js
assert.exists(document.querySelector('header > nav'));
```
Você deve colocar os elementos `img`, `h1` e `nav` nessa ordem.
```js
assert.exists(document.querySelector('img + h1 + nav'));
```
Você deve dar ao elemento `img` um atributo `src` equivalente a `https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg`.
```js
assert.equal(document.querySelector('img')?.src, 'https://cdn.freecodecamp.org/platform/universal/fcc_primary.svg');
```
Você deve dar ao elemento `img` um atributo `id` equivalente a `logo`.
```js
assert.equal(document.querySelector('img')?.id, 'logo');
```
Você deve atribuir ao elemento `h1` o texto `HTML/CSS Quiz`.
```js
assert.include(document.querySelector('h1')?.innerText?.toLowerCase(), 'html/css quiz');
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="freeCodeCamp Accessibility Quiz practice project" />
<title>Accessibility Quiz</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
--fcc-editable-region--
<header>
</header>
--fcc-editable-region--
<main></main>
</body>
</html>
```
```css
body {
background: #f5f6f7;
color: #1b1b32;
font-family: Helvetica;
margin: 0;
}
```

2
curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/614ccc21ea91ef1736b9b578.md
View File

@@ -1,6 +1,6 @@
---
id: 614ccc21ea91ef1736b9b578
title: Etapa 1
title: Passo 1
challengeType: 0
dashedName: step-1
---