diff --git a/common.yml b/common.yml
index 670bab2..621e7c8 100644
--- a/common.yml
+++ b/common.yml
@@ -889,7 +889,7 @@ translations:
       Порушення рухових функцій (як-от: артрит, зап'ястковий тунельний синдром тощо)
   - key: options.disability_status.cognitive_impairments
     t: >
-      Когнітивні порушення (як-от: тривога, дислексія, СДУГ тощо)
+      Когнітивні порушення (як-от: тривожний розлад, дислексія, СДУГ тощо)
   - key: options.disability_status.not_listed
     t: >
       Нічого з перерахованого
@@ -1456,7 +1456,7 @@ translations:
 
   # disability status
   - key: user_info.disability_status
-    t: Порушення працездатності
+    t: Порушення здоров'я
   - key: user_info.disability_status.question
     t: >
       Яке з наведених порушень ви маєте?
@@ -1466,7 +1466,7 @@ translations:
 
   # disability status (other)
   - key: user_info.disability_status.others
-    t: Інші порушення працездатності
+    t: Інші порушення здоров'я
   - key: user_info.disability_status_freeform
     aliasFor: user_info.disability_status.others
 
diff --git a/state_of_html.yml b/state_of_html.yml
new file mode 100644
index 0000000..5c50cef
--- /dev/null
+++ b/state_of_html.yml
@@ -0,0 +1,910 @@
+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 для інтерактивності (toggles, tabs, etc.)
+  - key: options.interactivity_techniques.js_dom_libraries
+    t: JavaScript-бібліотеки для DOM (jQuery, etc.)
+  - key: options.interactivity_techniques.js_framework
+    t: JavaScript-фреймворки (React, Vue, etc.)
+  - 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: Machine-Readable Data
+  - key: features.machine_readable_features.question
+    t: Which of the following have you used to include machine-readable data in HTML?
+  - key: options.machine_readable_features.rdfa.description
+    t: |
+      `property`, `typeof`, etc.
+  - key: options.machine_readable_features.json_ld.description
+    t: |
+      `<script type="application/ld+json">`
+  - key: options.machine_readable_features.microdata.description
+    t: |
+      `itemprop`, `itemscope`, etc.
+
+  - key: features.multiple_languages_support
+    t: Multiple-Language Support
+  - key: features.multiple_languages_support.question
+    t: How often do you work on projects that require supporting more than one language?
+  - key: options.multiple_languages_support.never
+    t: Never
+  - key: options.multiple_languages_support.infrequently
+    t: Infrequently (less than once a year)
+  - key: options.multiple_languages_support.frequently
+    t: Frequently (more than once a year)
+  - key: options.multiple_languages_support.all_the_time
+    t: All the time
+
+  - key: features.i18n_features
+    t: Internationalization Features
+  - key: features.i18n_features.question
+    t: Which of the following internationalization features have you used?
+  - 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: |
+      Think of embedding (multimedia, iframes, SVG, etc), machine-readable data, internationalization & localization, security & privacy, performance etc.
+      Missing features, browser incompatibilities, and other problems you face are all fair game.
+  - key: features.content_pain_points.placeholder
+    t: |
+      Проблема #{index}…
+
+  # Content
+
+  - key: features.external_content_elements
+    t: External Content Elements
+  - key: features.external_content_elements.question
+    t: Which of the following elements have you used?
+  - key: options.external_content_elements.na
+    t: <span aria-hidden="true">🚫</span> Нічого з вищевказаного 
+
+  - key: features.privacy_security_features
+    t: |
+      Security & Privacy Features
+  - key: features.privacy_security_features.question
+    t: |
+      Which of the following security & privacy features have you used?
+  - key: options.privacy_security_features.na
+    t: <span aria-hidden="true">🚫</span> Нічого з вищевказаного 
+
+  - key: features.rel_attribute
+    t: Resource Hints
+  - key: features.rel_attribute.question
+    t: |
+      Which of these values have you used for the `rel` attribute of `<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: |
+      Improving focus order with `tabindex`
+  - key: options.accessibility_techniques.tabindex.description
+    t: |
+      Roving `tabindex`, `tabindex="0"` to enable focus, etc.
+  - key: options.accessibility_techniques.keyboard_navigation
+    t: Intuitive keyboard navigation
+  - key: options.accessibility_techniques.keyboard_navigation.description
+    t: Other than tab order.
+  - key: options.accessibility_techniques.aria_attributes
+    t: ARIA attributes
+  - key: options.accessibility_techniques.aria_attributes.description
+    t: |
+      `role` and `aria-*` attributes
+  - key: options.accessibility_techniques.descriptive_alt_text
+    t: |
+      Descriptive `alt` text
+  - key: options.accessibility_techniques.descriptive_alt_text.description
+    t: Providing alt text that describes the purpose or content of an image.
+  - key: options.accessibility_techniques.skip_to_content
+    t: Skip-to-content link
+  - key: options.accessibility_techniques.skip_to_content.description
+    t: Letting users skip straight to the main content of a page.
+  - key: options.accessibility_techniques.fieldset_and_legend
+    t: |
+      `<fieldset>` and `<legend>`
+  - key: options.accessibility_techniques.fieldset_and_legend.description
+    t: |
+      Using `<fieldset>` and `<legend>`  to group related form elements.
+  - key: options.accessibility_techniques.headings_hierarchy
+    t: Information Hierarchy
+  - key: options.accessibility_techniques.headings_hierarchy.description
+    t: |
+      Using headings (`<h1>` - `<h6>`) that correctly represent a page's information hierarchy.
+  - key: options.accessibility_techniques.meaningful_link_text
+    t: Meaningful Link Text
+  - key: options.accessibility_techniques.meaningful_link_text.description
+    t: Ensuring that link text makes sense out of context
+  - key: options.accessibility_techniques.form_control_label
+    t: Form Control Labels
+  - key: options.accessibility_techniques.form_control_label.description
+    t: |
+      Ensuring every form control has a `<label>` (or `aria-label`, etc.).
+  - key: options.accessibility_techniques.visible_focus
+    t: Visible Focus Ring
+  - key: options.accessibility_techniques.visible_focus.description
+    t: Ensuring focus ring outline is clearly visible when needed.
+  - key: options.accessibility_techniques.pointer_alternative
+    t: Not Relying on Pointer Only
+  - key: options.accessibility_techniques.pointer_alternative.description
+    t: Ensuring pointer interactions (e.g. hover) have a keyboard alternative.
+  - key: options.accessibility_techniques.good_color_contrast
+    t: Sufficient Contrast
+  - key: options.accessibility_techniques.good_color_contrast.description
+    t: Using contrast checkers to ensure sufficient color contrast.
+  - key: options.accessibility_techniques.color_alternative
+    t: Not Relying on Color Only
+  - key: options.accessibility_techniques.color_alternative.description
+    t: Ensuring that no information is conveyed by color alone.
+  - key: options.accessibility_techniques.prefers_reduced_motion
+    t: |
+      `prefers-reduced-motion` media query
+  - key: options.accessibility_techniques.prefers_reduced_motion.description
+    t: Providing alternative CSS for users who prefer reduced motion.
+  - key: options.accessibility_techniques.prefers_contrast
+    t: |
+      `prefers-contrast` media query
+  - key: options.accessibility_techniques.prefers_contrast.description
+    t: Providing alternative CSS for users who prefer increased contrast.
+
+  # PWAs
+
+  - key: features.pwa_features
+    t: PWA Features
+  - key: features.pwa_features.question
+    t: Have you used any of the following PWA technologies/APIs?
+  - key: options.pwa_features.na
+    t: <span aria-hidden="true">🚫</span> Нічого з вищевказаного 
+
+  - key: features.local_storage_features
+    t: Local storage features
+  - key: features.local_storage_features.question
+    t: Have you used any of the following to store data client-side?
+  - key: options.local_storage_features.na
+    t: <span aria-hidden="true">🚫</span> Нічого з вищевказаного 
+
+  - key: features.pwa_app_manifest_fields
+    t: App Manifest Fields
+  - key: features.pwa_app_manifest_fields.question
+    t: |
+      Which of these app manifest fields (`<link rel="manifest">`) have you used, if any?
+
+  - key: features.native_apps_tools
+    t: Native Apps Tools
+  - key: features.native_apps_tools.question
+    t: Have you used any of these tools to build native apps?
+  - key: features.native_apps_tools.description
+    t: Excluding scripts, command-line apps, server-side code, etc.
+  - key: options.native_apps_tools.na
+    t: <span aria-hidden="true">🚫</span> I haven't developed native apps
+  - key: options.native_apps_tools.native_languages
+    t: Native technologies
+  - key: options.native_apps_tools.native_languages.description
+    t: Objective-C, Swift, Kotlin, .NET, etc.
+  - key: options.native_apps_tools.webviews
+    t: Web app loaded via Webviews
+  - key: options.native_apps_tools.js_frameworks
+    t: JavaScript-based frameworks
+  - key: options.native_apps_tools.js_frameworks.description
+    t: React Native, Ionic, Electron, etc.
+  - key: options.native_apps_tools.other_frameworks
+    t: Non-JavaScript frameworks
+  - key: options.native_apps_tools.other_frameworks.description
+    t: Tauri, Flutter, etc.
+
+  - 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: Capabilities the Web Platform doesn't yet have, browser differences in related APIs, etc.
+  - key: features.mobile_web_apps_pain_points.placeholder
+    t: |
+      Проблема #{index}
+
+  # Other Tools
+
+  - key: other_tools.site_generators
+    t: Site Generators
+  - key: other_tools.site_generators.question
+    t: Which of these static or dynamic site generators do you regularly use?
+
+  - key: other_tools.ai_tools
+    t: AI Tools
+  - key: other_tools.ai_tools.question
+    t: Which of these AI tools do you regularly use to help you write code?
+
+  - 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: Blast from the Past!
+  - key: other_tools.blast_from_the_past.question
+    t: Have you ever used any of the following old-school elements?
+  - key: other_tools.blast_from_the_past.description
+    t: Blast from the past!
+  - key: options.blast_from_the_past.na
+    t: <span aria-hidden="true">🚫</span> Нічого з вищевказаного 
+
+  # Usage
+
+  # - key: usage.html_existing_features
+  #   t: Unusable HTML Features
+  # - key: usage.html_existing_features.question
+  #   t: Which existing HTML features are you unable to use?
+  # - key: usage.html_existing_features.description
+  #   t: |
+  #     Existing HTML features that you find yourself recreating using custom components.
+  # - key: usage.html_existing_features.placeholder
+  #   t: |
+  #     ﹤foo type="bar"﹥ (browser incompatibilities, styling limitations, doesn't do X)
+
+  - key: usage.html_interoperability_features
+    t: Browser Interoperability
+  - key: usage.html_interoperability_features.question
+    t: Which existing HTML features or browser APIs are you unable to use because of browser differences or lack of support?
+  # - 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: |
+      Feature #{index}
+
+  - key: usage.html_functionality_features
+    t: Limited Functionality
+  - key: usage.html_functionality_features.question
+    t: Which existing HTML features or browser APIs are you unable to use for other reasons (and why)?
+  - key: usage.html_functionality_features.description
+    t: |
+      Existing HTML features that you often have to recreate or augment using 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: |
+      Feature #1 (hard to style)
+  - key: usage.html_functionality_features.placeholder.2
+    t: |
+      Feature #2 (limited functionality, poor accessibility)
+
+  - key: usage.what_do_you_use_html_for
+    t: HTML Usage
+  - key: usage.what_do_you_use_html_for.question
+    t: What do you use HTML for?
+  - 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: Ecosystem Impact
+  - key: usage.tools_for_other_developers.question
+    t: Other than yourself, how many developers use the libraries, packages, components, APIs etc. that you create or maintain?
+  - key: usage.tools_for_other_developers.description
+    t: |
+      Total, if you work on multiple projects that are used by other developers.
+      If you’re not sure, pick the closest to your best estimate.
+      For open source code, npm downloads might offer a useful data point.
+  - key: options.tools_for_other_developers.na
+    t: 🚫 None (Just me)
+  - key: options.tools_for_other_developers.a_few
+    t: A few other developers (e.g. developers within a small team)
+  - key: options.tools_for_other_developers.less_than_100
+    t: Less than a hundred developers
+  - key: options.tools_for_other_developers.less_than_1000
+    t: Less than a thousand developers
+  - key: options.tools_for_other_developers.more_than_100
+    t: Hundreds of developers
+  - key: options.tools_for_other_developers.more_than_1000
+    t: Thousands of developers
+  - key: options.tools_for_other_developers.more_than_1000000
+    t: Millions of developers
+
+  - key: usage.html_missing_elements
+    t: Відсутні елементи
+  - key: usage.html_missing_elements.question
+    t: Якби ви могли додати 3 елементи до HTML, якими б вони були?
+  # - key: usage.html_missing_elements.description
+  #   t: |
+  #     If you use any component technologies, the components you find yourself reusing across multiple projects could be good candidates.
+
+  #     These could be things like Accordion, Alert, Calendar, Carousel, Combobox/Autocomplete, Context menu, Data Grid, Rating, Tabs, Image Zoom, Switch, Skeleton loading pattern etc.
+
+  - key: options.html_missing_elements.accordion
+    t: Accordion
+  - key: options.html_missing_elements.alert
+    t: Alert
+  - key: options.html_missing_elements.calendar
+    t: Календар
+  - 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: Dropdown Menu
+  - key: options.html_missing_elements.image_zoom
+    t: Масштабування зображення (Image Zoom)
+  - key: options.html_missing_elements.progress_bar
+    t: Індикатор прогресу виконання (Progress Bar)
+  - key: options.html_missing_elements.skeleton_loading_placeholder
+    t: Skeleton UI / Loading Placeholder
+  - key: options.html_missing_elements.switch
+    t: Перемикач (Switch / Toggle)
+  - key: options.html_missing_elements.tabs
+    t: Вкладки
+  # - 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: Star Rating
+
+  - key: usage.html_pain_points_freeform
+    t: Інші проблеми
+  - key: usage.html_pain_points_freeform.question
+    t: Які ще проблеми HTML та суміжних технологій найбільше вас розчаровують?
+
+  - key: usage.html_css_js_balance
+    t: Співвідношення HTML/CSS і JavaScript/TypeScript
+  - key: usage.html_css_js_balance.question
+    t: Як поділяється ваш час між написанням коду HTML/CSS і JavaScript (або TypeScript)?
+  - key: options.html_css_js_balance.0
+    t: 100% HTML/CSS
+  - key: options.html_css_js_balance.4
+    t: 50%–50%
+  - key: options.html_css_js_balance.8
+    t: 100% JS
+
+  # other features
+
+  - key: features.foo_attribute
+    t: "атрибут `{id}`"
+
+  - key: features.slot_assignment
+    t: Явне присвоєння slot-елемента (`slot="foo"`)
+
+  - key: features.tabindex
+    t: "Атрибут `tabindex`"
+
+  - key: features.respimg
+    t: "Атрибути `srcset` і `sizes`"
+
+  - key: features.model_element
+    t: "`<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: Extended built-ins
+
+  - key: features.html_modules
+    t: HTML-модулі
+
+  - key: features.accordion
+    t: Exclusive accordion
+
+  - key: features.imperative_slot
+    t: Імперативне присвоєння slot-елемента
+
+  # - key: features.focusgroup
+  #   t: "`focusgroup` attribute"
+
+  - key: features.form_validation
+    t: Валідація форми
+
+  - key: features.aria
+    t: ARIA
+
+  - key: features.rh_preconnect
+    t: "Resource Hints: preconnect (`<link rel=preconnect>`)"
+
+  - key: features.rh_prerender
+    t: "Resource Hints: prerender (`<link rel=prerender>`)"
+
+  - key: features.rh_preload
+    t: "Resource Hints: preload (`<link rel=preload>`)"
+
+  - key: features.resource_hints
+    t: Resource Hints (all)
+
+  - key: features.rh_prefetch
+    t: "Resource Hints: 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: Scoped Custom Element Registries
+
+  - 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: Fenced frames
+
+  - 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 client hints
+
+  ###########################################################################
+  # Survey Help
+  ###########################################################################
+
+  - key: features.features_intro_html
+    t: |
+      Ласкаво просимо до опитування! Ці перші кілька розділів присвячені тому, щоб з’ясувати,
+      які **функції** (features) мови HTML і суміжні API ви знаєте.
+
+      До речі, якщо ви хочете дізнатися більше про будь-яку тему в опитуванні, ви можете додати її до свого списку читання, натиснувши на маленький значок "+" біля відповідного пункту!
diff --git a/state_of_html_2023.yml b/state_of_html_2023.yml
new file mode 100644
index 0000000..6a228b0
--- /dev/null
+++ b/state_of_html_2023.yml
@@ -0,0 +1,172 @@
+locale: ua-UA
+translations:
+  ###########################################################################
+  # General
+  ###########################################################################
+
+  - key: general.results.description
+    t: Щорічне опитування про останні тенденції в екосистемі HTML за 2023 рік.
+
+  - key: introduction.html2023
+    t: >
+      Поки JavaScript заполоняв інтернет, а CSS рік за роком набував нових суперсил, 
+      здавалося, що HTML утішно дрімав, радо віддаючи центр уваги своїм молодшим братам і сестрам. 
+      Адже, крім `<div>`-ів та заголовків від 1 до 6, що ще треба знати?
+
+
+      Виявляється, чимало чого! Вкотре ми залучили [Lea Verou](https://lea.verou.me/), щоби з її 
+      допомогою та глибоким розумінням вебплатформи створити опитування, яке зрештою сягнуло далеко 
+      за межі звичного HTML та охопило доступність, вебкомпоненти і багато іншого.
+
+
+      Зокрема ось чому для цього звіту знадобилося стільки часу: необхідно було 
+      опрацювати *величезну* кількість нових даних! Сподіваємося, що результат вартує вашого очікування.
+
+
+      Окрім наведених відомостей, ми також покращили функцію **налаштування діаграм**, щоб ви могли 
+      ще точніше адаптувати для себе кожну візуалізацію. Якщо ви заодно дійдете до будь-яких неочевидних оригінальних 
+      висновків, обов'язково повідомте нас!
+
+
+      Докладніше про все це у [цій статті](https://dev.to/sachagreif/discover-the-state-of-html-2023-survey-results-n10) або [короткому YouTube-відео.](https://www.youtube.com/watch?v=G-rFwp2zUT4)
+
+
+      А тепер ласкаво просимо до результатів першої хвилі опитування "Cтан HTML". 
+      Б'юся об заклад, що опісля ви більше ніколи не будете дивитися на старий добрий HTML так само!
+
+  ###########################################################################
+  # 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 Introductions
+  ###########################################################################
+
+  - key: sections.user_info.description.html2023
+    t: |
+      Ласкаво просимо до результатів опитування "Стан HTML". У першій в історії хвилі опитування взяли участь **20 904** учасників з усього світу.
+
+  - key: sections.features.description.html2023
+    t: |
+      Функції HTML та інші API браузера
+
+  ###########################################################################
+  # Other Content
+  ###########################################################################
+
+  - key: features.all_features.description
+    t: |
+      Ця діаграма підсумовує всі основні запитання опитування. Основні стовпці або рядки відповідають певному досвіду респондента; всередині вони поділені відповідно до ставлення респодента. Ви можете змінити групування, щоб чергувати ці дві категорії.
+
+
+      Зауважте, що ви також можете знайти більш деталізоване розбиття цих даних у розділі відповідної функції.
+
+  ###########################################################################
+  # Sponsors
+  ###########################################################################
+
+  - key: sponsors.frontendmasters.description
+    t: Вдосконалюйте свої навички за допомогою поглиблених сучасних інженерних курсів.
+  - key: sponsors.google_chrome.description
+    t: Дякуємо команді Google Chrome за підтримку нашої роботи.
+  - key: sponsors.tokyodev.description
+    t: Знайдіть роботу розробника своєї мрії в Японії вже сьогодні.
+  - key: sponsors.renderatl.description
+    t: Технічна конференція, присвячена інженерії клієнтського коду.
+
+  ###########################################################################
+  # Conclusion
+  ###########################################################################
+
+  - key: conclusion.html2023.bio
+    t: Учасниця робочої групи з питань технічної архітектури (TAG) при W3C і дослідниця в лабораторії комп'ютерних наук і штучного інтелекту (CSAIL) при MIT
+  - key: conclusion.html2023
+    t: >
+      *Хху!* Це опитування потребувало колосальних зусиль десятків людей із шести континентів.  Not only did it set a new record for the most responses in a “State of…” survey debut, its data collection UI pioneered innovations that gave us unparalleled insight into developer attitudes, and will ripple far beyond its scope.
+
+
+      Some argue that improving HTML is futile, but the survey resoundingly demonstrates the contrary. **Developers crave more interactive HTML elements**: not only were interactive elements like `<datalist>` or the Popover API among those accumulating the most positive sentiment across all categories, but in addition all top [missing elements](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements) were interactive widgets. 
+
+
+      However, **making simple things easy** by providing canned functionality is no longer sufficient. **Making complex things possible** by supporting thorough customization is a necessity: insufficient customizability, especially around **styling**, was by far the top recurring pain point. 
+
+
+      As a result, form elements were also the elements [most frequently recreated](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features); a lose-lose outcome that makes both developers and end-users suffer. Thankfully, there are many new initiatives to improve this, so the future looks bright.
+
+
+      Another big need is extensibility. It does not scale if only standards bodies have the privilege to extend HTML; and besides, generic elements cannot possibly address the enormous diversity of needs. Unfortunately, **Web Components APIs** (and especially Shadow DOM), while widely used, appear to fall short in terms of meeting developer needs and providing a smooth developer experience, as they topped the charts of worst experiences across the survey. However, the ongoing activity in this area (some of which I have been part of) leaves me hopeful that while it has been a rocky path, they are on track to reach their full potential.
+
+
+      Which brings me to my final point: it is important to remember that this survey is only a snapshot of developer perspectives and reflects the state of the web platform at the time. However, a primary goal of these surveys is to improve the status quo by providing better visibility into developer needs. How many of today’s pain points will be addressed tomorrow as a result? Join us later this year for the survey’s second iteration and let’s find out!
+
+  ###########################################################################
+  # About
+  ###########################################################################
+
+  - key: about.content
+    t: |
+      The 2023 State of HTML survey ran from September 19 to October 19 2023, and collected 20,904 responses. 
+
+      The survey design effort was lead by [Lea Verou](https://lea.verou.me/) thanks to a grant from Google. Lea also oversaw the prototyping, testing, and implementation of new UI data collection elements; contributed to data processing; and helped with data visualization. 
+
+      The survey infrastructure is run by [Sacha Greif](https://sachagreif.com/) and [Eric Burel](https://www.lbke.fr/), with help from a team of open-source contributors and consultants. 
+
+      This year's logo and t-shirt were designed by [Christopher Kirk-Nielsen](http://chriskirknielsen.com/).
+
+      ### Survey Goals
+
+      This survey was created to identify upcoming trends in the web development ecosystem in order to help developers make technological choices. 
+
+      As such, the survey is focused on anticipating what's coming over the next few years rather than analyzing what's popular now, which is why the features or technologies that are currently most widespread are not always included. 
+
+      It should also be taken as a **snapshot of a specific subset of developers**, and is not meant to speak for the entire ecosystem. 
+
+      The survey was openly accessible online and respondents were not filtered or selected in any way.
+
+      ### Project Funding
+
+      Funding from this project comes from a variety of sources:
+
+      - **T-shirt sales**. 
+
+      - **Sponsored links**: the links to recommended resources at the bottom of each page are provided by our partner [Frontend Masters](https://frontendmasters.com/).
+
+      - **Other Funding**: [Google](https://www.google.com/) and [TokyoDev](https://www.tokyodev.com/) also funded work on the survey.
+
+      ### Technical Overview
+
+      You can find a more in-depth technical overview of how the surveys are run [here](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2023-edition-1p6a).
diff --git a/state_of_js.yml b/state_of_js.yml
index 9552e89..9f18c1b 100644
--- a/state_of_js.yml
+++ b/state_of_js.yml
@@ -573,12 +573,12 @@ translations:
   - key: features.language_pain_points
     t: Проблеми мови
   - key: features.language_pain_points.question
-    t: Які проблеми найбільше розчаровують вас у мові JavaScript?
+    t: Які проблеми мови JavaScript найбільше вас розчаровують?
 
   - key: features.browser_apis_pain_points
     t: Проблеми API браузера
   - key: features.browser_apis_pain_points.question
-    t: Які проблеми найбільше розчаровують вас в API браузера?
+    t: Які проблеми API браузера найбільше вас розчаровують?
 
   # patterns
   - key: patterns.object_oriented_programming
diff --git a/surveys.yml b/surveys.yml
index b8e6f04..5170a98 100644
--- a/surveys.yml
+++ b/surveys.yml
@@ -374,12 +374,12 @@ translations:
 
       Довго здавалося, що HTML не розвивається, але все змінюється.
       На горизонті з'являються нові елементи, як-от `<selectlist>`, приголомшливі нові функції, наприклад, спливаючі вікна,
-      та ряд суміжних API браузера (Web Components, PWAs тощо).
+      та ряд суміжних API браузера (вебкомпоненти, PWA тощо).
 
       Цього року [Lea Verou](https://lea.verou.me/) взяла на себе величезне завдання з проведення цього абсолютно нового опитування — від змісту до UX і більше.
 
       Спираючись на успіх опитувань ["Стан JS"](http://stateofjs.com/) та ["Стан CSS"](https://stateofcss.com/), ми запускаємо **Стан HTML**;
-      останній відсутній елемент, що доповнює трилогію, тож ми можемо відстежувати еволюцію вебплатформи загалом.
+      останній відсутній елемент, що доповнює трилогію, щоб ми могли відстежувати еволюцію вебплатформи загалом.
 
       Переваги для вас:
       - Результати опитування **використовуються браузерами** та групами стандартів **для визначення пріоритетів розробки**.