Shopify · mzarud · Jun 15, 2023 · May 25, 2023 · May 30, 2023 · May 30, 2023
diff --git a/assets/recipient-form.js b/assets/recipient-form.js
@@ -4,6 +4,7 @@ if (!customElements.get('recipient-form')) {
     class RecipientForm extends HTMLElement {
       constructor() {
         super();
+        this.recipientFieldsLiveRegion = this.querySelector(`#Recipient-fields-live-region-${this.dataset.sectionId}`);
         this.checkboxInput = this.querySelector(`#Recipient-checkbox-${this.dataset.sectionId}`);
         this.checkboxInput.disabled = false;
         this.hiddenControlField = this.querySelector(`#Recipient-control-${this.dataset.sectionId}`);
@@ -65,10 +66,12 @@ if (!customElements.get('recipient-form')) {
       onChange() {
         if (this.checkboxInput.checked) {
           this.enableInputFields();
+          this.recipientFieldsLiveRegion.innerText = window.accessibilityStrings.recipientFormExpanded;
         } else {
           this.clearInputFields();
           this.disableInputFields();
           this.clearErrorMessage();
+          this.recipientFieldsLiveRegion.innerText = window.accessibilityStrings.recipientFormCollapsed;
         }
       }
 

diff --git a/layout/theme.liquid b/layout/theme.liquid
@@ -312,6 +312,8 @@
         shareSuccess: `{{ 'general.share.success_message' | t }}`,
         pauseSlideshow: `{{ 'sections.slideshow.pause_slideshow' | t }}`,
         playSlideshow: `{{ 'sections.slideshow.play_slideshow' | t }}`,
+        recipientFormExpanded: `{{ 'recipient.form.expanded' | t }}`,
+        recipientFormCollapsed: `{{ 'recipient.form.collapsed' | t }}`,
       };
     </script>
 

diff --git a/locales/bg-BG.json b/locales/bg-BG.json
@@ -474,7 +474,9 @@
       "max_characters": "Макс. {{ max_chars }} знака",
       "email_label_optional_for_no_js_behavior": "Имейл на получателя (незадължително)",
       "send_on": "ГГГГ-ММ-ДД",
-      "send_on_label": "Изпращане на (незадължително)"
+      "send_on_label": "Изпращане на (незадължително)",
+      "expanded": "Формулярът за получател на ваучер за подарък е разгънат",
+      "collapsed": "Формулярът за получател на ваучер за подарък е свит"
     }
   }
 }
diff --git a/locales/cs.json b/locales/cs.json
@@ -494,7 +494,9 @@
       "max_characters": "Maximální počet znaků: {{ max_chars }}",
       "email_label_optional_for_no_js_behavior": "E-mail příjemce (volitelné)",
       "send_on": "RRRR-MM-DD",
-      "send_on_label": "Datum odeslání (volitelné)"
+      "send_on_label": "Datum odeslání (volitelné)",
+      "expanded": "Formulář pro příjemce dárkové karty se rozbalil.",
+      "collapsed": "Formulář pro příjemce dárkové karty se sbalil."
     }
   }
 }
diff --git a/locales/da.json b/locales/da.json
@@ -474,7 +474,9 @@
       "max_characters": "Højst {{ max_chars }} tegn",
       "email_label_optional_for_no_js_behavior": "Modtagerens mailadresse (valgfrit)",
       "send_on": "ÅÅÅÅ-MM-DD",
-      "send_on_label": "Send (valgfrit)"
+      "send_on_label": "Send (valgfrit)",
+      "expanded": "Formularen til modtager af gavekort er vist",
+      "collapsed": "Formularen til modtager af gavekort er skjult"
     }
   }
 }
diff --git a/locales/de.json b/locales/de.json
@@ -474,7 +474,9 @@
       "max_characters": "Maximal {{ max_chars }} Zeichen",
       "email_label_optional_for_no_js_behavior": "E-Mail-Adresse des Empfängers (optional)",
       "send_on": "JJJJ-MM-TT",
-      "send_on_label": "Senden am (optional)"
+      "send_on_label": "Senden am (optional)",
+      "expanded": "Formular für den Empfänger des Geschenkgutscheins erweitert",
+      "collapsed": "Formular für den Empfänger des Geschenkgutscheins minimiert"
     }
   }
 }
