From 43661cf867796037f93f1a7fb640f94b2cd1d1ea Mon Sep 17 00:00:00 2001 From: Shiva Sai <112751524+Shiva-Sai-ssb@users.noreply.github.com> Date: Thu, 17 Oct 2024 23:50:59 +0530 Subject: [PATCH] fix(curriculum): replace asterisks with "(required)" for accessibility (#56725) --- .../66a84111965a0c46df6bbd0a.md | 6 +++--- .../66a930b20f589b6664c51cb0.md | 2 +- .../66a93730719e1f68410cce54.md | 2 +- .../66a937e74920ba68ebe5e86d.md | 2 +- .../66a93bbe65a26169dbf3bc39.md | 8 ++++---- .../66a93c95bc58e26a8fe95818.md | 4 ++-- .../66a9401c9d660d6bb15993e2.md | 10 +++++----- .../66a9419e2d18476c645ce693.md | 6 +++--- .../66a94ea5df66236ebed260e8.md | 6 +++--- .../66a9521bc70162712caf118d.md | 6 +++--- .../66a954b2bcddba72076c1857.md | 6 +++--- .../66a9577022877d72d8f43b4f.md | 6 +++--- .../66a95d0eff8168747805f1f3.md | 6 +++--- .../66a96127422411756204bc1b.md | 6 +++--- .../66a962954f4e0d76223b37ed.md | 6 +++--- .../66a9689b1bf24b7750898a1b.md | 6 +++--- .../66a969951120be7818d8ee49.md | 6 +++--- .../66a96b01f33ef178dfca9e42.md | 6 +++--- .../66a972137acd1179fa3fe8a0.md | 6 +++--- .../66a975260401487af226b290.md | 6 +++--- .../66a975c259525b7bc2d5c776.md | 6 +++--- .../66a97ca8c4cbae7d0bb6e0ad.md | 6 +++--- .../66a97f40ddd40d7deb0618b7.md | 6 +++--- .../66a9824ac5d9f77ec304969f.md | 6 +++--- .../66a9836b339fed7f9a8fe35a.md | 6 +++--- .../66a9843525e9fa8046d709b7.md | 12 ++++++------ .../66ad24c7eb8c121000c603a6.md | 6 +++--- 27 files changed, 80 insertions(+), 80 deletions(-) diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a84111965a0c46df6bbd0a.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a84111965a0c46df6bbd0a.md index 40935af1dbc..411b9b9bfac 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a84111965a0c46df6bbd0a.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a84111965a0c46df6bbd0a.md @@ -16,7 +16,7 @@ In the previous lecture videos, you learned how to associate a `label` element w The `for` attribute on the `label` element should match the `id` attribute on the `input` element. This is known as an explicit association. -Below your `legend` element, add a `label` element with the text of `Name*:`. For the `for` attribute, set it to the value of `"full-name"`. +Below your `legend` element, add a `label` element with the text of `Name (required):`. For the `for` attribute, set it to the value of `"full-name"`. Then below your `legend` element, add an `input` element with no attributes. In the next steps, you will add the necessary attributes. @@ -47,11 +47,11 @@ const label = document.querySelector('fieldset label'); assert.strictEqual(label.getAttribute('for'), 'full-name'); ``` -Your `label` element should have the text of `Name*:`. +Your `label` element should have the text of `Name (required):`. ```js const label = document.querySelector('fieldset label'); -assert.strictEqual(label.innerText, 'Name*:'); +assert.strictEqual(label.innerText, 'Name (required):'); ``` You should have an `input` element. diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a930b20f589b6664c51cb0.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a930b20f589b6664c51cb0.md index 4a1cf2d0d1d..068c7e8ddab 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a930b20f589b6664c51cb0.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a930b20f589b6664c51cb0.md @@ -70,7 +70,7 @@ assert.strictEqual(input.getAttribute('id'), 'full-name');
Personal Information - + --fcc-editable-region-- --fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93730719e1f68410cce54.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93730719e1f68410cce54.md index e626b47134e..18f06cf3fa3 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93730719e1f68410cce54.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93730719e1f68410cce54.md @@ -61,7 +61,7 @@ assert.strictEqual(input.getAttribute('name'), 'name');
Personal Information - + --fcc-editable-region-- --fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a937e74920ba68ebe5e86d.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a937e74920ba68ebe5e86d.md index b718d606b0d..97fefff54e1 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a937e74920ba68ebe5e86d.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a937e74920ba68ebe5e86d.md @@ -60,7 +60,7 @@ assert.isNotNull(document.querySelector('fieldset input[required]'));
Personal Information - + --fcc-editable-region-- --fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93bbe65a26169dbf3bc39.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93bbe65a26169dbf3bc39.md index 088a851a501..233a178bee9 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93bbe65a26169dbf3bc39.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93bbe65a26169dbf3bc39.md @@ -9,7 +9,7 @@ dashedName: step-13 Your hotel feedback form should also collect an email address from the user. -Start by adding a new `label` element with the text `Email address*:` to the form. Your `label` element should have a `for` attribute set to the value of `"email"`. +Start by adding a new `label` element with the text `Email address (required):` to the form. Your `label` element should have a `for` attribute set to the value of `"email"`. # --hints-- @@ -19,10 +19,10 @@ You should have a `label` element. assert.strictEqual(document.querySelectorAll('fieldset label').length, 2); ``` -Your `label` element should have the text `Email*:`. +Your `label` element should have the text `Email address (required):`. ```js -assert.strictEqual(document.querySelector('fieldset label:nth-of-type(2)').innerText, 'Email address*:'); +assert.strictEqual(document.querySelector('fieldset label:nth-of-type(2)').innerText, 'Email address (required):'); ``` Your `label` element should have a `for` attribute set to the value of `"email"`. @@ -54,7 +54,7 @@ assert.strictEqual(document.querySelector('fieldset label[for="email"]').getAttr
Personal Information - + --fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93c95bc58e26a8fe95818.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93c95bc58e26a8fe95818.md index 2a404101e02..91689c17d69 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93c95bc58e26a8fe95818.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a93c95bc58e26a8fe95818.md @@ -74,10 +74,10 @@ assert.strictEqual(document.querySelector('input#email').getAttribute('placehold
Personal Information - + --fcc-editable-region-- - + --fcc-editable-region--
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md index 5b404aa55f1..e1780777439 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md @@ -9,7 +9,7 @@ dashedName: step-15 Your hotel feedback form should have an option for users to add their age. -Start by adding a `label` element with the text `Age(optional):` to the form. +Start by adding a `label` element with the text `Age (optional):` to the form. The `for` attribute should be set to `"age"`. @@ -27,10 +27,10 @@ Your `label` element should have a `for` attribute set to `"age"`. assert.isNotNull(document.querySelector('label[for="age"]')); ``` -You `label` element should have the text `Age(optional):`. +You `label` element should have the text `Age (optional):`. ```js -assert.strictEqual(document.querySelector('label[for="age"]').textContent, "Age(optional):"); +assert.strictEqual(document.querySelector('label[for="age"]').textContent, "Age (optional):"); ``` # --seed-- @@ -56,10 +56,10 @@ assert.strictEqual(document.querySelector('label[for="age"]').textContent, "Age(
Personal Information - + - +
Personal Information - + - + --fcc-editable-region-- - + --fcc-editable-region--
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a94ea5df66236ebed260e8.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a94ea5df66236ebed260e8.md index adec173cbce..e5d02b1198e 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a94ea5df66236ebed260e8.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a94ea5df66236ebed260e8.md @@ -56,10 +56,10 @@ assert.strictEqual(document.querySelectorAll('legend')[1].textContent, 'Was this
Personal Information - + - + - +
--fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9521bc70162712caf118d.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9521bc70162712caf118d.md index 6197d9f64f7..478f36777f5 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9521bc70162712caf118d.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9521bc70162712caf118d.md @@ -85,10 +85,10 @@ assert.strictEqual(document.querySelector('fieldset:nth-of-type(2) input[type="r
Personal Information - + - + - +
--fcc-editable-region-- diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a954b2bcddba72076c1857.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a954b2bcddba72076c1857.md index 9647ea583ef..11d719a1abb 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a954b2bcddba72076c1857.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a954b2bcddba72076c1857.md @@ -80,10 +80,10 @@ assert.strictEqual(document.querySelector('fieldset:nth-of-type(2) input:nth-of-
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9577022877d72d8f43b4f.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9577022877d72d8f43b4f.md index f5d7a9de917..ce8fc8267fd 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9577022877d72d8f43b4f.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9577022877d72d8f43b4f.md @@ -56,10 +56,10 @@ assert.strictEqual(document.querySelector('fieldset:nth-of-type(3) legend').inne
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a95d0eff8168747805f1f3.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a95d0eff8168747805f1f3.md index d7e8813973e..40a60a2c8b6 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a95d0eff8168747805f1f3.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a95d0eff8168747805f1f3.md @@ -95,10 +95,10 @@ assert.strictEqual(document.querySelector("fieldset:nth-of-type(3) input[type='c
Personal Information - + - +
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96b01f33ef178dfca9e42.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96b01f33ef178dfca9e42.md index 0cc46e5a006..6c14d9a4786 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96b01f33ef178dfca9e42.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a96b01f33ef178dfca9e42.md @@ -66,10 +66,10 @@ assert(document.querySelector('select[id="service"]'));
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a972137acd1179fa3fe8a0.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a972137acd1179fa3fe8a0.md index 2378cf38585..55349d43d71 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a972137acd1179fa3fe8a0.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a972137acd1179fa3fe8a0.md @@ -112,10 +112,10 @@ assert.strictEqual(document.querySelector('option[value="excellent"]').textConte
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975260401487af226b290.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975260401487af226b290.md index d1c5e340de1..39d9aea51cc 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975260401487af226b290.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975260401487af226b290.md @@ -48,10 +48,10 @@ assert(document.querySelector('option[value="excellent"][selected]'));
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975c259525b7bc2d5c776.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975c259525b7bc2d5c776.md index 6219f7203e7..eea5aeddc9f 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975c259525b7bc2d5c776.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a975c259525b7bc2d5c776.md @@ -62,10 +62,10 @@ assert(document.querySelector('select[name="food"]'));
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97ca8c4cbae7d0bb6e0ad.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97ca8c4cbae7d0bb6e0ad.md index 22b9a707be6..08b3ee6ac8d 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97ca8c4cbae7d0bb6e0ad.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97ca8c4cbae7d0bb6e0ad.md @@ -121,10 +121,10 @@ assert(document.querySelector('fieldset:nth-of-type(4) select#food option[value=
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97f40ddd40d7deb0618b7.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97f40ddd40d7deb0618b7.md index 70e15724512..6b5dce5b85e 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97f40ddd40d7deb0618b7.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a97f40ddd40d7deb0618b7.md @@ -48,10 +48,10 @@ assert.strictEqual(document.querySelector('label[for="comments"]').textContent,
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9824ac5d9f77ec304969f.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9824ac5d9f77ec304969f.md index 579a7393467..9309b2e636c 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9824ac5d9f77ec304969f.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9824ac5d9f77ec304969f.md @@ -52,10 +52,10 @@ assert(document.querySelector('form textarea'));
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9836b339fed7f9a8fe35a.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9836b339fed7f9a8fe35a.md index 23508e7b659..0d40a50d180 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9836b339fed7f9a8fe35a.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9836b339fed7f9a8fe35a.md @@ -60,10 +60,10 @@ assert(document.querySelector('textarea[rows="10"]'));
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9843525e9fa8046d709b7.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9843525e9fa8046d709b7.md index 6c42d80578c..8bd434ba5ab 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9843525e9fa8046d709b7.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66a9843525e9fa8046d709b7.md @@ -58,10 +58,10 @@ assert.strictEqual(document.querySelector('button').textContent, 'Submit');
Personal Information - + - + - +
@@ -170,10 +170,10 @@ assert.strictEqual(document.querySelector('button').textContent, 'Submit');
Personal Information - + - + - +
diff --git a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66ad24c7eb8c121000c603a6.md b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66ad24c7eb8c121000c603a6.md index 3d672e4bfa4..d41ff36ba9c 100644 --- a/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66ad24c7eb8c121000c603a6.md +++ b/curriculum/challenges/english/25-front-end-development/workshop-hotel-feedback-form/66ad24c7eb8c121000c603a6.md @@ -48,10 +48,10 @@ assert(document.querySelector("input#reputation[checked]"));
Personal Information - + - + - +