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 не розвивається, але все змінюється.
      На горизонті з'являються нові елементи, як-от `<selectlist>`, приголомшливі нові функції, наприклад, спливаючі вікна,
      та ряд суміжних API браузера (вебкомпоненти, PWA тощо).

      Цього року [Lea Verou](https://lea.verou.me/) взяла на себе величезне завдання з проведення цього абсолютно нового опитування — від змісту до UX і більше.

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

      Переваги для вас:
      - Результати опитування **використовуються браузерами** та групами стандартів **для визначення пріоритетів розробки**.
      Ваші відповіді можуть допомогти реалізувати цікаві вам функції, визначити пріоритети для усунення несумісностей між браузерами та вказати на прогалини у платформі.
      - Дізнайтеся про нові та майбутні функції; додайте функції до вашого списку читання та отримайте список джерел у кінці!
      - Отримайте індивідуальну оцінку знань та порівняйте з іншими респондентами.

      Опитування буде відкрите протягом 3 тижнів, але відповіді, внесені **протягом перших 9-ти днів (до 1 жовтня)**, матимуть набагато більший вплив на вебплатформу,
      оскільки попередні дані будуть використовуватися для визначення певних пріоритетних напрямків, що мають граничний строк до того часу.

  - 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: Вебкомпоненти
  - key: sections.web_components.description
    t: Створення та використання вебкомпонентів.

  - 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-елементи та API браузера.

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

  - 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
    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`
  - 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: За винятком сценаріїв, програм для командного рядка, серверного коду тощо.
  - 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}

  # 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: "`<model>` для додавання AR/VR/3D"

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

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

  - key: features.popover_api
    t: Popover 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.csp
    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
    t: Елемент "виключний акордеон"

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

  - 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: Перевірка цілісності ресурсу (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: Вбудовані елементи MathML (`<math>`)

  - 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 iframes

  - key: features.media_capture
    t: HTML Media Capture

  - key: features.contenteditable_plaintext
    t: "Значення `plaintext-only` для `contenteditable`"

  - key: features.dom_parts
    t: DOM Parts

  - key: features.fetchpriority
    t: API визначення пріоритетності запиту (атрибут `fetchpriority`)

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

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

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

  ###########################################################################
  # 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.description
    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: Якби ви могли додати 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: Eлемент "акордеон"
  - key: options.html_missing_elements.alert
    t: Оповіщення
  - key: options.html_missing_elements.calendar
    t: Календар
  - key: options.html_missing_elements.carousel
    t: Карусель
  - 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: Контекстне меню / Меню, що викликається правою кнопкою
  - 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: Skeleton UI / Loading Placeholder
  - 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: 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

  ###########################################################################
  # Resources
  ###########################################################################

  - key: resources.web_platform_resources
    t: Джерела інформації про вебплатформу
  - key: resources.web_platform_resources.question
    t: До яких джерел ви звертаєтеся, щоб залишатися обізнаним про функції вебплатформи?

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

  - key: opinions.opinions_intro
    t: Відповідаючи на наступні запитання, дайте нам знати, наскільки ви згодні з кожним твердженням.

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

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

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

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

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

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

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