diff --git a/locales/el.json b/locales/el.json
@@ -474,7 +474,9 @@
       "max_characters": "Έως {{ max_chars }} χαρακτήρες",
       "email_label_optional_for_no_js_behavior": "Email παραλήπτη (προαιρετικά)",
       "send_on": "ΕΕΕΕ-ΜΜ-ΗΗ",
-      "send_on_label": "Ημερομηνία αποστολής (προαιρετικά)"
+      "send_on_label": "Ημερομηνία αποστολής (προαιρετικά)",
+      "expanded": "Η φόρμα παραλήπτη δωροκάρτας αναπτύχθηκε",
+      "collapsed": "Η φόρμα παραλήπτη δωροκάρτας συμπτύχθηκε"
     }
   }
 }
diff --git a/locales/en.default.json b/locales/en.default.json
@@ -466,6 +466,8 @@
   "recipient": {
     "form": {
       "checkbox": "I want to send this as a gift",
+      "expanded": "Gift card recipient form expanded",
+      "collapsed": "Gift card recipient form collapsed",
       "email_label": "Recipient email",
       "email_label_optional_for_no_js_behavior": "Recipient email (optional)",
       "email": "Email",

diff --git a/locales/es.json b/locales/es.json
@@ -484,7 +484,9 @@
       "max_characters": "{{ max_chars }} caracteres máx.",
       "email_label_optional_for_no_js_behavior": "Correo electrónico de la persona destinataria (opcional)",
       "send_on": "AAAA-MM-DD",
-      "send_on_label": "Enviar el (opcional)"
+      "send_on_label": "Enviar el (opcional)",
+      "expanded": "Formulario del destinatario de la tarjeta de regalo expandido",
+      "collapsed": "Formulario del destinatario de tarjeta de regalo contraído"
     }
   }
 }
diff --git a/locales/fi.json b/locales/fi.json
@@ -474,7 +474,9 @@
       "max_characters": "enintään {{ max_chars }} merkkiä",
       "email_label_optional_for_no_js_behavior": "Vastaanottajan sähköpostiosoite (valinnainen)",
       "send_on": "VVVV-KK-PP",
-      "send_on_label": "Lähetä (valinnainen)"
+      "send_on_label": "Lähetä (valinnainen)",
+      "expanded": "Lahjakortin saajalomake laajennettuna",
+      "collapsed": "Lahjakortin saajalomake pienennettynä"
     }
   }
 }
diff --git a/locales/fr.json b/locales/fr.json
@@ -484,7 +484,9 @@
       "max_characters": "{{ max_chars }} caractères au maximum",
       "email_label_optional_for_no_js_behavior": "E‑mail du destinataire (facultatif)",
       "send_on": "AAAA-MM-JJ",
-      "send_on_label": "Envoyer le (facultatif)"
+      "send_on_label": "Envoyer le (facultatif)",
+      "expanded": "Formulaire de destinataire de carte-cadeau agrandi",
+      "collapsed": "Formulaire de destinataire de carte-cadeau réduit"
     }
   }
 }
diff --git a/locales/hr-HR.json b/locales/hr-HR.json
@@ -484,7 +484,9 @@
       "max_characters": "Najveći dopušteni broj znakova: {{ max_chars }}",
       "email_label_optional_for_no_js_behavior": "Adresa e-pošte primatelja (nije obavezno)",
       "send_on": "YYYY-MM-DD",
-      "send_on_label": "Datum slanja (neobavezno)"
+      "send_on_label": "Datum slanja (neobavezno)",
+      "expanded": "Obrazac primatelja poklon-kartice je povećan",
+      "collapsed": "Obrazac primatelja poklon-kartice je smanjen"
     }
   }
 }
diff --git a/locales/hu.json b/locales/hu.json
@@ -474,7 +474,9 @@
       "max_characters": "Maximum {{ max_chars }} karakter",
       "email_label_optional_for_no_js_behavior": "Címzett e-mail-címe (nem kötelező)",
       "send_on": "ÉÉÉÉ-HH-NN",
-      "send_on_label": "Küldés dátuma (nem kötelező)"
+      "send_on_label": "Küldés dátuma (nem kötelező)",
+      "expanded": "Ajándékkártya címzettjének űrlapja kibontva",
+      "collapsed": "Ajándékkártya címzettjének űrlapja összecsukva"
     }
   }
 }
