Minor bug fixes in forms and table sections & misc updates

content/changelog.md

@@ -27,6 +27,16 @@ This changelog lists substantive content edits. It does **not** list typo fixes
 {::nomarkdown}
 {% include box.html type="end" %}
 {:/}
+## April 16 2024
+In [Forms tutorial](https://www.w3.org/WAI/tutorials/forms/)
+* Fixing a broken link in [Form Instructions](https://www.w3.org/WAI/tutorials/forms/instructions/#placeholder-text)
+  * [GitHub PR #735](https://github.com/w3c/wai-tutorials/pull/735)
+* Fixing a color contrast issue in [Multi-page Forms](https://www.w3.org/WAI/tutorials/forms/multi-page/#using-the-html5-progress-element)
+  * [GitHub PR #732](https://github.com/w3c/wai-tutorials/pull/732)
+
+In [Tables tutorial](https://www.w3.org/WAI/tutorials/tables/)
+* Fixing a table header issue in [Tables with Multi-Level Headers](https://www.w3.org/WAI/tutorials/tables/multi-level/#table-with-multiple-column-headers-in-each-column)
+  * [GitHub PR #726](https://github.com/w3c/wai-tutorials/pull/726)
 
 ## February 2023
 

content/forms/instructions.md

@@ -35,7 +35,7 @@ wcag_techniques:
   - ARIA9
 
 metafooter: true
-last_updated: 2019-07-27
+last_updated: 2024-04-10
 editors:
   - Eric Eggert: "https://www.w3.org/People/yatil/"
   - Shadi Abou-Zahra: "https://www.w3.org/People/shadi/"
@@ -200,7 +200,7 @@ Placeholder text provides instructions or an example of the required data format
 
 While placeholder text provides valuable guidance for many users, **placeholder text is not a replacement for labels**. Assistive technologies, such as screen readers, do not treat placeholder text as labels. Moreover, at the time of writing this tutorial, placeholder text is not broadly supported across assistive technologies and not displayed in older web browsers.
 
-Note: Section [Hidden labels](labels.html#hidden) of this tutorial describes how to hide information visually but keep it available to assistive technology. This same approach can be used to avoid visual redundancy of displaying both labels and placeholder text. Be aware that this makes it very hard for users to review the form. To avoid this problem, JavaScript can be used to make labels appear visually (in the associated label element) above or beside the input that has focus.
+Note: The [Note on hiding elements](/tutorials/forms/labels/#note-on-hiding-elements) section of the Labeling Controls page describes how to hide information visually but keep it available to assistive technology. This same approach can be used to avoid visual redundancy of displaying both labels and placeholder text. Be aware that this makes it very hard for users to review the form. To avoid this problem, JavaScript can be used to make labels appear visually (in the associated label element) above or beside the input that has focus.
 
 {::nomarkdown}
 {% include box.html type="start" title="Example" class="example" %}

content/forms/labels.md

@@ -38,7 +38,7 @@ wcag_techniques:
   - ARIA16
 
 metafooter: true
-last_updated: 2019-07-27
+last_updated: 2024-04-10
 editors:
   - Eric Eggert: "https://www.w3.org/People/yatil/"
   - Shadi Abou-Zahra: "https://www.w3.org/People/shadi/"

content/forms/multi-page.md

@@ -154,9 +154,11 @@ progress {
 }
 
 progress::-webkit-progress-bar {
-	background-color:#036;
+	background-color:#FFF;
+}
+progress::-webkit-progress-value {
+	background-color: #036;
 }
-
 progress::-moz-progress-bar {
 	background-color:#036;
 }
@@ -201,6 +203,9 @@ progress {
 
 /* Apple Safari and Google Chrome */
 progress::-webkit-progress-bar {
+	background-color: #FFF;
+}
+progress::-webkit-progress-value {
 	background-color: #036;
 }
 

content/images/decision-tree.md

@@ -87,5 +87,5 @@ This decision tree describes how to use the `alt` attribute of the `<img>` eleme
   - {:.no} **No:**
     - Continue.
 - **Is the image’s use not listed above or it’s unclear what `alt` text to provide?**
-  - {:.yes} This decision tree **does not** cover all cases. For detailed information on the provision of text alternatives refer to the [Image Concepts Page](/tutorials/images/).
+  - {:.yes} This decision tree **does not** cover all cases. For detailed information on the provision of text alternatives refer to the [[Images Tutorials]](/tutorials/images/).
 {:.decision-tree}

content/images/index.md

@@ -14,6 +14,8 @@ metafooter: true
 
 resource:
   ref: /tutorials/
+  title: "Images Tutorials"
+
 navigation:
   next: /tutorials/images/informative/
 

content/tables/multi-level.md

@@ -67,7 +67,7 @@ In the table below, the headers for the top half of the tables are different to
     Supplier contacts
   </caption>
   <tr>
-    <th id="blank">&nbsp;</th>
+    <td id="blank">&nbsp;</td>
     <th id="co1" headers="blank">Example 1 Ltd</th>
     <th id="co2" headers="blank">Example 2 Co</th>
   </tr>
@@ -87,7 +87,7 @@ In the table below, the headers for the top half of the tables are different to
     <td headers="co2 e1">marie@2co.example.com</td>
   </tr>
   <tr>
-    <th>&nbsp;</th>
+    <td>&nbsp;</td>
     <th id="co3" headers="blank">Example 3 Ltd</th>
     <th id="co4" headers="blank">Example 4 Inc</th>
   </tr>