state_of_html.yml

locale: ua-UA
namespace: html
translations:
  ###########################################################################
  # General
  ###########################################################################
  # Intro for stateofhtml.com
  - key: general.state_of_html.intro
    # aliasFor: general.html2023.survey_intro # Can we do that?
    t: |
      Поки веброзробники зосереджуються на JavaScript та CSS, нічого з того, що ми робимо, не було б можливим без HTML в основі.

      Довго здавалося, що HTML не розвивається, але все змінюється. 
      Але тепер нові елементи, нові функції 
      та нові API браузера додаються до вебплатформи щороку. 

      Спираючись на успіх опитувань ["Стан JS"](http://stateofjs.com/) та ["Стан CSS"](https://stateofcss.com/), було логічно запустити **Стан HTML** — 
      останній відсутній елемент, що доповнює трилогію, щоб ми могли відстежувати еволюцію вебплатформи загалом. 

  - key: general.state_of_html.description
    t: Щорічне опитування розробників щодо вебплатформи

  ###########################################################################
  # Tshirt
  ###########################################################################

  - key: sections.tshirt.title
    t: Футболка

  - key: sections.tshirt.description
    t: |
      ## Підтримайте опитування за допомогою футболки "Стан HTML"

      Чи ви сумуєте за старими добрими часами середини 90-х, коли HTML був королем, а обкладинки VHS-касет містили футуристичні барвисті ілюстрації?

      Прикра новина в тому, що навіть із технологіями 2024 року ви все ще не можете повернутися в минуле, щоб знову пережити ті славетні дні. Але що ви *можете* зробити, так це одягнути цю дивовижну оригінальну ретрофутболку, яку розробив не хто інший, як талановитий Christopher Kirk-Nielsen.

  - key: tshirt.about
    t: Про футболку

  - key: tshirt.description
    t: |
      Ми використовуємо високоякісну, надм'яку футболку приталеного крою із тканини з трьох типів волокна (tri-blend), надруковану нашими партнерами з Cotton Bureau.

  - key: tshirt.getit
    t: Отримати

  - key: tshirt.price
    t: USD $32 + доставляння

  - key: tshirt.designer.heading
    t: Про дизайнера

  - key: tshirt.designer.name
    t: Christopher Kirk-Nielsen

  - key: tshirt.designer.bio
    t: |
      Christopher родом із Франції, але тепер проживає у Сполучених Штатах; він не лише чудовий розробник клієнтської частини, а й талановитий ілюстратор, який спеціалізується на зображеннях у стилі ретро. Насправді ми радимо вам також переглянути [інші дизайни його футболок](https://chriskirknielsen.com/designs)!

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

  - key: sections.forms.title
    t: Форми
    aliases:
      - features.forms
  - key: sections.forms.prompt
    t: Елементи й атрибути, що відносяться до форм.
    aliases:
      - features.forms.description

  - key: sections.interactivity.title
    t: Інтерактивність
    aliases:
      - features.interactivity
  - key: sections.interactivity.prompt
    t: API, які забезпечують розширену взаємодію з користувачем.
    aliases:
      - features.interactivity.description

  - key: sections.web_components.title
    t: Вебкомпоненти
    aliases:
      - features.web_components
  - key: sections.web_components.prompt
    t: Створення та використання вебкомпонентів.
    aliases:
      - features.web_components.description

  - key: sections.content.title
    t: Наповнення сайту
    aliases:
      - features.content
  - key: sections.content.prompt
    t: Вбудовування елементів, мультимедіа, розмітка даних та інші пов'язані із наповненням функції.
    aliases:
      - features.content.description

  - key: sections.external_content.title
    t: Наповнення сайту ззовні
  - key: sections.external_content.prompt
    t: Вбудовування зовнішніх ресурсів та інших мультимедійних API.

  - key: sections.accessibility.title
    t: Доступність
    aliases:
      - features.accessibility
  - key: sections.accessibility.prompt
    t: Як зробити сайти та застосунки доступними для всіх.
    aliases:
      - features.accessibility.description
      - sections.accessibility.description

  - key: sections.mobile_web_apps.title
    t: Нативні вебзастосунки
  - key: sections.mobile_web_apps.prompt
    t: Створення вебзастосунків, оптимізованих для мобільних пристроїв і настільних комп'ютерів.

  - key: sections.other_features.title
    t: Інші функції
  - key: sections.other_features.prompt
    t: Інші HTML-елементи та API браузера.

  - key: sections.usage.title
    t: Використання
  - key: sections.usage.prompt
    t: Як ви використовуєте HTML.

  - key: sections.graphics_multimedia.title
    t: Графіка та мультимедіа
    aliases:
      - features.graphics_multimedia
  - key: sections.graphics_multimedia.title.short
    t: Графіка
    aliases:
      - features.graphics_multimedia.short
  - key: sections.graphics_multimedia.prompt
    t: Рендеринг графіки та анімацій.
    aliases:
      - features.graphics_multimedia.description

  - key: sections.performance.title
    t: Швидкодія
    aliases:
      - features.performance
  - key: sections.performance.prompt
    t: Як зробити ваш сайт ще швидшим.
    aliases:
      - features.performance.description

  - key: sections.security.title
    t: Безпека
  - key: sections.security.prompt
    t: Захист вашого коду від зловмисників.

  - key: sections.system_capabilities.title
    t: Системні функції
    aliases:
      - features.system_capabilities
  - key: sections.system_capabilities.prompt
    t: Доступ до API пристрою та системи.
    aliases:
      - features.system_capabilities.description

  - key: sections.other_tools.prompt
    t: Інші інструменти, пов'язані з вебплатформою.

  ###########################################################################
  # Other Section Content
  ###########################################################################

  - key: features.all_features.description
    t: |
      Ця діаграма підсумовує всі основні запитання опитування. Основні стовпці або рядки відповідають певному досвіду респондента; всередині вони поділені відповідно до ставлення респодента. Ви можете змінити групування, щоб чергувати ці дві категорії.


      Зауважте, що ви також можете знайти більш деталізоване розбиття цих даних у розділі відповідної функції.

  - key: features.forms_features
    t: Досвід використання і ставлення до форм
    aliases:
      - forms.forms_features

  - key: features.interactivity_features
    t: Досвід використання і ставлення до методів інтерактивності
    aliases:
      - interactivity.interactivity_features

  - key: features.content_features
    t: Досвід використання і ставлення до методів наповнення сайту
    aliases:
      - content.content_features

  - key: features.web_components_features
    t: Досвід використання і ставлення до вебкомпонентів
    aliases:
      - web_components.web_components_features

  - key: features.accessibility_features
    t: Досвід використання і ставлення до забезпечення доступності
    aliases:
      - accessibility.accessibility_features

  - key: features.system_capabilities_features
    t: Досвід використання і ставлення до системних функцій
    aliases:
      - system_capabilities.system_capabilities_features

  - key: features.performance_features
    t: Досвід використання і ставлення до забезпечення швидкодії
    aliases:
      - performance.performance_features

  - key: features.graphics_multimedia_features
    t: Досвід використання і ставлення до графіки і мультимедіа
    aliases:
      - graphics_multimedia.graphics_multimedia_features

  - key: features.graphics_multimedia_features.short
    t: Досвід використання і ставлення до графіки
    aliases:
      - graphics_multimedia.graphics_multimedia_features.short
  ###########################################################################
  # Features
  ###########################################################################

  # forms

  - key: features.form_controls
    t: Елементи керування формою
  - key: features.form_controls.question
    t: Які елементи керування формою ви використовували?

  - key: features.form_input_types
    t: Типи input-елементів
  - key: features.form_input_types.question
    t: Які типи input-елементів ви використовували?
  - 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: Проблеми форм
    aliases:
      - forms.forms_pain_points
  - key: features.forms_pain_points.question
    t: Які проблеми HTML-форм найбільше вас розчаровують?
    aliases:
      - forms.forms_pain_points.question
  - key: features.forms_pain_points.prompt
    t: |
      Подумайте про різні елементи керування формами (наприклад, `<input>`, `<textarea>`, `<select>`, `<button>` тощо),
      поведінку (наприклад, валідація, автозаповнення), обробку форм за допомогою JS, API для редагування (наприклад, `contentEditable`) тощо.
      Пишіть усе, що вас турбує у формах: підтримання браузерами, відсутні функції, додавання стилів тощо.
    aliases:
      - forms.forms_pain_points.prompt
  - 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: Які з наведених функцій обробки HTML-тексту всередині DOM ви використовували?

  - 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: Проблеми інтерактивності
    aliases:
      - interactivity.interactivity_pain_points
  - key: features.interactivity_pain_points.question
    t: Які проблеми динамічної зміни HTML найбільше вас розчаровують?
    aliases:
      - interactivity.interactivity_pain_points.question
  - key: features.interactivity_pain_points.prompt
    t: |
      Несумісність між браузерами або недостатнє підтримування, відсутні функції та інші проблеми, з якими ви стикаєтеся,
      що пов'язані з інтерактивними елементами та поведінкою (крім форм), маніпулюванням DOM, подіями та суміжними API.
    aliases:
      - interactivity.interactivity_pain_points.prompt

  - key: features.interactivity_pain_points.placeholder
    aliasFor: features.forms_pain_points.placeholder

  - key: features.interactivity_techniques
    t: Методи для додавання інтерактивності
  - key: features.interactivity_techniques.question
    t: Які з наведених методів ви використовували для додавання інтерактивності або динамічної зміни HTML-коду?
  - key: options.interactivity_techniques.css_for_interactivity
    t: CSS для інтерактивності (перемикачі, вкладки тощо)
  - 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: Вебкомпоненти
  - 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: Проблеми наповнення сайту
    aliases:
      - content.content_pain_points
  - key: features.content_pain_points.question
    t: Які проблеми управління наповненням у HTML найбільше вас розчаровують?
    aliases:
      - content.content_pain_points.question
  - key: features.content_pain_points.prompt
    t: |
      Подумайте про елементи вмісту (елементи iframe, заголовки, таблиці, секції), машиночитні дані, інтернаціоналізацію та локалізацію тощо.
      Пишіть усе, що вас турбує: відсутні функції, несумісність між браузерами та інші проблеми.
    aliases:
      - content.content_pain_points.prompt
  - key: features.content_pain_points.placeholder
    aliasFor: features.forms_pain_points.placeholder

  # Graphics & Multimedia

  - key: features.graphics_pain_points
    t: Проблеми графіки та мультимедіа
    aliases:
      - graphics_multimedia.graphics_pain_points
  - key: features.graphics_pain_points.short
    t: Проблеми графіки
    aliases:
      - graphics_multimedia.graphics_pain_points.short
  - key: features.graphics_pain_points.question
    t: Які проблеми рендерингу графіки, відео, анімацій та інших видів медіа найбільше вас розчаровують?
    aliases:
      - graphics_multimedia.graphics_pain_points.question
  - key: features.graphics_pain_points.prompt
    t: |
      Подумайте про проблеми використання Canvas, SVG, WebGL та інших API для рендерингу графіки, про рендеринг анімацій, про швидкодію графіки, про відсутні графічні примітиви чи API тощо.
    aliases:
      - graphics_multimedia.graphics_pain_points.prompt
  - key: features.graphics_pain_points.placeholder
    aliasFor: features.forms_pain_points.placeholder

  # Performance

  - key: features.performance_pain_points
    t: Проблеми швидкодії
    aliases:
      - performance.performance_pain_points
  - key: features.performance_pain_points.question
    t: Які проблеми швидкодії найбільше вас розчаровують?
    aliases:
      - performance.performance_pain_points.question
  - key: features.performance_pain_points.prompt
    t: |
      Проблеми з низькими показниками швидкодії, повільним завантаженням сторінок, затримкою рендерингу, нестабільною анімацією або гортанням тощо.
    aliases:
      - performance.performance_pain_points.prompt
  - key: features.performance_pain_points.placeholder
    aliasFor: features.forms_pain_points.placeholder

  # Security

  - key: features.security_pain_points
    t: Проблеми безпеки
    aliases:
      - security.security_pain_points
  - key: features.security_pain_points.question
    t: Які проблеми безпеки найбільше вас розчаровують?
    aliases:
      - security.security_pain_points.question
  - key: features.security_pain_points.prompt
    t: |
      TODO
    aliases:
      - security.security_pain_points.prompt
  - key: features.security_pain_points.placeholder
    aliasFor: features.forms_pain_points.placeholder

  # 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: |
      Яке з-поміж цих значень ви використовували для атрибута rel елемента <link>?

  # - 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: Бібліотеки вебкомпонентів
  - key: features.web_components_libraries.question
    t: Чи ви використовували бібліотеки вебкомпонентів?

  - key: features.web_components_features
    t: Інші функції вебкомпонентів
  - key: features.web_components_features.question
    t: Які з наведених функцій вебкомпонентів ви використовували?
  - 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: Проблеми використання вебкомпонентів
  - key: features.using_web_components_pain_points.question
    t: Які проблеми *використання* вебкомпонентів найбільше вас розчаровують?
  - key: features.using_web_components_pain_points.prompt
    t: Використання власних або чужих вебкомпонентів. Відсутні функції, несумісність між браузерами тощо.
  - key: features.using_web_components_pain_points.placeholder
    aliasFor: features.forms_pain_points.placeholder

  - key: features.making_web_components_pain_points
    t: Проблеми створення вебкомпонентів
  - key: features.making_web_components_pain_points.question
    t: Які проблеми *створення* вебкомпонентів найбільше вас розчаровують?
  - key: features.making_web_components_pain_points.prompt
    t: |
      Що заважає вам створити дивовижні компоненти зі своєї уяви? Відсутні функції, несумісність між браузерами тощо.
  - key: features.making_web_components_pain_points.placeholder
    aliasFor: features.forms_pain_points.placeholder

  # web_components_common_pain_points

  - key: features.web_components_common_pain_points
    t: Проблеми вебкомпонентів
    aliases:
      - web_components.web_components_common_pain_points
  - key: features.web_components_common_pain_points.question
    t: Які проблеми створення та використання вебкомпонентів найбільше вас розчаровують?
    aliases:
      - web_components.web_components_common_pain_points.question

  - key: options.web_components_common_pain_points.complex_apis
    t: Надмірна складність
  - key: options.web_components_common_pain_points.complex_apis.description
    t: API вебкомпонентів болісні у використанні/надто низькорівневі/надто складні.

  - key: options.web_components_common_pain_points.a11y_issues
    t: Проблеми доступності
  - key: options.web_components_common_pain_points.a11y_issues.description
    t: Управління фокусом, ARIA тощо складно реалізувати.

  - key: options.web_components_common_pain_points.i18n_issues
    t: Проблеми локалізації/інтернаціоналізації
  - key: options.web_components_common_pain_points.i18n_issues.description
    t: Важко створити вебкомпоненти, які можуть адаптуватися до локалізації сторінки або текст яких можна налаштувати.

  - key: options.web_components_common_pain_points.low_shadow_dom_specificity
    t: Низька CSS-специфічність тіньового DOM
  - key: options.web_components_common_pain_points.low_shadow_dom_specificity.description
    t: |
      Наприклад, `* { margin: 0 }` перевизначає будь-який margin, заданий у `::slotted()`, `:host` тощо.

  - key: options.web_components_common_pain_points.overly_strict_encapsulation
    t: Надто сувора інкапсуляція стилів
  - key: options.web_components_common_pain_points.overly_strict_encapsulation.description
    t: Занадто обмежене додавання стилів до тіньового DOM ззовні (або навпаки).

  - key: options.web_components_common_pain_points.overreliance_on_js
    t: Проблеми надмірної залежності від JavaScript та SSR
  - key: options.web_components_common_pain_points.overreliance_on_js.description
    t: Якщо вебкомпоненти не рендеряться на сервері, то для їхнього рендерингу потрібен JavaScript, навіть коли вони не інтерактивні.

  # - key: options.web_components_common_pain_points.poor_ssr_support
  #   t: Poor SSR support
  # - key: options.web_components_common_pain_points.poor_ssr_support.description
  #   t: Web Components are hard to properly server-render.

  - key: options.web_components_common_pain_points.design_tokens_access
    t: Доступ до токенів дизайну
  - key: options.web_components_common_pain_points.design_tokens_access.description
    t: Кольори, шрифти, відступи тощо потрібно повідомляти окремо кожному компоненту.

  - key: options.web_components_common_pain_points.native_element_extension
    t: Розширення нативних елементів
  - key: options.web_components_common_pain_points.native_element_extension.description
    t: Щоб додати одну функцію, потрібно повністю відтворити нативні елементи.

  - key: options.web_components_common_pain_points.slotted_descendants_style
    t: Додавання стилів до нащадків slotted-елементів
  - key: options.web_components_common_pain_points.slotted_descendants_style.description
    t: Немає змоги додати стилі до нащадків slotted-елементів (e.g. cannot do `::slotted(ul) > li`).

  # web_components_other_pain_points

  - key: features.web_components_other_pain_points
    t: Інші проблеми вебкомпонентів
    aliases:
      - web_components.web_components_other_pain_points
  - key: features.web_components_other_pain_points.question
    aliases:
      - web_components.web_components_other_pain_points.question
    t: Які ще проблеми створення та використання вебкомпонентів вас розчаровують?
  - key: features.web_components_other_pain_points.placeholder
    aliasFor: features.forms_pain_points.placeholder

  # component_strategies

  - key: usage.component_strategies
    t: Повторне використання HTML
  - key: usage.component_strategies.question
    t: Які стратегії ви використовуєте для створення компонентів або повторного використання HTML-коду?

  - key: options.component_strategies.server_side_templating
    t: Шаблонування на сервері
  - key: options.component_strategies.server_side_templating.description
    t: Шаблони, згенеровані на сервері за допомогою PHP, Node.js тощо.

  - key: options.component_strategies.build_time_templating
    t: Шаблонування під час збирання
  - key: options.component_strategies.build_time_templating.description
    t: Astro, Jekyll, інші статичні генератори сайтів тощо.

  - key: options.component_strategies.client_side_templating
    t: Шаблонування на клієнті
  - key: options.component_strategies.client_side_templating.description
    t: Маніпулювання DOM, jQuery, Handlebars тощо.

  - key: options.component_strategies.component_based_frameworks
    t: JavaScript-фреймворки на основі компонентів
  - key: options.component_strategies.component_based_frameworks.description
    t: React, Vue.js, Angular тощо.

  - key: options.component_strategies.web_components
    t: Вебкомпоненти
  - key: options.component_strategies.web_components.description
    t: Вебкомпоненти — з допоміжною бібліотекою або без неї.

  - key: options.component_strategies.web_components_frameworks
    t: Допоміжні бібліотеки вебкомпонентів
  - key: options.component_strategies.web_components_frameworks.description
    t: Stencil, Lit, Polymer тощо.

  - key: options.component_strategies.copy_paste
    t: Копіювати-вставити
  - key: options.component_strategies.copy_paste.description
    t: Копіювання та вставлення фрагментів із внутрішніх або зовнішніх джерел.

  # reasons_for_not_using_web_components

  - key: features.reasons_for_not_using_web_components
    t: Причини невикористання
  - key: features.reasons_for_not_using_web_components.question
    t: Якщо ви зараз *не* використовуєте вебкомпоненти, чи можете повідомити причину?

  - key: options.reasons_for_not_using_web_components.not_interested
    t: Не цікаво або не бачу в них потреби
  - key: options.reasons_for_not_using_web_components.no_chance
    t: Цікаво, але ще не було нагоди їх використати
  - key: options.reasons_for_not_using_web_components.negative_experience
    t: Використовував(-ла), але мав(-ла) негативний досвід
  - key: options.reasons_for_not_using_web_components.use_frameworks_instead
    t: Можу зробити те саме за допомогою JS-фреймворків
  - key: options.reasons_for_not_using_web_components.compatibility_issues
    t: Хочу використовувати, але не можу через проблеми сумісності/підтримання

  # Accessibility

  # - key: features.accessibility_features
  #   t: Функції доступності
  # - key: features.accessibility_features.question
  #   t: Які з наведених функцій доступності ви використовували?

  - key: features.accessibility_tools
    t: Інструменти доступності
    aliases:
      - accessibility.accessibility_tools
  - key: features.accessibility_tools.question
    t: Які інструменти ви використовуєте для тестування доступності?
    aliases:
      - accessibility.accessibility_tools.question

  - key: features.accessibility_pain_points
    t: Проблеми доступності
    aliases:
      - accessibility.accessibility_pain_points
  - key: features.accessibility_pain_points.question
    t: Які проблеми доступності вебплатформи найбільше вас розчаровують?
    aliases:
      - accessibility.accessibility_pain_points.question
  - key: features.accessibility_pain_points.placeholder
    aliasFor: features.forms_pain_points.placeholder

  - key: features.accessibility_disabilities
    t: Порушення здоров'я користувача
    aliases:
      - accessibility.accessibility_disabilities
  - key: features.accessibility_disabilities.question
    t: Які порушення здоров'я користувачів ви враховуєте під час створення вебсайтів?
    aliases:
      - accessibility.accessibility_disabilities.question

  - 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: Екранні зчитувальні пристрої
    aliases:
      - accessibility.accessibility_screenreaders
  - key: features.accessibility_screenreaders.question
    t: Які екранні зчитувальні пристрої ви використовуєте для тестування доступності?
    aliases:
      - accessibility.accessibility_screenreaders.question

  - key: features.accessibility_techniques
    t: Інші методи забезпечення доступності
    aliases:
      - accessibility.accessibility_techniques
  - key: features.accessibility_techniques.question
    t: Які ще методи складають вашу звичну стратегію забезпечення доступності?
    aliases:
      - accessibility.accessibility_techniques.question

  - key: options.accessibility_techniques.tabindex
    t: |
      Покращення порядку фокусування за допомогою `tabindex`
  - key: options.accessibility_techniques.tabindex.description
    t: |
      Переміщення `tabindex`, `tabindex="0"` для задання фокуса елементу тощо.
  - 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: Видиме кільце фокусування
  - key: options.accessibility_techniques.visible_focus.description
    t: Забезпечення за необхідності чіткої видимості для контуру кільця фокусування.
  - 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`
  - key: options.accessibility_techniques.prefers_reduced_motion.description
    t: Надання альтернативного CSS для користувачів, які віддають перевагу зниженому руху на екрані.
  - key: options.accessibility_techniques.prefers_contrast
    t: |
      Медіазапит `prefers-contrast`
  - key: options.accessibility_techniques.prefers_contrast.description
    t: Надання альтернативного CSS для користувачів, які віддають перевагу підвищеному контрасту.

  # PWAs

  - key: features.pwa_features
    t: Функції PWA
  - key: features.pwa_features.question
    t: Чи ви використовували будь-які з наведених технологій чи API для PWA?
  - key: options.pwa_features.na
    t: <span aria-hidden="true">🚫</span> Нічого з вищевказаного

  - key: features.local_storage_features
    t: Функції локального сховища
  - 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: Поля в маніфесті застосунку
  - key: features.pwa_app_manifest_fields.question
    t: |
      Яке з-поміж цих полів маніфесту застосунку (`<link rel="manifest">`) ви використовували?

  - key: features.native_apps_tools
    t: Інструменти для нативних вебзастосунків
  - key: features.native_apps_tools.question
    t: Чи ви використовували будь-який із-поміж цих інструментів для створення нативних застосунків?
  - key: features.native_apps_tools.description
    t: За винятком сценаріїв (scripts), програм для командного рядка, серверного коду тощо.
  - 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: Вебзастосунки, завантажені через Webview
  - 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: Які проблеми створення вебзастосунків, що мають відчуватися нативно, найбільше вас розчаровують?
  - key: features.mobile_web_apps_pain_points.description
    t: Можливості, яких ще немає у вебплатформи, відмінності між браузерами у пов'язаних API тощо.
  - key: features.mobile_web_apps_pain_points.placeholder
    t: |
      Проблема #{index}

  # System Capabilities

  - key: features.system_capabilities_pain_points
    t: Проблеми системних функцій
    aliases:
      - system_capabilities.system_capabilities_pain_points
  - key: features.system_capabilities_pain_points.question
    t: Які проблеми доступу до нативних функцій системи чи пристрою найбільше вас розчаровують?
    aliases:
      - system_capabilities.system_capabilities_pain_points.question
  - key: features.system_capabilities_pain_points.prompt
    t: |
      Проблеми із доступом до функцій пристрою або ОС, взаємодією із файловою системою, створенням такого ж набору функцій, як і в нативного застосунку, тощо.
    aliases:
      - system_capabilities.system_capabilities_pain_points.prompt
  - key: features.system_capabilities_pain_points.placeholder
    aliasFor: features.forms_pain_points.placeholder

  # other features

  - key: features.foo_attribute
    t: "атрибут `{id}`"

  # - key: features.slot_attribute
  #   t: Іменоване присвоєння slot-елемента

  - key: features.landmark_elements
    t: Елементи-орієнтири (Landmark elements)

  - key: features.tabindex_attribute
    t: "Атрибут `tabindex`"

  - key: features.respimg_attributes
    t: "Атрибути `srcset` і `sizes`"

  - key: features.model_element
    t: "`<model>` для додавання AR/VR/3D"

  - key: features.slot_def
    t: Визначення slot-елемента (`<slot>` і `::slotted()`)

  - key: features.controlslist_attribute
    t: "Атрибут `controlslist`"

  - key: features.popover_api
    t: API спливного вікна

  - key: features.lazy_loading
    t: Ліниве завантажування

  - key: features.sandbox_attr
    t: "Атрибут `sandbox` для елементів iframe"

  - 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: "API `ElementInternals`"

  - key: features.cors
    t: CORS

  - key: features.content_security_policy
    t: Політика безпеки вмісту (CSP)

  - key: features.structured_data
    t: Структуровані дaні (RDFa, Microdata, Microformats)

  - key: features.extended_builtins
    t: Розширення вбудованих можливостей

  - key: features.html_modules
    t: HTML-модулі

  # - key: features.accordion_element
  #   t: Елемент "виключний акордеон"

  - key: features.imperative_slot
    t: Імперативне присвоєння slot-елемента

  - key: features.focusgroup_attribute
    t: "Атрибут `focusgroup`"

  - 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: Підказки зв'язку ресурсу (усі)

  - key: features.rh_prefetch
    t: "Підказки зв'язку ресурсу: prefetch (`<link rel=prefetch>`)"

  - key: features.shadow_dom
    t: Тіньовий DOM 

  - key: features.declarative_shadow_dom
    t: Декларативний тіньовий DOM

  - key: features.referrerpolicy
    t: "Атрибут `referrerpolicy`"

  - key: features.integrity
    t: Перевірка цілісності ресурсу (SRI) (атрибут `integrity`)

  - key: features.pwa_manifest
    t: Маніфест PWA

  - key: features.part_attr
    t: Додавання доступу до частини компонента (атрибут `part`)

  - key: features.part_selector
    t: Додавання стилів до частини компонента (`::part()`)

  - key: features.svg_element
    t: |
      `<svg>` (вбудовані елементи SVG)

  - key: features.math_element
    t: |
      `<math>` (вбудовані елементи MathML )

  - key: features.mapviewer_element
    t: |
      `<mapviewer>` (вбудовані елементи MapML)

  - key: features.scoped_element_registries
    t: Область видимості для `CustomElementRegistry`

  - key: features.navigation_api
    t: API навігації

  - key: features.custom_elements_defining
    t: Визначення власних елементів

  - key: features.decoding
    t: "Атрибут `decoding`"

  - key: features.custom_elements_using
    t: Використання власних елементів

  - key: features.fencedframe
    t: Елемент `<fencedframe>`

  - key: features.credentialless
    t: Безобліковий (credentialess) iframe-елемент

  - key: features.media_capture
    t: Захоплення (capture) медіа в HTML

  - key: features.formdata
    t: "API `FormData`"

  - key: features.customizable_select
    t: Налаштовуваний select-елемент

  - key: features.dom_parts
    t: DOM-частини (DOM Parts)

  - key: features.fetchpriority_attribute
    t: "Атрибут `fetchpriority`"

  - key: features.autocomplete_attribute
    t: "Атрибут `autocomplete`"

  - key: features.inert_attribute
    t: "Атрибут `inert`"

  - key: features.client_hints
    t: "HTTP-заголовки: підказки клієнта" 

  - key: features.clipboard_api
    t: API буфера обміну

  - key: features.custom_highlight_api
    t: API налаштування підсвічування у CSS

  - key: features.intl_segmenter
    t: "API `Intl.Segmenter`"

  - key: features.filesystem_access
    t: API доступу до файлової системи

  - key: features.badging_api
    t: API задання значків (Badging API)

  - key: features.web_share_api
    t: API поширення у вебі

  - key: features.launch_handler_api
    t: API обробника запуску (Launch Handler API)

  - key: features.file_handling_api
    t: API обробки файлів

  - key: features.window_controls_overlay
    t: API накладання віконних елементів керування (Window Controls Overlay API)

  - key: features.isolated_webapps
    t: Ізольовані вебзастосунки (IWA)

  ###########################################################################
  # Other Tools
  ###########################################################################

  - key: other_tools.site_generators
    t: Генератори сайтів
  - key: other_tools.site_generators.question
    t: Які з-поміж цих генераторів статичних або динамічних сайтів ви регулярно використовуєте?

  - key: other_tools.browsers
    aliasFor: tools_others.browsers
  - key: other_tools.browsers.question
    aliasFor: tools_others.browsers.question

  - key: other_tools.validation_tools
    t: Інструменти валідації
  - key: other_tools.validation_tools.question
    t: Які з-поміж цих інструментів валідації ви регулярно використовуєте?

  - key: other_tools.ai_tools
    t: ШІ-інструменти
  - key: other_tools.ai_tools.question
    t: Які з-поміж цих ШІ-інструментів ви регулярно використовуєте для допомоги у написанні коду?

  - 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> Нічого з вищевказаного

  - key: other_tools.performance_tools
    t: Інструменти вимірювання продуктивності
  - key: other_tools.performance_tools.question
    t: Які інструменти та сервіси ви використовуєте для відстеження та покращення продуктивності ваших вебсайтів?

  - key: options.performance_tools.browser_devtools
    t: Інструменти розробника в браузері

  - key: other_tools.analytics_tools
    t: Інструменти збирання аналітики
  - key: other_tools.analytics_tools.question
    t: Які інструменти та сервіси аналітики ви використовуєте для моніторингу ваших вебсайтів?

  ###########################################################################
  # 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.prompt
    t: |
      Наявні функції HTML, які вам часто доводиться відтворювати або доповнювати за допомогою JS.
  # - key: usage.html_functionality_features.description
  #   t: |
  #     Existing HTML features that you often have to recreate or augment using JS.

  #     Please also specify the reason, such as lack of functionality, difficult styling, poor accessibility, etc.

  - key: usage.html_functionality_features.placeholder.1
    t: |
      Функція #1 (важко стилізувати)
  - key: usage.html_functionality_features.placeholder.2
    t: |
      Функція #2 (обмежена функціональність, погана доступність)

  - key: usage.html_new_features
    t: Нові функції
  - key: usage.html_new_features.question
    t: Які з-поміж цих останніх та майбутніх нових функцій цікавлять вас найбільше?

  - 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: Якби ви могли додати нові елементи до 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: Елемент "акордеон"
  - key: options.html_missing_elements.alert
    t: Оповіщення

  - key: options.html_missing_elements.callout
    t: Вигук (Callout)
  - key: options.html_missing_elements.callout.description
    t: Візуально відмінний текстовий блок для інформаційних повідомлень, помилок, попереджень тощо.

  - key: options.html_missing_elements.calendar
    t: Календар
  - key: options.html_missing_elements.carousel
    t: Карусель
  - key: options.html_missing_elements.combobox_autocomplete
    t: Комбінований список / Елемент автодоповнення
  - key: options.html_missing_elements.command_palette
    t: Палітра команд (Command Palette)
  - key: options.html_missing_elements.context_menu
    t: Контекстне меню / Меню, що викликається правою кнопкою
  - key: options.html_missing_elements.datatable
    t: Таблиця для даних
  - key: options.html_missing_elements.datatable.description
    t: Таблиця для даних із сортуванням, фільтруванням тощо.
  - key: options.html_missing_elements.dropdown_menu
    t: Випадне меню
  - 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: Каркасний UI / Заповнювач під час завантаження

  - key: options.html_missing_elements.sortable_list
    t: Список із сортуванням за допомогою перетягування

  - key: options.html_missing_elements.switch
    t: Перемикач (Switch / Toggle)
  - key: options.html_missing_elements.tabs
    t: Вкладки
  # - 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: Кнопка із сегментами
  - key: options.html_missing_elements.scroll_area
    t: Елемент нескінченного гортання
  - key: options.html_missing_elements.icon
    t: Іконка
  - key: options.html_missing_elements.star_rating
    t: Оцінювання зірочками
  - key: options.html_missing_elements.html_include
    t: Вміщення HTML (HTML include)
  - key: options.html_missing_elements.html_include.description
    t: Елемент, який вбудовує вміст з іншої сторінки в документ.
  - key: options.html_missing_elements.range_slider
    t: Ковзний елемент діапазону
  - key: options.html_missing_elements.range_slider.description
    t: Ковзний елемент із двома бігунками для вибору діапазону чисел.

  - key: options.html_missing_elements.charts
    t: Діаграми/графіки
  - key: options.html_missing_elements.rich_text_editor
    t: Редактор збагаченого тексту
  - key: options.html_missing_elements.rich_code_block
    t: Блок збагаченого коду
  - key: options.html_missing_elements.rich_code_block.description
    t: З виділенням синтаксису, редагуванням коду, кнопкою копіювання тощо.
  - key: options.html_missing_elements.footnotes
    t: Виноски/примітки
  - key: options.html_missing_elements.maps
    t: Мапа

  - 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 і JS/TS
  - 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

  # design_system_strategies
  - key: usage.design_system_strategies
    t: Дизайн-системи

  - key: usage.design_system_strategies.question
    t: Чи використовуєте ви якусь із наведених нижче стратегій для дизайн-систем, щоб мати консистентний та узгоджений UI?

  - key: options.design_system_strategies.elements_components
    t: Елементи/компоненти
  - key: options.design_system_strategies.elements_components.description
    t: |
      Бібліотека багаторазово використовуваних будівельних блоків, як-от кнопки або випадні меню, реалізованих будь-якою технологією (наприклад, React, вебкомпоненти тощо).

  - key: options.design_system_strategies.design_tokens
    t: Дизайн-токени
  - key: options.design_system_strategies.design_tokens.description
    t: |
      Атомарні змінні, наприклад, для кольорів, інтервалів і типографіки, як-от `--color-accent-dark`, `--font-heading` тощо.

  - key: options.design_system_strategies.utilities
    t: Допоміжні класи
  - key: options.design_system_strategies.utilities.description
    t: |
      Низькорівневі CSS-класи, що застосовують один певний стиль або поведінку, наприклад, .`visually-hidden`, `.grid-2x2`, `.text-center` тощо.

  - key: options.design_system_strategies.guidelines
    t: Керівні принципи
  - key: options.design_system_strategies.guidelines.description
    t: |
      Стандарти та найкращі практики для підтримання узгодженості та забезпечення досягнення певних цілей (доступність, зручність використання тощо).

  - key: options.design_system_strategies.patterns
    t: Шаблони
  - key: options.design_system_strategies.patterns.description
    t: |
      Копіювано-вставні композиції вищого рівня всіх перерахованих вище елементів, які вирішують поширені проблеми UI/UX, як-от панелі навігації або навіть цілі адаптивні макети сторінок.

  # html_styling_issues

  - key: usage.html_styling_issues
    t: Проблеми додавання стилів
  - key: usage.html_styling_issues.question
    t: До яких елементів вам найскладніше додавати стилі або візуально їх налаштовувати?

  - key: options.html_styling_issues.validation_errors
    t: Проблеми валідації

  - key: options.html_styling_issues.fieldset_and_legend
    t: |
      `<fieldset>` та `<legend>`

  ###########################################################################
  # Opinions
  ###########################################################################

  - key: opinions.accessibility_is_valued
    t: Доступність
  - key: opinions.accessibility_is_valued.question
    t: Доступність цінується в моєму робочому або професійному середовищі

  - key: options.accessibility_is_valued.0
    aliasFor: options.opinions.0
  - key: options.accessibility_is_valued.1
    aliasFor: options.opinions.1
  - key: options.accessibility_is_valued.2
    aliasFor: options.opinions.2
  - key: options.accessibility_is_valued.3
    aliasFor: options.opinions.3
  - key: options.accessibility_is_valued.4
    aliasFor: options.opinions.4

  - key: opinions.keeping_informed_is_challenging
    t: Бути обізнаним
  - key: opinions.keeping_informed_is_challenging.question
    t: Залишатися обізнаним про нові функції вебплатформи досить складно

  - key: options.keeping_informed_is_challenging.0
    aliasFor: options.opinions.0
  - key: options.keeping_informed_is_challenging.1
    aliasFor: options.opinions.1
  - key: options.keeping_informed_is_challenging.2
    aliasFor: options.opinions.2
  - key: options.keeping_informed_is_challenging.3
    aliasFor: options.opinions.3
  - key: options.keeping_informed_is_challenging.4
    aliasFor: options.opinions.4

  - key: opinions.browser_interoperability_is_obstacle
    t: Сумісність між браузерами
  - key: opinions.browser_interoperability_is_obstacle.question
    t: Недостатня сумісність між браузерами — це наразі велика перешкода для веброзробки

  - key: options.browser_interoperability_is_obstacle.0
    aliasFor: options.opinions.0
  - key: options.browser_interoperability_is_obstacle.1
    aliasFor: options.opinions.1
  - key: options.browser_interoperability_is_obstacle.2
    aliasFor: options.opinions.2
  - key: options.browser_interoperability_is_obstacle.3
    aliasFor: options.opinions.3
  - key: options.browser_interoperability_is_obstacle.4
    aliasFor: options.opinions.4

  - key: opinions.browser_interoperability_pace
    t: Темп настання сумісності
  - key: opinions.browser_interoperability_pace.question
    t: Протягом останніх кількох років нові функції вебу стають стабільними у різних браузерах набагато швидше

  - key: options.browser_interoperability_pace.0
    aliasFor: options.opinions.0
  - key: options.browser_interoperability_pace.1
    aliasFor: options.opinions.1
  - key: options.browser_interoperability_pace.2
    aliasFor: options.opinions.2
  - key: options.browser_interoperability_pace.3
    aliasFor: options.opinions.3
  - key: options.browser_interoperability_pace.4
    aliasFor: options.opinions.4

  - key: opinions.web_platform_right_direction
    t: Вебплатформа
  - key: opinions.web_platform_right_direction.question
    t: Вебплатформа рухається у правильному напрямку загалом

  - key: options.web_platform_right_direction.0
    aliasFor: options.opinions.0
  - key: options.web_platform_right_direction.1
    aliasFor: options.opinions.1
  - key: options.web_platform_right_direction.2
    aliasFor: options.opinions.2
  - key: options.web_platform_right_direction.3
    aliasFor: options.opinions.3
  - key: options.web_platform_right_direction.4
    aliasFor: options.opinions.4

  - key: opinions.validation_is_important
    t: Валідація HTML
  - key: opinions.validation_is_important.question
    t: |
      Важливо забезпечити успішне проходження валідації для мого HTML-коду 

  - key: options.validation_is_important.0
    aliasFor: options.opinions.0
  - key: options.validation_is_important.1
    aliasFor: options.opinions.1
  - key: options.validation_is_important.2
    aliasFor: options.opinions.2
  - key: options.validation_is_important.3
    aliasFor: options.opinions.3
  - key: options.validation_is_important.4
    aliasFor: options.opinions.4

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

  - key: features.features_intro_html
    t: |
      Ласкаво просимо до опитування! Ці перші кілька розділів присвячені тому, щоб з'ясувати,
      які **функції** (features) мови HTML і суміжні API ви знаєте.

      До речі, якщо ви хочете дізнатися більше про будь-яку тему в опитуванні, ви можете додати її до свого списку читання, натиснувши на маленький значок "+" біля відповідного пункту!

  ###########################################################################
  # FAQ
  ###########################################################################

  - key: faq.how_long_will_survey_take_html
    t: Скільки часу займе опитування?
  - key: faq.how_long_will_survey_take_html.description
    t: >
      Залежно від того, на скільки питань ви відповісте (всі питання не обов'язкові), 
      заповнення анкети займе орієнтовно 10-15 хвилин.

  - key: faq.who_should_take_survey_html
    t: Хто може взяти участь у цьому опитуванні?
  - key: faq.who_should_take_survey_html.description
    t: >
      Це відкрите опитування для всіх, хто створює вебсайти та вебзастосунки, незалежно від того, регулярно ви це робите або час від часу, у межах своєї роботи, як студент або задля розваги!

  - key: faq.data_used_html
    t: Як ці дані будуть використані?
  - key: faq.data_used_html.description
    t: >
      Усі зібрані дані будуть оприлюднені та відкриті для будь-якого розробника чи компанії з метою консультації. 
      Постачальники браузерів також [використовують ці дані](https://web.dev/blog/interop-2024), щоб визначати пріоритетні напрями діяльності та інформувати про свої плани.

  - key: faq.survey_goals_html
    t: Яка мета цього опитування?
  - key: faq.survey_goals_html.description
    t: >
      Мета опитування — вимірювання впізнаваності нових функцій HTML і API браузера, а також допомогти розробникам стежити за розвитком їхнього використання.