mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-01-07 00:03:44 -05:00
chore(i18n,learn): processed translations (#50589)
This commit is contained in:
@@ -26,7 +26,7 @@ Here's an example:
|
||||
|
||||
# --instructions--
|
||||
|
||||
حان الوقت لأخذ استراحة من Camper Cat و مقابلة الزميل camper Zersiax (@zersiax), بطل ال accessibility و مستخدم لتقنية قارئ الشاشة (screen reader). To hear a clip of his screen reader in action, add an `audio` element after the `p`. Include the `controls` attribute. Then place a `source` tag inside the `audio` tags with the `src` attribute set to `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` and `type` attribute set to `"audio/mpeg"`.
|
||||
حان الوقت لأخذ استراحة من Camper Cat و مقابلة الزميل camper Zersiax (@zersiax), بطل ال accessibility و مستخدم لتقنية قارئ الشاشة (screen reader). To hear a clip of his screen reader in action, add an `audio` element after the `p` element. Include the `controls` attribute. Then place a `source` element inside the `audio` tags with the `src` attribute set to `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` and `type` attribute set to `"audio/mpeg"`.
|
||||
|
||||
**Note:** The audio clip may sound fast and be difficult to understand, but that is a normal speed for screen reader users.
|
||||
|
||||
|
||||
@@ -26,7 +26,7 @@ HTML5 的 `audio` 標籤用於呈現音頻內容或音頻流,它也具有語
|
||||
|
||||
# --instructions--
|
||||
|
||||
是時候讓 Camper Cat 休息一下,並與朋友 Zersiax (@zersiax) 會面了。 Zersiax 是一位屏幕閱讀器用戶,同時也是無障礙設計的高手。 爲了體驗屏幕閱讀器的朗讀效果,請在 `p` 標籤之後添加一個 `audio` 標籤, 具有 `controls` 屬性。 然後在 `audio` 標籤裏面放一個帶有 `src` 屬性的 `source` 標籤,屬性值爲 `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3`。將 `type` 屬性設置爲 `"audio/mpeg"`.
|
||||
是時候讓 Camper Cat 休息一下,並與朋友 Zersiax (@zersiax) 會面了。 Zersiax 是一位屏幕閱讀器用戶,同時也是無障礙設計的高手。 To hear a clip of his screen reader in action, add an `audio` element after the `p` element. 具有 `controls` 屬性。 Then place a `source` element inside the `audio` tags with the `src` attribute set to `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` and `type` attribute set to `"audio/mpeg"`.
|
||||
|
||||
**注意:** 音頻片段的播放速度可能會快到令我們難以理解,但是對於屏幕閱讀器用戶來說這是正常速度。
|
||||
|
||||
|
||||
@@ -26,7 +26,7 @@ HTML5 的 `audio` 标签用于呈现音频内容或音频流,它也具有语
|
||||
|
||||
# --instructions--
|
||||
|
||||
是时候让 Camper Cat 休息一下,并与朋友 Zersiax (@zersiax) 会面了。 Zersiax 是一位屏幕阅读器用户,同时也是无障碍设计的高手。 为了体验屏幕阅读器的朗读效果,请在 `p` 标签之后添加一个 `audio` 标签, 具有 `controls` 属性。 然后在 `audio` 标签里面放一个带有 `src` 属性的 `source` 标签,属性值为 `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3`。将 `type` 属性设置为 `"audio/mpeg"`.
|
||||
是时候让 Camper Cat 休息一下,并与朋友 Zersiax (@zersiax) 会面了。 Zersiax 是一位屏幕阅读器用户,同时也是无障碍设计的高手。 To hear a clip of his screen reader in action, add an `audio` element after the `p` element. 具有 `controls` 属性。 Then place a `source` element inside the `audio` tags with the `src` attribute set to `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` and `type` attribute set to `"audio/mpeg"`.
|
||||
|
||||
**注意:** 音频片段的播放速度可能会快到令我们难以理解,但是对于屏幕阅读器用户来说这是正常速度。
|
||||
|
||||
|
||||
@@ -26,7 +26,7 @@ Acá tenemos un ejemplo:
|
||||
|
||||
# --instructions--
|
||||
|
||||
Es hora de salir del Camper Cat y conocer a nuestro compañero Zersiax (@zersiax), un campeón en accesibilidad y un usuario de lector de pantalla. Para escuchar un clip de su lector de pantalla en acción, añade un elemento `audio` después de `p`. Incluye el atributo `controls`. A continuación, coloca una etiqueta `source` dentro de las etiquetas `audio` con el atributo `src` establecido en `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` y el atributo `type` establecido en `"audio/mpeg"`.
|
||||
Es hora de salir del Camper Cat y conocer a nuestro compañero Zersiax (@zersiax), un campeón en accesibilidad y un usuario de lector de pantalla. To hear a clip of his screen reader in action, add an `audio` element after the `p` element. Incluye el atributo `controls`. Then place a `source` element inside the `audio` tags with the `src` attribute set to `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` and `type` attribute set to `"audio/mpeg"`.
|
||||
|
||||
**Note:** El clip del audio puede sonar rápido y quizás sea difícil de entender pero esta velocidad es normal para los lectores de pantalla.
|
||||
|
||||
|
||||
@@ -26,7 +26,7 @@ Hier ist ein Beispiel:
|
||||
|
||||
# --instructions--
|
||||
|
||||
Zeit, eine Pause von Camper Cat zu machen und seinen Kollegen Zersiax (@zersiax) zu treffen, einen Meister der Barrierefreiheit und einen Screenreader-Nutzer. Um einen Clip seines Screenreaders in Aktion zu hören, füge ein `audio`-Element nach dem `p`-Tag ein. Füge das `controls`-Attribut hinzu. Dann platziere einen `source`-Tag innerhalb der `audio`-Tags, wobei das `src`-Attribut auf `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` und das `type`-Attribut auf `"audio/mpeg"` gesetzt ist.
|
||||
Zeit, eine Pause von Camper Cat zu machen und seinen Kollegen Zersiax (@zersiax) zu treffen, einen Meister der Barrierefreiheit und einen Screenreader-Nutzer. To hear a clip of his screen reader in action, add an `audio` element after the `p` element. Füge das `controls`-Attribut hinzu. Then place a `source` element inside the `audio` tags with the `src` attribute set to `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` and `type` attribute set to `"audio/mpeg"`.
|
||||
|
||||
**Hinweis:** Der Audioclip klingt vielleicht schnell und ist schwer verständlich, aber das ist eine normale Geschwindigkeit für Benutzer von Screenreadern.
|
||||
|
||||
|
||||
@@ -7,7 +7,7 @@ dashedName: step-84
|
||||
|
||||
# --description--
|
||||
|
||||
The menu text `CAMPER CAFE` has a different space from the top than the address's space at the bottom of the menu. This is due to the browser having some default top margin for the `h1` element.
|
||||
The menu text `CAMPER CAFE` has a different space from the top than the address's space at the bottom of the menu. Das liegt daran, dass der Browser eine Standard-Top-Margin für das `h1`-Element besitzt.
|
||||
|
||||
Ändere den oberen Rand des `h1`-Elements auf `0`, um alle oberen Ränder zu entfernen.
|
||||
|
||||
|
||||
@@ -26,7 +26,7 @@ Ecco un esempio:
|
||||
|
||||
# --instructions--
|
||||
|
||||
È il momento di prendersi una pausa da Camper Cat e fare la conoscenza di camper Zersiax (@zersiax), un campione in fatto di accessibilità, e un utilizzatore di screen reader. Per ascoltare una clip del suo screen reader in azione, aggiungi un elemento `audio` dopo il `p`. Includi l'attributo `controls`. Quindi aggiungi un tag `source` all'interno dei tag `audio` con l'attributo `src` impostato su `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` e l'attributo `type` impostato su `"audio/mpeg"`.
|
||||
È il momento di prendersi una pausa da Camper Cat e fare la conoscenza di camper Zersiax (@zersiax), un campione in fatto di accessibilità, e un utilizzatore di screen reader. To hear a clip of his screen reader in action, add an `audio` element after the `p` element. Includi l'attributo `controls`. Then place a `source` element inside the `audio` tags with the `src` attribute set to `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` and `type` attribute set to `"audio/mpeg"`.
|
||||
|
||||
**Nota:** la clip audio potrebbe sembrare veloce e difficile da capire, ma questa è la velocità normale per gli utenti di screen reader.
|
||||
|
||||
|
||||
@@ -65,7 +65,7 @@ assert.isFunction(Thermostat);
|
||||
assert.isFunction(Thermostat?.constructor);
|
||||
```
|
||||
|
||||
The `class` keyword should be used.
|
||||
Dovresti usare la parola chiave `class`.
|
||||
|
||||
```js
|
||||
assert.match(code, /class/);
|
||||
|
||||
@@ -26,7 +26,7 @@ HTML5 の `audio` 要素は、サウンドやオーディオストリームコ
|
||||
|
||||
# --instructions--
|
||||
|
||||
Camper Cat から少し離れる時間を取って、アクセシビリティの達人でありスクリーンリーダーのユーザーでもあるキャンパー仲間、Zersiax (@zersiax) をご紹介します。 彼のスクリーンリーダーが動作する様子の音声を聴くには、`p` の後ろに `audio` 要素を追加します。 `controls` 属性を含めましょう。 次に `audio` タグの中に、`src` 属性に `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` を、`type` 属性に `"audio/mpeg"` を設定した `source` タグを配置します。
|
||||
Camper Cat から少し離れる時間を取って、アクセシビリティの達人でありスクリーンリーダーのユーザーでもあるキャンパー仲間、Zersiax (@zersiax) をご紹介します。 To hear a clip of his screen reader in action, add an `audio` element after the `p` element. `controls` 属性を含めましょう。 Then place a `source` element inside the `audio` tags with the `src` attribute set to `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` and `type` attribute set to `"audio/mpeg"`.
|
||||
|
||||
**注:** 音声が高速に聞こえて理解しにくいかもしれませんが、これはスクリーンリーダーのユーザーにとっては通常の速度です。
|
||||
|
||||
|
||||
@@ -26,7 +26,7 @@ Exemplo:
|
||||
|
||||
# --instructions--
|
||||
|
||||
É hora de fazer uma pausa com o Camper Cat e conhecer o colega Zersiax (@zersiax), um campeão de acessibilidade e também usuário de leitor de tela. Para ouvir um clipe de seu leitor de tela em ação, adicione o elemento `audio` após o elemento `p`. Inclua o atributo `controls`. Em seguida, coloque uma tag `source` dentro da tag `audio` com o atributo `src` definido como `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` e o atributo `type` definido como `"audio/mpeg"`.
|
||||
É hora de fazer uma pausa com o Camper Cat e conhecer o colega Zersiax (@zersiax), um campeão de acessibilidade e também usuário de leitor de tela. To hear a clip of his screen reader in action, add an `audio` element after the `p` element. Inclua o atributo `controls`. Then place a `source` element inside the `audio` tags with the `src` attribute set to `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` and `type` attribute set to `"audio/mpeg"`.
|
||||
|
||||
**Observação:** o clipe de áudio pode parecer rápido e difícil de entender, mas é uma velocidade normal para usuários de leitores de tela.
|
||||
|
||||
|
||||
@@ -26,7 +26,7 @@ dashedName: improve-accessibility-of-audio-content-with-the-audio-element
|
||||
|
||||
# --instructions--
|
||||
|
||||
Давайте відпочинемо від Camper Cat та зустрінемося з його приятелем Зерсіаксом (@zersiax), чемпіоном з доступності та користувачем програми для читання з екрану. Щоб почути запис роботи зчитувача з екрану, додайте елемент `audio` після `p`. Додайте атрибут `controls`. Потім розмістіть теґ `source` всередині теґів `audio`, налаштувавши значення атрибуту `src` на `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3`, а значення атрибуту `type` - на `"audio/mpeg"`.
|
||||
Давайте відпочинемо від Camper Cat та зустрінемося з його приятелем Зерсіаксом (@zersiax), чемпіоном з доступності та користувачем програми для читання з екрану. To hear a clip of his screen reader in action, add an `audio` element after the `p` element. Додайте атрибут `controls`. Then place a `source` element inside the `audio` tags with the `src` attribute set to `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3` and `type` attribute set to `"audio/mpeg"`.
|
||||
|
||||
**Примітка:** Запис може здатися занадто швидким і малозрозумілим, але це звичайна швидкість для користувачів зчитувачів з екрану.
|
||||
|
||||
|
||||
@@ -7,51 +7,51 @@ dashedName: css-foundations-exercise-d
|
||||
|
||||
# --description--
|
||||
|
||||
With this exercise, we've provided you a completed HTML file, so you will only have to edit the CSS file. For this exercise, it's more important to understand how chaining different selectors works than how to actually add the attributes.
|
||||
У цій вправі ми надали вам готовий файл HTML, тому вам потрібно відредагувати лише файл CSS. У цій вправі важливіше зрозуміти, як об’єднувати різні селектори, а не додавати атрибути.
|
||||
|
||||
1. You should see a `width` of `300px` on the `avatar` and `proportioned` class.
|
||||
1. You should give it a height so that it retains its original square proportions (don't hardcode in a pixel value for the height!).
|
||||
1. You should give the elements with both the `avatar` and `distorted` classes a `width` of `200px`.
|
||||
1. You should give it a `height` twice as big as it's width.
|
||||
1. Ви повинні бачити `width` зі значенням `300px` на класах `avatar` та `proportioned`.
|
||||
1. Ви повинні надати таку висоту, щоб вона зберігала вихідне квадратне співвідношення сторін (не вказуйте піксельне значення для висоти!).
|
||||
1. Ви повинні надати елементам з класами `avatar` та `distorted` властивість `width` зі значенням `200px`.
|
||||
1. Ви повинні надати їм `height` у два рази більше ширини.
|
||||
|
||||
# --hints--
|
||||
|
||||
You should have a `width` of `300px` on the `avatar` and `proportioned` class.
|
||||
Ви повинні мати `width` зі значенням `300px` на класах `avatar` та `proportioned`.
|
||||
|
||||
```js
|
||||
const style = new __helpers.CSSHelp(document).getStyle(`.avatar.proportioned`) || new __helpers.CSSHelp(document).getStyle(`.proportioned.avatar`);
|
||||
assert(style?.width === '300px');
|
||||
```
|
||||
|
||||
You should have a height of `auto` on the `avatar` and `proportioned` class.
|
||||
Ви повинні мати висоту зі значенням `auto` на класах `avatar` та `proportioned`.
|
||||
|
||||
```js
|
||||
const style = new __helpers.CSSHelp(document).getStyle(`.avatar.proportioned`) || new __helpers.CSSHelp(document).getStyle(`.proportioned.avatar`)
|
||||
assert(style?.height === 'auto');
|
||||
```
|
||||
|
||||
You should use a chaining selector on the `avatar` and `proportioned` class.
|
||||
Ви повинні використати об’єднуючий селектор на класах `avatar` та `proportioned`.
|
||||
|
||||
```js
|
||||
const style = new __helpers.CSSHelp(document).getStyle(`.avatar.proportioned`) || new __helpers.CSSHelp(document).getStyle(`.proportioned.avatar`);
|
||||
assert(style);
|
||||
```
|
||||
|
||||
You should have a `width` of `200px` on the `avatar` and `distorted` class.
|
||||
Ви повинні мати `width` зі значенням `200px` на класах `avatar` та `distorted`.
|
||||
|
||||
```js
|
||||
const style = new __helpers.CSSHelp(document).getStyle(`.avatar.distorted`) || new __helpers.CSSHelp(document).getStyle(`.distorted.avatar`);
|
||||
assert(style?.width === '200px');
|
||||
```
|
||||
|
||||
You should use a chaining selector on the `avatar` and `distorted` class.
|
||||
Ви повинні використати об’єднуючий селектор на класах `avatar` та `distorted`.
|
||||
|
||||
```js
|
||||
const style = new __helpers.CSSHelp(document).getStyle(`.avatar.distorted`) || new __helpers.CSSHelp(document).getStyle(`.distorted.avatar`);
|
||||
assert(style);
|
||||
```
|
||||
|
||||
You should have a `height` two times the width on the `avatar` and `distorted` class.
|
||||
Ви повинні мати `height` у два рази більше ширини на класах `avatar` та `distorted`.
|
||||
|
||||
```js
|
||||
const style = new __helpers.CSSHelp(document).getStyle(`.avatar.distorted`) || new __helpers.CSSHelp(document).getStyle(`.distorted.avatar`);
|
||||
|
||||
@@ -7,18 +7,18 @@ dashedName: css-foundations-exercise-e
|
||||
|
||||
# --description--
|
||||
|
||||
Understanding how combinators work can become a lot easier when you start playing around with them and see what exactly is affected by them versus what isn't.
|
||||
Роботу комбінаторів простіше зрозуміти, як тільки ви почнете працювати з ними та побачите, на що саме вони впливають.
|
||||
|
||||
The goal of this exercise is to apply styles to elements that are descendants of another element, while leaving elements that aren't descendants of that element unstyled.
|
||||
Мета цієї вправи — застосувати стилі до елементів, які є нащадками іншого елемента, тим часом залишаючи без стилю елементи, які не є нащадками цього елемента.
|
||||
|
||||
1. You should see a `yellow` background for `p` elements that are descendants of the `div` element.
|
||||
1. You should see a text color of `red` for elements that are descendants of the `div` element.
|
||||
1. You should see a font size of `20px` for elements that are descendants of the `div` element.
|
||||
1. You should center align text for elements that are descendants of the `div` element.
|
||||
1. Ви повинні бачити фон зі значенням `yellow` для елементів `p`, які є нащадками елемента `div`.
|
||||
1. Ви повинні бачити колір тексту зі значенням `red` для елементів, які є нащадками елемента `div`.
|
||||
1. Ви повинні бачити розмір шрифту зі значенням `20px` для елементів, які є нащадками елемента `div`.
|
||||
1. Ви повинні вирівняти за центром текст елементів, які є нащадками елемента `div`.
|
||||
|
||||
# --hints--
|
||||
|
||||
You should have a background color of `yellow` on your descendants.
|
||||
Нащадки повинні мати колір фону зі значенням `yellow`.
|
||||
|
||||
```js
|
||||
const styleOne = new __helpers.CSSHelp(document).getStyle('.container .text');
|
||||
@@ -40,7 +40,7 @@ assert(getCorrectStyle()?.backgroundColor === 'yellow');
|
||||
|
||||
```
|
||||
|
||||
You should have a text color of `red` on your descendants.
|
||||
Нащадки повинні мати колір тексту зі значенням `red`.
|
||||
|
||||
```js
|
||||
const styleOne = new __helpers.CSSHelp(document).getStyle('.container .text');
|
||||
@@ -62,7 +62,7 @@ assert(getCorrectStyle()?.color === 'red');
|
||||
|
||||
```
|
||||
|
||||
You should have a font size of `20px` on your descendants.
|
||||
Нащадки повинні мати розмір шрифту зі значенням `20px`.
|
||||
|
||||
```js
|
||||
const styleOne = new __helpers.CSSHelp(document).getStyle('.container .text');
|
||||
@@ -84,7 +84,7 @@ assert(getCorrectStyle()?.fontSize === '20px');
|
||||
|
||||
```
|
||||
|
||||
You should center align the text on your descendants.
|
||||
Ви повинні вирівняти текст нащадків за центром.
|
||||
|
||||
```js
|
||||
const styleOne = new __helpers.CSSHelp(document).getStyle('.container .text');
|
||||
|
||||
Reference in New Issue
Block a user