diff --git a/locales/id.json b/locales/id.json
@@ -474,7 +474,9 @@
       "max_characters": "Maksimum {{ max_chars }} karakter",
       "email_label_optional_for_no_js_behavior": "Email penerima (opsional)",
       "send_on": "TTTT-BB-HH",
-      "send_on_label": "Kirim pada (opsional)"
+      "send_on_label": "Kirim pada (opsional)",
+      "expanded": "Formulir penerima voucher dibuka",
+      "collapsed": "Formulir penerima voucher ditutup"
     }
   }
 }
diff --git a/locales/it.json b/locales/it.json
@@ -484,7 +484,9 @@
       "max_characters": "Massimo {{ max_chars }} caratteri",
       "email_label_optional_for_no_js_behavior": "Email destinatario (facoltativa)",
       "send_on": "AAAA-MM-GG",
-      "send_on_label": "Spedisci il giorno (opzionale)"
+      "send_on_label": "Spedisci il giorno (opzionale)",
+      "expanded": "Modulo destinatario del buono regalo espanso",
+      "collapsed": "Modulo destinatario del buono regalo compresso"
     }
   }
 }
diff --git a/locales/ja.json b/locales/ja.json
@@ -474,7 +474,9 @@
       "max_characters": "最大{{ max_chars }}文字",
       "email_label_optional_for_no_js_behavior": "受信者のメール (任意）",
       "send_on": "YYYY-MM-DD",
-      "send_on_label": "送信日 (任意)"
+      "send_on_label": "送信日 (任意)",
+      "expanded": "ギフトカードカードの受取人フォームを展開しました",
+      "collapsed": "ギフトカードカードの受取人フォームを折りたたみました"
     }
   }
 }
diff --git a/locales/ko.json b/locales/ko.json
@@ -474,7 +474,9 @@
       "max_characters": "최대 {{ max_chars }}자",
       "email_label_optional_for_no_js_behavior": "수신자 이메일(선택 사항)",
       "send_on": "YYYY-MM-DD",
-      "send_on_label": "전송 날짜(선택 사항)"
+      "send_on_label": "전송 날짜(선택 사항)",
+      "expanded": "기프트 카드 수신자 양식 펼치기",
+      "collapsed": "기프트 카드 수신자 양식 접기"
     }
   }
 }
diff --git a/locales/lt-LT.json b/locales/lt-LT.json
@@ -494,7 +494,9 @@
       "max_characters": "Daugiausia {{ max_chars }} simbolių",
       "email_label_optional_for_no_js_behavior": "Gavėjo el. pašto adresas (pasirinktinai)",
       "send_on": "MMMM-MM-DD",
-      "send_on_label": "Išsiuntimo data (pasirinktinai)"
+      "send_on_label": "Išsiuntimo data (pasirinktinai)",
+      "expanded": "Išskleista dovanų kortelės gavėjo forma",
+      "collapsed": "Suskleista dovanų kortelės gavėjo forma"
     }
   }
 }
diff --git a/locales/nb.json b/locales/nb.json
@@ -474,7 +474,9 @@
       "max_characters": "Maks. {{ max_chars }} tegn",
       "email_label_optional_for_no_js_behavior": "Mottakerens e-post (valgfritt)",
       "send_on": "ÅÅÅÅ-MM-DD",
-      "send_on_label": "Send (valgfritt)"
+      "send_on_label": "Send (valgfritt)",
+      "expanded": "Utvidet skjema for gavekortmottaker",
+      "collapsed": "Lukket skjema for gavekortmottaker"
     }
   }
 }
diff --git a/locales/nl.json b/locales/nl.json
@@ -474,7 +474,9 @@
       "max_characters": "Maximaal {{ max_chars }} tekens",
       "email_label_optional_for_no_js_behavior": "E-mailadres ontvanger (optioneel)",
       "send_on": "JJJJ-MM-DD",
-      "send_on_label": "Verzenden op (optioneel)"
+      "send_on_label": "Verzenden op (optioneel)",
+      "expanded": "Formulier voor ontvanger cadeaubon uitgevouwen",
+      "collapsed": "Formulier voor ontvanger cadeaubon ingeklapt"
     }
   }
 }
