diff --git a/packages/web-components/fast-element/docs/guide/using-directives.md b/packages/web-components/fast-element/docs/guide/using-directives.md
index 72487398258..4688ae65b17 100644
--- a/packages/web-components/fast-element/docs/guide/using-directives.md
+++ b/packages/web-components/fast-element/docs/guide/using-directives.md
@@ -549,9 +549,9 @@ So far, our bindings and directives have only affected elements within the Shado
 const template = html<MyProgress>`
   <template (Represents my-progress element)
       role="progressbar"
-      $aria-valuenow={x => x.value}
-      $aria-valuemin={x => x.min}
-      $aria-valuemax={x => x.max}>
+      aria-valuenow=${x => x.value}
+      aria-valuemin=${x => x.min}
+      aria-valuemax=${x => x.max}>
     (template targeted at Shadow DOM here)
   </template>
 `;
diff --git a/sites/website/versioned_docs/version-legacy/fast-element/using-directives.md b/sites/website/versioned_docs/version-legacy/fast-element/using-directives.md
index 561e8be0db6..cb856621043 100644
--- a/sites/website/versioned_docs/version-legacy/fast-element/using-directives.md
+++ b/sites/website/versioned_docs/version-legacy/fast-element/using-directives.md
@@ -551,9 +551,9 @@ So far, our bindings and directives have only affected elements within the Shado
 const template = html<MyProgress>`
   <template (Represents my-progress element)
       role="progressbar"
-      $aria-valuenow={x => x.value}
-      $aria-valuemin={x => x.min}
-      $aria-valuemax={x => x.max}>
+      aria-valuenow=${x => x.value}
+      aria-valuemin=${x => x.min}
+      aria-valuemax=${x => x.max}>
     (template targeted at Shadow DOM here)
   </template>
 `;