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

2022-03-14 22:46:48 +05:30
parent 9a48c71ecf
commit d94177d85c
61 changed files with 592 additions and 335 deletions
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613297a923965e0703b64796.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/613297a923965e0703b64796.md
@@ -0,0 +1,57 @@
+---
+id: 613297a923965e0703b64796
+title: Etapa 2
+challengeType: 0
+dashedName: step-2
+---
+
+# --description--
+
+Você já deve estar familiarizado com a tag `meta`. Ela é usada para especificar informações sobre a página como título, descrição, palavras-chave e autor.
+
+Dê à página uma tag `meta` com um valor apropriado para `charset`.
+
+O atributo `charset` especifica a codificação de caracteres da página e, hoje em dia, `UTF-8` é a única codificação suportada pela maioria dos navegadores.
+
+# --hints--
+
+Você deve criar um elemento `meta` ao redor do elemento `head`.
+
+```js
+// TODO: Once builder is fixed so head info is not in body
+assert.exists(document.querySelector('head > meta'));
+```
+
+Você deve dar à tag `meta` um `charset` de `UTF-8`.
+
+```js
+assert.equal(document.querySelector('head > meta')?.getAttribute('charset'), 'UTF-8');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+--fcc-editable-region--
+  <head>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+--fcc-editable-region--
+  <body>
+
+  </body>
+</html>
+
+```
+
+```css
+body {
+    background: #f5f6f7;
+    color: #1b1b32;
+    font-family: Helvetica;
+    margin: 0;
+}
+```
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61329b210dac0b08047fd6ab.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-accessibility-by-building-a-quiz/61329b210dac0b08047fd6ab.md
@@ -0,0 +1,62 @@
+---
+id: 61329b210dac0b08047fd6ab
+title: Etapa 3
+challengeType: 0
+dashedName: step-3
+---
+
+# --description--
+
+Continuando com as tags `meta`, uma definição de `viewport` informa ao navegador como renderizar a página. Sua inclusão melhora a acessibilidade visual no celular e a _SEO_ (otimização de mecanismos de busca).
+
+Adicione uma definição de `viewport` com um atributo `content` detalhando a `width` (largura) e a `initial-scale` (escala inicial) da página.
+
+# --hints--
+
+Você deve criar outro elemento `meta` na tag `head`.
+
+```js
+assert.equal(document.querySelectorAll('head > meta')?.length, 2);
+```
+
+Você deve dar à tag `meta` um atributo `name` do tipo `viewport`.
+
+```js
+assert.equal(document.querySelectorAll('head > meta[name="viewport"]')?.length, 1);
+```
+
+Você deve dar à tag `meta` um atributo `content` do tipo `width=device-width, initial-scale=1`.
+
+```js
+// TODO: Double-check this is the only correct answer
+assert.equal(document.querySelectorAll('head > meta[content="width=device-width, initial-scale=1.0"]')?.length || document.querySelectorAll('head > meta[content="width=device-width, initial-scale=1"]')?.length, 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+--fcc-editable-region--
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+--fcc-editable-region--
+  <body>
+
+  </body>
+</html>
+
+```
+
+```css
+body {
+    background: #f5f6f7;
+    color: #1b1b32;
+    font-family: Helvetica;
+    margin: 0;
+}
+```