diff --git a/locales/pl.json b/locales/pl.json
@@ -494,7 +494,9 @@
       "max_characters": "Maks. {{ max_chars }} znaki(-ów)",
       "email_label_optional_for_no_js_behavior": "Adres e-mail odbiorcy (opcjonalnie)",
       "send_on": "RRRR-MM-DD",
-      "send_on_label": "Wyślij dnia (opcjonalnie)"
+      "send_on_label": "Wyślij dnia (opcjonalnie)",
+      "expanded": "Rozwinięty formularz odbiorcy karty prezentowej",
+      "collapsed": "Zwinięty formularz odbiorcy karty prezentowej"
     }
   }
 }
diff --git a/locales/pt-BR.json b/locales/pt-BR.json
@@ -484,7 +484,9 @@
       "max_characters": "Máximo de {{ max_chars }} caracteres",
       "email_label_optional_for_no_js_behavior": "E-mail do destinatário (opcional)",
       "send_on": "AAAA-MM-DD",
-      "send_on_label": "Enviar em (opcional)"
+      "send_on_label": "Enviar em (opcional)",
+      "expanded": "Formulário de destinatário do cartão-presente expandido",
+      "collapsed": "Formulário de destinatário do cartão-presente recolhido"
     }
   }
 }
diff --git a/locales/pt-PT.json b/locales/pt-PT.json
@@ -484,7 +484,9 @@
       "max_characters": "Máximo de {{ max_chars }} caracteres",
       "email_label_optional_for_no_js_behavior": "E-mail do destinatário (opcional)",
       "send_on": "AAAA-MM-DD",
-      "send_on_label": "Enviar a (opcional)"
+      "send_on_label": "Enviar a (opcional)",
+      "expanded": "Formulário de destinatário do cartão de oferta expandido",
+      "collapsed": "Formulário de destinatário do cartão de oferta fechado"
     }
   }
 }
diff --git a/locales/ro-RO.json b/locales/ro-RO.json
@@ -484,7 +484,9 @@
       "max_characters": "Maximum {{ max_chars }} (de) caractere",
       "email_label_optional_for_no_js_behavior": "Adresă de e-mail destinatar (opțional)",
       "send_on": "DD.MM.YYYY",
-      "send_on_label": "Trimite pe (opțional)"
+      "send_on_label": "Trimite pe (opțional)",
+      "expanded": "Formularul pentru destinatarul cardului cadou este extins",
+      "collapsed": "Formularul pentru destinatarul cardului cadou este restrâns"
     }
   }
 }
diff --git a/locales/ru.json b/locales/ru.json
@@ -494,7 +494,9 @@
       "max_characters": "Не больше {{ max_chars }} симв.",
       "email_label_optional_for_no_js_behavior": "Электронный адрес получателя (необязательно)",
       "send_on": "ГГГГ-ММ-ДД",
-      "send_on_label": "Дата отправки (необязательно)"
+      "send_on_label": "Дата отправки (необязательно)",
+      "expanded": "Форма с данными получателя подарочной карты развернута",
+      "collapsed": "Форма с данными получателя подарочной карты свернута"
     }
   }
 }
diff --git a/locales/sk-SK.json b/locales/sk-SK.json
@@ -494,7 +494,9 @@
       "max_characters": "Maximálny počet znakov: {{ max_chars }}",
       "email_label_optional_for_no_js_behavior": "E-mail príjemcu (voliteľné)",
       "send_on": "RRRR-MM-DD",
-      "send_on_label": "Dátum odoslania (voliteľné)"
+      "send_on_label": "Dátum odoslania (voliteľné)",
+      "expanded": "Rozbalený formulár pre príjemcu darčekového poukazu",
+      "collapsed": "Zbalený formulár pre príjemcu darčekového poukazu"
     }
   }
 }
diff --git a/locales/sl-SI.json b/locales/sl-SI.json
@@ -494,7 +494,9 @@
       "max_characters": "Največje št. znakov: {{ max_chars }}",
       "email_label_optional_for_no_js_behavior": "E-poštni naslov prejemnika (izbirno)",
       "send_on": "LLLL-MM-DD",
-      "send_on_label": "Pošlji na datum (izbirno)"
+      "send_on_label": "Pošlji na datum (izbirno)",
+      "expanded": "Razširjen obrazec prejemnika darilnega bona",
+      "collapsed": "Strnjen obrazec prejemnika darilnega bona"
     }
   }
 }
