state_of_html.yml

locale: zh-Hant
namespace: css
translations:
  ###########################################################################
  # General
  ###########################################################################

  - key: general.state_of_html.intro
    t: |
      雖然網頁開發人員經常於專注於 JavaScript 和 CSS，但若沒有 HTML 作為基礎，一切都是不可能的。

      過去可能看起來 HTML 已經很久沒有更新，但改變將至。
      像是 `<selectlist>` 這樣的新元素正在被開發中，還有像是 popover 這樣厲害的新功能，以及好多
      新興的瀏覽器 API (Web Components、漸進式網頁應用程式、等等）。

      今年 [Lea Verou](https://lea.verou.me/) 扛下了設計這份問券的的艱鉅任務，包含內容、使用者體驗，和許多其他面向。

      有了 [State of JS](http://stateofjs.com/) 和 [State of CSS](https://stateofcss.com/) 的成功，我們這次推動了了 State of HTML 問券；
      完成了網路平台三部曲的最後一個缺少的部分，讓我們可以完整追蹤網路平台的演變。
      就跟之前一樣，你的回應將會協助瀏覽器廠商規劃他們未來的計劃和優先順序，並達成更好的相容性。
      因此，若你投入時間仔細回答問券，能夠得到的回報不容小覷！

  - key: general.state_of_html.description
    t: 年度網路平台開發者調查

  ###########################################################################
  # Sections
  ###########################################################################

  - key: sections.forms.title
    t: 表單
  - key: sections.forms.description
    t: 與表單相關的元件和屬性。

  - key: sections.interactivity.title
    t: 互動性
  - key: sections.interactivity.description
    t: 提供豐富使用者互動的 API。

  - key: sections.web_components.title
    t: Web Components
  - key: sections.web_components.description
    t: 開發和使用 web components。

  - key: sections.content.title
    t: 內容
  - key: sections.content.description
    t: 嵌入內容、多媒體、資料和其他內容相關的功能。

  - key: sections.external_content.title
    t: 外部內容
  - key: sections.external_content.description
    t: 嵌入外部資源和其他多媒體 API。

  - key: sections.accessibility.title
    t: 親和力
  - key: sections.accessibility.description
    t: 讓所有人都能無障礙地能使用網站和應用程式。

  - key: sections.mobile_web_apps.title
    t: 類似原生的網頁應用程式
  - key: sections.mobile_web_apps.description
    t: 開發為行動裝置和或電腦量身打造的網路應用程式。

  - key: sections.other_features.title
    t: 其他功能
  - key: sections.other_features.description
    t: 其他 HTML 元件和瀏覽器 APIs。

  - key: sections.other_tools.title
    t: 其他工具和功能
  - key: sections.other_tools.description
    t: 開發中使用的其他工具或功能。

  - key: sections.usage.title
    t: 使用狀況
  - key: sections.usage.description
    t: 你的 HTML 使用狀況。

  ###########################################################################
  # Features
  ###########################################################################

  # forms

  - key: features.form_controls
    t: 表單控制
  - key: features.form_controls.question
    t: 使用過哪些表單控制？

  - key: features.form_input_types
    t: 輸入欄位類型
  - key: features.form_input_types.question
    t: 使用過哪些輸入類型？
  - key: options.form_input_types.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  - key: features.form_validation_features
    t: 表單驗證
  - key: features.form_validation_features.question
    t: 使用過以下哪些表單驗證功能？
  - key: options.form_validation_features.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  - key: features.forms_pain_points
    t: 表單的痛點
  - key: features.forms_pain_points.question
    t: 使用 HTML 表單有哪些痛點？
  - key: features.forms_pain_points.description
    t: |
      考慮各種表單選項（例如
      ：`<input>`, `<textarea>`, `<select>`, `<button>` 等等。）、行為（例如：驗證、自動完成）、透過 JS 處理表單、編輯 APIs（例如：`contentEditable`）等等。
      任何困擾你的事情都可以說——瀏覽器支援、缺少的功能、樣式等等。
  - key: features.forms_pain_points.placeholder
    t: |
      痛點 #{index}…

  # interactivity

  - key: features.dom_attribute_features
    t: DOM 屬性相關方法
  - key: features.dom_attribute_features.question
    t: 使用過以下哪些與 DOM 屬性相關的方法？

  - key: features.dom_html_features
    t: HTML 字串處理功能
  - key: features.dom_html_features.question
    t: 使用過以下哪些 DOM HTML 字串處理功能？

  - key: features.dom_methods
    t: 移動的 DOM 到其他元件下的方法

  - key: features.dom_moving_element_features
    t: 移動元素的 DOM 方法
  - key: features.dom_moving_element_features.question
    t: 使用過以下哪些方法來移動 DOM 元素？
  # - key: options.dom_methods.element_innerhtml.description
  #   t: |
  #     `element.innerHTML = rawHTML`
  # - key: options.dom_methods.element_textcontent.description
  #   t: |
  #     `element.textContent = text`
  # - key: options.dom_methods.element_insert_adjacent_html.description
  #   t: |
  #     `element.insertAdjacentHTML("beforebegin", rawHTML)`
  # - key: options.dom_methods.element_insert_adjacent_element.description
  #   t: |
  #     `element.insertAdjacentElement("afterend", otherElement)`
  # - key: options.dom_methods.element_append.description
  #   t: |
  #     `parent.append(...children)`
  # - key: options.dom_methods.element_append_child.description
  #   t: |
  #     `parent.appendChild(child)`
  # - key: options.dom_methods.element_before_after.description
  #   t: |
  #     `element.before(otherElement)`
  # - key: options.dom_methods.element_replace_with.description
  #   t: |
  #     Replaced the older `parent.replaceChild(el2, el1)` method.
  # - key: options.dom_methods.element_replace_child.description
  #   t: |
  #     `parent.replaceChild(newChild, oldChild)`
  # - key: options.dom_methods.element_replace_children.description
  #   t: |
  #     `element.replaceChildren(...newChildren)`
  # - key: options.dom_methods.element_toggle_attribute.description
  #   t: |
  #     `element.toggleAttribute("data-selected", isSelected)`
  # - key: options.dom_methods.document_create_document_fragment.description
  #   t: |
  #     `let fragment = document.createDocumentFragment()`
  - key: options.dom_methods.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  - key: features.interactivity_pain_points
    t: 互動性的痛點
  - key: features.interactivity_pain_points.question
    t: 在動態改變 HTML 時有碰過什麼痛點？
  - key: features.interactivity_pain_points.description
    t: |
      使用互動元素和行為（表單除外）、DOM 改動或移動、事件，
      和相關 API 上所碰到的瀏覽器不相容、缺乏支援、或缺少功能等的問題。

  - key: features.interactivity_pain_points.placeholder
    t: |
      痛點 #{index}…

  - key: features.interactivity_techniques
    t: 互動方法
  - key: features.interactivity_techniques.question
    t: 使用過哪些方法來加入互動或動態修改 HTML？
  - key: options.interactivity_techniques.css_for_interactivity
    t: 用於互動的 CSS（toggles, tabs 等等）
  - key: options.interactivity_techniques.js_dom_libraries
    t: JavaScript DOM 函式庫（jQuery 等等）
  - key: options.interactivity_techniques.js_framework
    t: JavaScript 框架（React, Vue 等等）
  - key: options.interactivity_techniques.vanilla_js
    t: 純 JavaScript（無框架或函式庫）
  - key: options.interactivity_techniques.web_components
    t: Web Components
  - key: options.interactivity_techniques.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  # content

  - key: features.machine_readable_features
    t: 機器可讀資料
  - key: features.machine_readable_features.question
    t: 使用下列哪一種方法在 HTML 中包含機器可讀的資料？
  - key: options.machine_readable_features.rdfa.description
    t: |
      `property`、`typeof` 等等。
  - key: options.machine_readable_features.json_ld.description
    t: |
      `<script type="application/ld+json">`
  - key: options.machine_readable_features.microdata.description
    t: |
      `itemprop`、`itemscope` 等等。

  - key: features.multiple_languages_support
    t: 多國語系支援
  - key: features.multiple_languages_support.question
    t: 你經常參與需要多國語系支援的專案嗎？
  - key: options.multiple_languages_support.never
    t: 從來沒有
  - key: options.multiple_languages_support.infrequently
    t: 不常（每年少於一次）
  - key: options.multiple_languages_support.frequently
    t: 經常（每年超過一次）
  - key: options.multiple_languages_support.all_the_time
    t: 時時刻刻

  - key: features.i18n_features
    t: 國際化功能
  - key: features.i18n_features.question
    t: 使用過以下哪些國際化功能？
  - key: options.i18n_features.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  # - key: options.i18n_features.intl_datetimeformat.description
  #   t:
  # - key: options.i18n_features.intl_collator.description
  #   t:
  # - key: options.i18n_features.intl_listformat.description
  #   t:
  # - key: options.i18n_features.intl_numberformat.description
  #   t:
  # - key: options.i18n_features.intl_messageformat.description
  #   t:
  # - key: options.i18n_features.intl_pluralrules.description
  #   t:
  # - key: options.i18n_features.intl_relative_time_format.description
  #   t:
  # - key: options.i18n_features.intl_segmenter.description
  #   t:
  # - key: options.i18n_features.intl_localematcher.description
  #   t:

  - key: features.content_pain_points
    t: 內容痛點
  - key: features.content_pain_points.question
    t: 在管理 HTML 內容有哪些痛點？
  - key: features.content_pain_points.description
    t: |
      使用嵌入內容（多媒體、iframe、SVG 等等）、機器可讀資料、國際化和本地化、安全性和隱私、效能等時，
      所碰過的缺少功能、瀏覽器不兼容，或任何其他的問題。
  - key: features.content_pain_points.placeholder
    t: |
      痛點 #{index}…

  # Content

  - key: features.external_content_elements
    t: 外部內容元素
  - key: features.external_content_elements.question
    t: 你使用過下列哪些元素？
  - key: options.external_content_elements.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  - key: features.privacy_security_features
    t: |
      安全性 & 隱私功能
  - key: features.privacy_security_features.question
    t: |
      使用過以下哪些安全性和隱私功能？
  - key: options.privacy_security_features.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  - key: features.rel_attribute
    t: 資源提示
  - key: features.rel_attribute.question
    t: |
      你曾使用過以下哪些 `<link>` 的 `rel` 屬性值？

  # - key: features.external_content_pain_points
  #   t: External Content Pain Points
  # - key: features.external_content_pain_points.question
  #   t: What are your biggest pain points around using external content in HTML?
  # - key: features.external_content_pain_points.placeholder
  #   t: |
  #     Pain point #{index}…
  # - key: features.external_content_pain_points.description
  #   t: |
  #     External content includes `<iframe>`, graphics and multimedia, etc.

  # Web Components

  - key: features.web_components_libraries
    t: Web Components 函式庫
  - key: features.web_components_libraries.question
    t: 有使用過任何 Web Components 函式庫嗎？

  - key: features.web_components_features
    t: 其他 Web Component 功能
  - key: features.web_components_features.question
    t: 使用過以下哪些 web component 的功能？
  - key: options.web_components_features.host_pseudos.description
    t: |
      `:host` , `:host()` , `:host-context()`
  - key: options.web_components_features.is_attribute.description
    t: |
      `<button is="fancy-button">`
  - key: options.web_components_features.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  - key: features.using_web_components_pain_points
    t: 使用 Web Components 的痛點
  - key: features.using_web_components_pain_points.question
    t: _使用_ web components 最大的痛點是什麼？
  - key: features.using_web_components_pain_points.description
    t: 使用你或其他人製作的 Web Components 時所碰到缺少功能、瀏覽器不兼容等問題。
  - key: features.using_web_components_pain_points.placeholder
    t: |
      痛點 #{index}…

  - key: features.making_web_components_pain_points
    t: 開發 Web Components 的痛點
  - key: features.making_web_components_pain_points.question
    t: _開發_ web components 最大的痛點是什麼？
  - key: features.making_web_components_pain_points.description
    t: |
      有哪些問題讓你無法創造出令人驚艷的 component 嗎？缺少功能、瀏覽器不兼容等。
  - key: features.making_web_components_pain_points.placeholder
    t: |
      痛點 #{index}…

  # Accessibility

  - key: features.accessibility_features
    t: 無障礙功能
  - key: features.accessibility_features.question
    t: 曾經使用過哪些無障礙功能？

  - key: features.accessibility_tools
    t: 無障礙工具
  - key: features.accessibility_tools.question
    t: 使用什麼工具進行無障礙測試？

  - key: features.accessibility_pain_points
    t: 無障礙通點
  - key: features.accessibility_pain_points.question
    t: 在網路無障礙方面最大的痛點是什麼？
  - key: features.accessibility_pain_points.placeholder
    t: |
      痛點 #{index}…

  - key: features.accessibility_disabilities
    t: 使用者障礙
  - key: features.accessibility_disabilities.question
    t: 在製作網站時，你會考慮哪些類型的使用者障礙？

  - key: options.accessibility_disabilities.hearing_impairments
    t: 聽力障礙
  - key: options.accessibility_disabilities.hearing_impairments.description
    t: 耳聾、耳鳴等等。

  - key: options.accessibility_disabilities.mobility_impairments
    t: 行動障礙
  - key: options.accessibility_disabilities.mobility_impairments.description
    t: 關節炎、腕隧道症等等。

  - key: options.accessibility_disabilities.learning_disabilities
    t: 學習障礙
  - key: options.accessibility_disabilities.learning_disabilities.description
    t: 失讀症、算術障礙等等。

  - key: options.accessibility_disabilities.cognitive_impairments
    t: |
      其他認知障礙
  - key: options.accessibility_disabilities.cognitive_impairments.description
    t: |
      焦慮、自閉症、強迫症、過動症等等。

  - key: options.accessibility_disabilities.vestibular_disorders
    t: 前庭疾病
  - key: options.accessibility_disabilities.vestibular_disorders.description
    t: 癲癇、暈眩等等。

  - key: options.accessibility_disabilities.low_vision
    t: 低視能
  - key: options.accessibility_disabilities.low_vision.description
    t: 失明、高度近視等等。

  - key: options.accessibility_disabilities.atypical_vision
    t: 非典型視覺
  - key: options.accessibility_disabilities.atypical_vision.description
    t: 色盲

  - key: features.accessibility_screenreaders
    t: 螢幕閱讀器
  - key: features.accessibility_screenreaders.question
    t: 使用哪種螢幕閱讀器進行無障礙測試？

  - key: features.accessibility_techniques
    t: 其他無障礙使用技術
  - key: features.accessibility_techniques.question
    t: 無障礙策略中平常有使用哪些技術？

  - key: options.accessibility_techniques.tabindex
    t: |
      使用 `tabindex` 改善 focus 順序
  - key: options.accessibility_techniques.tabindex.description
    t: |
      移動 `tabindex`、`tabindex="0"` 以啟用 focus 功能等等。
  - key: options.accessibility_techniques.keyboard_navigation
    t: 直覺的鍵盤導航
  - key: options.accessibility_techniques.keyboard_navigation.description
    t: 除了 tab 鍵順序之外。
  - key: options.accessibility_techniques.aria_attributes
    t: ARIA 屬性
  - key: options.accessibility_techniques.aria_attributes.description
    t: |
      `role` 和 `aria-*` 屬性
  - key: options.accessibility_techniques.descriptive_alt_text
    t: |
      描述性 `alt` 文字
  - key: options.accessibility_techniques.descriptive_alt_text.description
    t: 提供描述圖片的目的或內容的替代文字。
  - key: options.accessibility_techniques.skip_to_content
    t: 跳至內容連結
  - key: options.accessibility_techniques.skip_to_content.description
    t: 讓使用者直接跳到頁面的主要內容。
  - key: options.accessibility_techniques.fieldset_and_legend
    t: |
      `<fieldset>` 和 `<legend>`
  - key: options.accessibility_techniques.fieldset_and_legend.description
    t: |
      使用 `<fieldset>` 和 `<legend>` 對相關表單元素進行分組。
  - key: options.accessibility_techniques.headings_hierarchy
    t: 資訊層次結構
  - key: options.accessibility_techniques.headings_hierarchy.description
    t: |
      使用正確表示頁面資訊層次結構的標題（`<h1>` - `<h6>`）。
  - key: options.accessibility_techniques.meaningful_link_text
    t: 有意義的連結文字
  - key: options.accessibility_techniques.meaningful_link_text.description
    t: 確保連結文字在脫離上下文的時候仍有意義
  - key: options.accessibility_techniques.form_control_label
    t: 表單控制標籤
  - key: options.accessibility_techniques.form_control_label.description
    t: |
      確保每個表單控制都有一個 `<label>`（或 `aria-label` 等等）。
  - key: options.accessibility_techniques.visible_focus
    t: 可見 Focus Ring
  - key: options.accessibility_techniques.visible_focus.description
    t: 確保在需要時 focus ring 輪廓清晰可見。
  - key: options.accessibility_techniques.pointer_alternative
    t: 不只依賴游標
  - key: options.accessibility_techniques.pointer_alternative.description
    t: 確保游標互動行為（例如：滑鼠覆蓋）有鍵盤替代方案。
  - key: options.accessibility_techniques.good_color_contrast
    t: 足夠的對比度
  - key: options.accessibility_techniques.good_color_contrast.description
    t: 使用對比度檢查器確保足夠的色彩對比。
  - key: options.accessibility_techniques.color_alternative
    t: 不只依賴顏色
  - key: options.accessibility_techniques.color_alternative.description
    t: 確保不會僅透過顏色來傳達任何訊息。
  - key: options.accessibility_techniques.prefers_reduced_motion
    t: |
      `prefers-reduced-motion` media query
  - key: options.accessibility_techniques.prefers_reduced_motion.description
    t: 為有設定「偏好較少動態」的使用者提供替代 CSS。
  - key: options.accessibility_techniques.prefers_contrast
    t: |
      `prefers-contrast` media query
  - key: options.accessibility_techniques.prefers_contrast.description
    t: 為有設定「偏好增加對比度」的使用者提供替代 CSS。

  # PWAs

  - key: features.pwa_features
    t: PWA 功能
  - key: features.pwa_features.question
    t: 是否使用過以下哪些 PWA 技術/APIs？
  - key: options.pwa_features.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  - key: features.local_storage_features
    t: Local storage 功能
  - key: features.local_storage_features.question
    t: 是否使用過以下任何一種來儲存客戶端資料？
  - key: options.local_storage_features.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  - key: features.pwa_app_manifest_fields
    t: App Manifest Fields
  - key: features.pwa_app_manifest_fields.question
    t: |
      使用過以下哪些 app manifest fields（`<link rel="manifest">`）？

  - key: features.native_apps_tools
    t: 原生應用程式工具
  - key: features.native_apps_tools.question
    t: 是否使用過這些工具來建立原生應用程式？
  - key: features.native_apps_tools.description
    t: 除了 scripts、command-line 應用程式、伺服器端程式碼等。
  - key: options.native_apps_tools.na
    t: <span aria-hidden="true">🚫</span> 我未曾開發過原生應用程式
  - key: options.native_apps_tools.native_languages
    t: 原生技術
  - key: options.native_apps_tools.native_languages.description
    t: Objective-C、Swift、Kotlin、.NET 等等。
  - key: options.native_apps_tools.webviews
    t: 用過 WebViews 載入網頁應用程式
  - key: options.native_apps_tools.js_frameworks
    t: JavaScript 的框架
  - key: options.native_apps_tools.js_frameworks.description
    t: React Native、Ionic、Electron 等等。
  - key: options.native_apps_tools.other_frameworks
    t: 非 JavaScript 框架
  - key: options.native_apps_tools.other_frameworks.description
    t: Tauri、Flutter 等等。

  - key: features.mobile_web_apps_pain_points
    t: 類原生網頁應用程式痛點
  - key: features.mobile_web_apps_pain_points.question
    t: 在製作原生 Web 應用程式方面，你最大的痛點是什麼？
  - key: features.mobile_web_apps_pain_points.description
    t: Web 平台尚不具備的功能、相關 API 的瀏覽器差異等。
  - key: features.mobile_web_apps_pain_points.placeholder
    t: |
      痛點 #{index}

  # Other Tools

  - key: other_tools.site_generators
    t: 網站產生器
  - key: other_tools.site_generators.question
    t: 你經常使用下列哪些靜態或動態網站產生器？

  - key: other_tools.ai_tools
    t: AI 工具
  - key: other_tools.ai_tools.question
    t: 你經常使用以下哪些 AI 工具來幫助你撰寫程式碼？

  - key: other_tools.machine_readable_features
    aliasFor: features.machine_readable_features
  - key: other_tools.machine_readable_features.question
    aliasFor: features.machine_readable_features.question

  - key: options.machine_readable_features.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  - key: other_tools.blast_from_the_past
    t: 過去的經典！
  - key: other_tools.blast_from_the_past.question
    t: 曾經使用過以下任何老派元素嗎？
  - key: other_tools.blast_from_the_past.description
    t: 過去的經典！
  - key: options.blast_from_the_past.na
    t: <span aria-hidden="true">🚫</span> 以上皆無

  # Usage

  # - key: usage.html_existing_features
  #   t: Unusable HTML Features
  # - key: usage.html_existing_features.question
  #   t: Which existing HTML features are you unable to use?
  # - key: usage.html_existing_features.description
  #   t: |
  #     Existing HTML features that you find yourself recreating using custom components.
  # - key: usage.html_existing_features.placeholder
  #   t: |
  #     ﹤foo type="bar"﹥ (browser incompatibilities, styling limitations, doesn't do X)

  - key: usage.html_interoperability_features
    t: 瀏覽器互通性
  - key: usage.html_interoperability_features.question
    t: 由於瀏覽器差異或缺乏支援，你無法使用哪些現有 HTML 功能或瀏覽器 API？
  # - key: usage.html_interoperability_features.description
  #   t: |
  #     Any type of API the survey has asked about is within scope.
  - key: usage.html_interoperability_features.placeholder
    t: |
      功能 #{index}

  - key: usage.html_functionality_features
    t: 有限的功能
  - key: usage.html_functionality_features.question
    t: 是否有哪些現有的 HTML 功能或瀏覽器 API 因為其他問題而無法使用？
  - key: usage.html_functionality_features.description
    t: |
      例如經常需要使用 JavaScript 自己從頭寫起或加強的現有 HTML 功能。

      請同時說明原因，例如缺乏功能、樣式困難、無障礙體驗差等。

  - key: usage.html_functionality_features.placeholder.1
    t: |
      功能 #1（難以自訂外表）
  - key: usage.html_functionality_features.placeholder.2
    t: |
      功能 #2（缺少功能、不符合無障礙需求）

  - key: usage.what_do_you_use_html_for
    t: HTML 使用
  - key: usage.what_do_you_use_html_for.question
    t: 使用 HTML 做什麼？
  - key: options.what_do_you_use_html_for.blogs
    aliasFor: options.what_do_you_use_css_for.blogs
  - key: options.what_do_you_use_html_for.design_systems
    aliasFor: options.what_do_you_use_css_for.design_systems
  - key: options.what_do_you_use_html_for.desktop_apps
    aliasFor: options.what_do_you_use_css_for.desktop_apps
  - key: options.what_do_you_use_html_for.emails
    aliasFor: options.what_do_you_use_css_for.emails
  - key: options.what_do_you_use_html_for.marketing_sites
    aliasFor: options.what_do_you_use_css_for.marketing_sites
  - key: options.what_do_you_use_html_for.mobile_apps
    aliasFor: options.what_do_you_use_css_for.mobile_apps
  - key: options.what_do_you_use_html_for.printed_documents
    aliasFor: options.what_do_you_use_css_for.printed_documents
  - key: options.what_do_you_use_html_for.web_apps
    aliasFor: options.what_do_you_use_css_for.web_apps

  - key: usage.tools_for_other_developers
    t: 生態系影響
  - key: usage.tools_for_other_developers.question
    t: 除了你自己之外，還有多少開發人員使用你建立或維護的函式庫、套件、元件、API 等？
  - key: usage.tools_for_other_developers.description
    t: |
      如果有，總共有多少其他開發人員使用你所做的專案？
      如果你確定，提供最接近的估計的值就可以了。
      開源程式碼的話可以使用 npm 下載數量作為依據。
  - key: options.tools_for_other_developers.na
    t: 🚫 無（只有我自己）
  - key: options.tools_for_other_developers.a_few
    t: 一些其他開發人員（例如：小團隊內的開發人員）
  - key: options.tools_for_other_developers.less_than_100
    t: 少於一百名開發者
  - key: options.tools_for_other_developers.less_than_1000
    t: 少於一千名開發者
  - key: options.tools_for_other_developers.more_than_100
    t: 上百位開發者
  - key: options.tools_for_other_developers.more_than_1000
    t: 上千位開發者
  - key: options.tools_for_other_developers.more_than_1000000
    t: 上百萬開發者

  - key: usage.html_missing_elements
    t: 缺乏元素
  - key: usage.html_missing_elements.question
    t: 如果你可以加入 3 個元素到 HTML 中，它們會是什麼？
  # - key: usage.html_missing_elements.description
  #   t: |
  #     If you use any component technologies, the components you find yourself reusing across multiple projects could be good candidates.

  #     These could be things like Accordion, Alert, Calendar, Carousel, Combobox/Autocomplete, Context menu, Data Grid, Rating, Tabs, Image Zoom, Switch, Skeleton loading pattern etc.

  - key: options.html_missing_elements.accordion
    t: Accordion
  - key: options.html_missing_elements.alert
    t: Alert
  - key: options.html_missing_elements.calendar
    t: Calendar
  - key: options.html_missing_elements.carousel
    t: Carousel
  - key: options.html_missing_elements.combobox_autocomplete
    t: Combobox / Autocomplete
  - key: options.html_missing_elements.command_palette
    t: Command Palette
  - key: options.html_missing_elements.context_menu
    t: Context Menu / Right-Click Menu
  - key: options.html_missing_elements.datatable
    t: Data table（具備排序、過濾 等等）
  - key: options.html_missing_elements.dropdown_menu
    t: Dropdown Menu
  - key: options.html_missing_elements.image_zoom
    t: Image Zoom
  - key: options.html_missing_elements.progress_bar
    t: Progress Bar
  - key: options.html_missing_elements.skeleton_loading_placeholder
    t: Skeleton UI / Loading Placeholder
  - key: options.html_missing_elements.switch
    t: Switch / Toggle
  - key: options.html_missing_elements.tabs
    t: Tabs
  # - key: options.html_missing_elements.toast_message
  #   t: Toast Message
  - key: options.html_missing_elements.tooltip
    t: Tooltip
  - key: options.html_missing_elements.offcanvas
    t: Off-Canvas Area
  - key: options.html_missing_elements.spinner
    t: Loading Spinner
  - key: options.html_missing_elements.segmented_button
    t: Segmented Button
  - key: options.html_missing_elements.scroll_area
    t: Infinite Scroll
  - key: options.html_missing_elements.icon
    t: Icon
  - key: options.html_missing_elements.star_rating
    t: Star Rating

  - key: usage.html_pain_points_freeform
    t: 其他痛點
  - key: usage.html_pain_points_freeform.question
    t: 使用 HTML 和相關技術還有其他痛點嗎？

  - key: usage.html_css_js_balance
    t: HTML/CSS 和 JavaScript/TypeScript 平衡
  - key: usage.html_css_js_balance.question
    t: 如何分配撰寫 HTML/CSS 和 JavaScript（或 TypeScript）程式碼的時間？
  - key: options.html_css_js_balance.0
    t: 100% HTML/CSS
  - key: options.html_css_js_balance.4
    t: 50%–50%
  - key: options.html_css_js_balance.8
    t: 100% JS

  # other features

  - key: features.foo_attribute
    t: "`{id}` 屬性"

  - key: features.slot_assignment
    t: 明確 slot 分配（`slot="foo"`）

  - key: features.tabindex
    t: "`tabindex` 屬性"

  - key: features.respimg
    t: "`srcset` 和 `sizes` 屬性"

  - key: features.model_element
    t: "AR/VR/3D 內容的 `<model>`"

  - key: features.slot_def
    t: 定義 slots（`<slot>` 和 `::slotted()`）

  - key: features.controlslist
    t: "`controlslist` 屬性"

  - key: features.popover_api
    t: Popover API

  - key: features.lazy_loading
    t: 延遲載入

  - key: features.sandbox_attr
    t: "iframes 的 `sandbox` 屬性"

  - key: features.details_element
    t: "`<details>` 和 `<summary>`"

  - key: features.crossorigin
    t: "`crossorigin` 屬性"

  - key: features.host_css
    t: 自訂元件 host 的樣式（`:host`、`:host()`、`:host-context()`）

  - key: features.element_internals
    t: "`ElementInternals` API"

  - key: features.cors
    t: CORS

  - key: features.csp
    t: Content-Security Policy（CSP）

  - key: features.structured_data
    t: 結構化資料（RDFa、Microdata、Microformats）

  - key: features.extended_builtins
    t: 擴充內建

  - key: features.html_modules
    t: HTML Modules

  - key: features.accordion
    t: 單項開關的 accordion

  - key: features.imperative_slot
    t: 陳述式 slot 分配

  # - key: features.focusgroup
  #   t: "`focusgroup` attribute"

  - key: features.form_validation
    t: 表單驗證

  - key: features.aria
    t: ARIA

  - key: features.rh_preconnect
    t: "資源提示：preconnect（`<link rel=preconnect>`）"

  - key: features.rh_prerender
    t: "資源提示：prerender（`<link rel=prerender>`）"

  - key: features.rh_preload
    t: "資源提示：preload（`<link rel=preload>`）"

  - key: features.resource_hints
    t: 資源提示：ll）

  - key: features.rh_prefetch
    t: "資源提示：prefetch（`<link rel=prefetch>`）"

  - key: features.declarative_shadow
    t: 聲明式 Shadow DOM（`<template shadowrootmode="open">`）

  - key: features.referrerpolicy
    t: "`referrerpolicy` 屬性"

  - key: features.integrity
    t: 子資源完整性（`integrity` 屬性）

  - key: features.pwa_manifest
    t: PWA manifest

  - key: features.part_attr
    t: Exposing component parts（`part` 屬性）

  - key: features.part_selector
    t: Styling component parts（`::part()`）

  - key: features.svg_element
    t: Inline SVG（`<svg>`）

  - key: features.math_element
    t: Inline MathML（`<math>`）

  - key: features.scoped_element_registries
    t: Scoped Custom Element Registries

  - key: features.navigation_api
    t: Navigation API

  - key: features.custom_elements_defining
    t: 定義自訂元素

  - key: features.decoding
    t: "`decoding` 屬性"

  - key: features.custom_elements_using
    t: 使用自訂元素

  - key: features.fencedframe
    t: Fenced frames

  - key: features.credentialless
    t: Credentialess iframes

  - key: features.media_capture
    t: HTML Media Capture

  - key: features.contenteditable_plaintext
    t: "`contenteditable` 的 `plaintext-only` 值"

  - key: features.dom_parts
    t: DOM 部分

  - key: features.fetchpriority
    t: Fetch Priority API（`fetchpriority` 屬性）

  - key: features.autocomplete
    t: '`autocomplete="hint"`'

  - key: features.inert_attribute
    t: "`inert` 屬性"

  - key: features.client_hints
    t: HTTP 客戶端提示

  ###########################################################################
  # Survey Help
  ###########################################################################

  - key: features.features_intro_html
    t: |
      歡迎參與問券調查！前幾節都是希望能知道
      你了解 HTML（和相關 API）裡頭的哪些**功能**。

      順帶一提，如果你想了解有關調查中任何項目的更多訊息，可以點擊「+」圖示把該功能資訊加入到你的閱讀列表裡！