diff --git a/src/label-helpers.ts b/src/label-helpers.ts
index 4e1a3fed..462f53d1 100644
--- a/src/label-helpers.ts
+++ b/src/label-helpers.ts
@@ -64,7 +64,7 @@ function getLabels(
   return labelsId.length
     ? labelsId.map(labelId => {
         const labellingElement = container.querySelector<HTMLElement>(
-          `[id="${labelId}"]`,
+          `[id="${CSS.escape(labelId)}"]`,
         )
         return labellingElement
           ? {content: getLabelContent(labellingElement), formControl: null}
diff --git a/src/queries/label-text.ts b/src/queries/label-text.ts
index 33eaba6b..5a762237 100644
--- a/src/queries/label-text.ts
+++ b/src/queries/label-text.ts
@@ -173,7 +173,7 @@ function getTagNameOfElementAssociatedWithLabelViaFor(
     return null
   }
 
-  const element = container.querySelector(`[id="${htmlFor}"]`)
+  const element = container.querySelector(`[id="${CSS.escape(htmlFor)}"]`)
   return element ? element.tagName.toLowerCase() : null
 }