diff --git a/locales/sv.json b/locales/sv.json
@@ -474,7 +474,9 @@
       "max_characters": "Max. {{ max_chars }} tecken",
       "email_label_optional_for_no_js_behavior": "Mottagarens e-postadress (valfritt)",
       "send_on": "ÅÅÅÅ-MM-DD",
-      "send_on_label": "Skicka den (valfritt)"
+      "send_on_label": "Skicka den (valfritt)",
+      "expanded": "Mottagarformulär för presentkort öppnat",
+      "collapsed": "Mottagarformulär för presentkort stängt"
     }
   }
 }
diff --git a/locales/th.json b/locales/th.json
@@ -474,7 +474,9 @@
       "max_characters": "สูงสุด {{ max_chars }} อักขระ",
       "email_label_optional_for_no_js_behavior": "อีเมลผู้รับ (ระบุหรือไม่ก็ได้)",
       "send_on": "ปปปป-ดด-วว",
-      "send_on_label": "ส่งเมื่อ (ไม่บังคับ)"
+      "send_on_label": "ส่งเมื่อ (ไม่บังคับ)",
+      "expanded": "ขยายแบบฟอร์มผู้รับบัตรของขวัญแล้ว",
+      "collapsed": "ย่อแบบฟอร์มผู้รับบัตรของขวัญแล้ว"
     }
   }
 }
diff --git a/locales/tr.json b/locales/tr.json
@@ -474,7 +474,9 @@
       "max_characters": "Maksimum {{ max_chars }} karakter",
       "email_label_optional_for_no_js_behavior": "Alıcı e-postası (isteğe bağlı)",
       "send_on": "YYYY-AA-GG",
-      "send_on_label": "Şu tarihte gönder (isteğe bağlı)"
+      "send_on_label": "Şu tarihte gönder (isteğe bağlı)",
+      "expanded": "Hediye kartı alıcısı formu genişletildi",
+      "collapsed": "Hediye kartı alıcısı formu daraltıldı"
     }
   }
 }
diff --git a/locales/vi.json b/locales/vi.json
@@ -474,7 +474,9 @@
       "max_characters": "Tối đa {{ max_chars }} ký tự",
       "email_label_optional_for_no_js_behavior": "Email người nhận (không bắt buộc)",
       "send_on": "DD-MM-YYYY",
-      "send_on_label": "Ngày gửi (tùy chọn)"
+      "send_on_label": "Ngày gửi (tùy chọn)",
+      "expanded": "Đã mở rộng biểu mẫu người nhận thẻ quà tặng",
+      "collapsed": "Đã thu nhỏ biểu mẫu người nhận thẻ quà tặng"
     }
   }
 }
diff --git a/locales/zh-CN.json b/locales/zh-CN.json
@@ -474,7 +474,9 @@
       "max_characters": "不超过 {{ max_chars }} 个字符",
       "email_label_optional_for_no_js_behavior": "收件人邮箱（可选）",
       "send_on": "YYYY-MM-DD",
-      "send_on_label": "发送日期（可选）"
+      "send_on_label": "发送日期（可选）",
+      "expanded": "礼品卡收件人表单已展开",
+      "collapsed": "礼品卡收件人表单已折叠"
     }
   }
 }
diff --git a/locales/zh-TW.json b/locales/zh-TW.json
@@ -474,7 +474,9 @@
       "max_characters": "最多 {{ max_chars }} 個字元",
       "email_label_optional_for_no_js_behavior": "收件者電子郵件 (選填)",
       "send_on": "YYYY-MM-DD",
-      "send_on_label": "發送時間 (選填)"
+      "send_on_label": "發送時間 (選填)",
+      "expanded": "禮品卡收件人表單已展開",
+      "collapsed": "禮品卡收件人表單已收合"
     }
   }
 }
diff --git a/snippets/gift-card-recipient-form.liquid b/snippets/gift-card-recipient-form.liquid
@@ -74,6 +74,11 @@
         {%- endif -%}
       </ul>
     </div>
+    <p
+      id="Recipient-fields-live-region-{{ section.id }}"
+      class="visually-hidden"
+      role="status"
+    ></p>
     <div class="recipient-fields">
       <hr>
       <div class="recipient-fields__field">