chore(i18n,curriculum): update translations (#43267)

This commit is contained in:
camperbot
2021-08-25 09:12:11 -07:00
committed by GitHub
parent 867044aa63
commit 673b1caa39
102 changed files with 451 additions and 404 deletions

View File

@@ -15,7 +15,7 @@ dashedName: >-
例如,如果內容的前景色與背景色是兩種相近的綠色,那麼色盲用戶可能會無法區分它們。 色輪上距離較近的顏色,特別是相鄰的顏色,看起來都會很難區分。 在表示重要信息的時候應避免使用這類相近顏色的組合。
**注意:**一些在線顏色選擇器有色盲模擬功能,可以模擬顏色在不同形式的色盲中所呈現的效果。 它們和在線對比度檢查器一樣,都是很好的工具。
**注意:** 一些在線顏色選擇器有色盲模擬功能,可以模擬顏色在不同形式的色盲中所呈現的效果。 它們和在線對比度檢查器一樣,都是很好的工具。
# --instructions--

View File

@@ -22,13 +22,13 @@ HTML5 的 `audio` 標籤用於呈現音頻內容或音頻流,它也具有語
</audio>
```
**注意:**多媒體內容通常同時包含音頻與視頻部分, 它需要同步的字幕,使視覺或聽覺障礙用戶可以獲取它的內容。 一般情況下,網頁開發者不負責創建字幕或逐字稿,但是需要將它們添加到多媒體中。
**注意:** 多媒體內容通常同時包含音頻與視頻部分, 它需要同步的字幕,使視覺或聽覺障礙用戶可以獲取它的內容。 一般情況下,網頁開發者不負責創建字幕或逐字稿,但是需要將它們添加到多媒體中。
# --instructions--
是時候讓 Camper Cat 休息一下,並與朋友 Zersiax (@zersiax) 會面了。 Zersiax 是一位屏幕閱讀器用戶,同時也是無障礙設計的高手。 爲了體驗屏幕閱讀器的朗讀效果,請在 `p` 標籤之後添加一個 `audio` 標籤, 具有 `controls` 屬性。 然後在 `audio` 標籤裏面放一個帶有 `src` 屬性的 `source` 標籤,屬性值爲 `https://s3.amazonaws.com/freecodecamp/screen-reader.mp3`。將 `type` 屬性設置爲 `"audio/mpeg"`.
**注意:**音頻片段的播放速度可能會快到令我們難以理解,但是對於屏幕閱讀器用戶來說這是正常速度。
**注意:** 音頻片段的播放速度可能會快到令我們難以理解,但是對於屏幕閱讀器用戶來說這是正常速度。
# --hints--

View File

@@ -19,7 +19,7 @@ dashedName: know-when-alt-text-should-be-left-blank
比如,背景圖片通常起裝飾作用。 但這些圖片通常都是通過 CSS 規則而非 HTML 引入的,因此屏幕閱讀器毋需讀取。
**注意:**對於有標題的圖片,依然需要添加 `alt` 文本,因爲這樣有助於搜索引擎記錄圖片內容。
**注意:** 對於有標題的圖片,依然需要添加 `alt` 文本,因爲這樣有助於搜索引擎記錄圖片內容。
# --instructions--

View File

@@ -26,7 +26,7 @@ dashedName: make-elements-only-visible-to-a-screen-reader-by-using-custom-css
}
```
**注意:**以下的 CSS 解決方案與上面的結果不同:
**注意:** 以下的 CSS 解決方案與上面的結果不同:
<ul>
<li><code>display: none;</code><code>visibility: hidden;</code> 會把內容徹底隱藏起來,屏幕閱讀器也無法獲取這些內容。</li>

View File

@@ -13,7 +13,7 @@ dashedName: make-screen-reader-navigation-easier-with-the-header-landmark
`main` 類似,`header` 的語義化特性也可以讓輔助工具快速定位到它的內容。
**注意:**`header` 應當在 HTML 文檔的 `body` 標籤內使用。 它與包含頁面標題、元信息的 `head` 標籤不同。
**注意:** `header` 應當在 HTML 文檔的 `body` 標籤內使用。 它與包含頁面標題、元信息的 `head` 標籤不同。
# --instructions--

View File

@@ -15,7 +15,7 @@ dashedName: wrap-content-in-the-article-element
請牢記,輔助設備依賴組織良好、語義化的標籤來獲取頁面中的信息。
**注意:**`section` 元素也是 HTML5 引入的新元素,其語義與 `article` 略有不同。 `article` 用於獨立且完整的內容,而 `section` 用於對與主題相關的內容進行分組。 它們可以根據需要來嵌套使用。 舉個例子:如果一本書是一個 `article` 的話,那麼每個章節就是 `section`。 當內容組之間沒有聯繫時,我們可以使用 `div`
**注意:** `section` 元素也是 HTML5 引入的新元素,其語義與 `article` 略有不同。 `article` 用於獨立且完整的內容,而 `section` 用於對與主題相關的內容進行分組。 它們可以根據需要來嵌套使用。 舉個例子:如果一本書是一個 `article` 的話,那麼每個章節就是 `section`。 當內容組之間沒有聯繫時,我們可以使用 `div`
`<div>` - 一組內容 `<section>` - 幾組相關的內容 `<article>` - 幾組獨立的內容