a117 fixes

content/components/mobile/accordions/accessibility.md

@@ -9,7 +9,7 @@ images:
 tags: [mobile, accessibility]
 ---
 
-### Accessibility
+## Accessibility
 
 - Availability of accordion content to assistive technology requires the use of `aria-controls` and toggling `aria-expanded` as regions are expanded and collapsed.
 - Each accordion header must have a unique title that clearly describes the accordion panel content so that assistive technology users have the necessary information to efficiently navigate the content without having to expand every section. The title of each accordion header should include the attribute `role="button"`.

content/components/mobile/alerts/accessibility.md

@@ -10,7 +10,7 @@ aliases:
 tags: [mobile, accessibility]
 ---
 
-### Accessibility
+## Accessibility
 
 - Include the `role="alert"` attribute.
 - An alert is a special kind of assertive ARIA live region, so screen readers should immediately interrupt anything they were previously saying and instead read the announcement. Most screen readers say "Alert," before reading the text inside the alert.

content/components/web/accordions/accessibility.md

@@ -12,7 +12,7 @@ webComponentsURL: "https://modus-web-components.trimble.com/?path=/story/compone
 tags: [accessibility]
 ---
 
-### Accessibility
+## Accessibility
 
 - Availability of accordion content to assistive technology requires the use of `aria-controls` and toggling `aria-expanded` as regions are expanded and collapsed.
 - Each accordion header must have a unique title that clearly describes the accordion panel content so that assistive technology users have the necessary information to efficiently navigate the content without having to expand every section. The title of each accordion header should include the attribute `role="button"`.

content/components/web/alerts/accessibility.md

@@ -13,7 +13,7 @@ webComponentsURL: "https://modus-web-components.trimble.com/?path=/story/compone
 tags: [accessibility]
 ---
 
-### Accessibility
+## Accessibility
 
 - Include the `role="alert"` attribute.
 - An alert is a special kind of assertive ARIA live region, so screen readers should immediately interrupt anything they were previously saying and instead read the announcement. Most screen readers say "Alert," before reading the text inside the alert.

content/components/web/autocomplete/accessibility.md

@@ -11,7 +11,7 @@ webComponentsURL: https://modus-web-components.trimble.com/?path=/docs/user-inpu
 tags: [accessibility]
 ---
 
-### Accessibility
+## Accessibility
 
 - Always use a `label`. Use a hidden `label`, or a `title` or `aria-label` attribute when a visible text label is not needed.
 - Associate form labels with controls.

content/components/web/badges/accessibility.md

@@ -12,7 +12,7 @@ webComponentsURL: "https://modus-web-components.trimble.com/?path=/story/compone
 tags: [accessibility]
 ---
 
-### Accessibility
+## Accessibility
 
 - Badges may be confusing for users of screen readers and similar assistive technologies. While the styling of badges provides a visual cue as to their purpose, these users will simply be presented with the content of the badge. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional hidden text.
 - When displaying a badge on any color other than white, make sure it meets [required contrast ratios](/foundations/accessibility/).

content/components/web/rich-text-format-editor/accessibility.md

@@ -7,8 +7,6 @@ componentsWeb: true
 component: rich-text-format-editor
 tags: [accessibility]
 hideToc: true
-private: true
-hidden: true
 ---
 
 ## Accessibility

content/components/web/sliders/accessibility.md

@@ -1,7 +1,7 @@
 ---
 title: "Sliders"
 layout: "single"
-description: ""
+description: "Sliders allow users to make selections from a range of values."
 components: true
 componentsWeb: true
 component: sliders

layouts/_default/_markup/render-heading.html

@@ -3,21 +3,21 @@
   h1 mt-5 {{- end -}}
  {{- if (eq .Level 3 ) }}
   h2 mt-5 {{- end -}}
-  {{- if (eq .Level 4 ) }}h4 fw-bold mt-3{{- end -}}{{ if eq .Anchor "use-when" }} text--success{{- end -}}{{ if eq .Anchor "dont-use-when" }} text--danger{{- end -}}">
-  {{- .Text | safeHTML -}}
-  {{ if and (ne .Anchor "use-when") (ne .Anchor "dont-use-when") }}
-  <a class="header-link text-light text-decoration-none fw-normal" href="#{{- .Anchor | safeURL -}}"
-    aria-label="anchor"></a>{{ end }}
+  {{- if (eq .Level 4 ) }}h4 fw-bold mt-3{{- end -}}{{ if eq .Anchor "use-when" }} text-success{{- end -}}{{ if eq .Anchor "dont-use-when" }} text-danger{{- end -}}">
   {{ if eq .Anchor "use-when" }}
-  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="mx-1 mb-1 d-none"
+  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="mx-1 mb-1"
     viewBox="0 0 24 24">
     <path
-      d="M9 18c-.26 0-.51-.1-.71-.29l-4-4A.996.996 0 1 1 5.7 12.3l3.29 3.29 9.29-9.29a.996.996 0 1 1 1.41 1.41l-10 10c-.2.2-.45.29-.71.29Z" />
-  </svg>{{ end }}
-  {{ if eq .Anchor "dont-use-when" }}
-  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="mx-1 mb-1 d-none"
+      d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2Zm5.56 7.74-6.39 6.4a1 1 0 0 1-1.42-.01l-3.3-3.34-.01-.01a.993.993 0 0 1 .01-1.4.996.996 0 0 1 1.41 0l2.6 2.62 5.68-5.69a.996.996 0 0 1 1.41 0v.02h.01c.39.39.39 1.02 0 1.41Z" />
+  </svg>{{- end -}}
+  {{- if eq .Anchor "dont-use-when" -}}
+  <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="mx-1 mb-1"
     viewBox="0 0 24 24">
     <path
       d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm4.3 14.3a.996.996 0 0 1-1.41 0L12 13.41 9.11 16.3a.996.996 0 1 1-1.41-1.41L10.59 12 7.7 9.11A.996.996 0 1 1 9.11 7.7L12 10.59l2.89-2.89a.996.996 0 1 1 1.41 1.41L13.41 12l2.89 2.89c.38.38.38 1.02 0 1.41Z" />
-  </svg>{{ end }}
-</h{{ .Level }}>
+  </svg>{{- end -}}
+  {{- .Text | safeHTML -}}
+  {{ if and (ne .Anchor "use-when") (ne .Anchor "dont-use-when") }}
+  <a class="header-link text-light text-decoration-none font-weight-normal" href="#{{- .Anchor | safeURL -}}"
+    aria-label="anchor"></a>{{ end }}
+</h{{ .Level }}>

package.json

@@ -46,7 +46,7 @@
     "hugo-bin": "0.111.1",
     "list.js": "2.3.1",
     "npm-run-all": "4.1.5",
-    "postcss": "8.4.24",
+    "postcss": "8.4.25",
     "postcss-cli": "10.1.0",
     "prettier": "3.0.0",
     "s3-deploy": "1.4.0",