diff --git a/templates/matching.jsx b/templates/matching.jsx
index 4a756c2..158fcab 100644
--- a/templates/matching.jsx
+++ b/templates/matching.jsx
@@ -53,7 +53,7 @@ export default function Matching(props) {
 
               {text &&
               <div className="matching-item__title">
-                <div className="matching-item__title_inner" dangerouslySetInnerHTML={{ __html: compile(text) }}>
+                <div id={`${_id}-matching-item-${_index}__title`} className="matching-item__title_inner" dangerouslySetInnerHTML={{ __html: compile(text) }}>
                 </div>
               </div>
               }
diff --git a/templates/matchingDropDown.jsx b/templates/matchingDropDown.jsx
index aed55f5..6500af9 100644
--- a/templates/matchingDropDown.jsx
+++ b/templates/matchingDropDown.jsx
@@ -209,6 +209,7 @@ export default function MatchingDropDown(props) {
         ref={list}
         disabled={!_isEnabled}
         aria-activedescendant={highlightedOption && `dropdown__item__${_id}__${_itemIndex}__${highlightedOption._index}`}
+        aria-labelledby={`${_id}-matching-item-${_itemIndex}__title`}
       >
 
         {options.map(({