diff --git a/packages/autocomplete-js/src/__tests__/autocomplete.test.ts b/packages/autocomplete-js/src/__tests__/autocomplete.test.ts
index 2636a01a7..ebb66b8c8 100644
--- a/packages/autocomplete-js/src/__tests__/autocomplete.test.ts
+++ b/packages/autocomplete-js/src/__tests__/autocomplete.test.ts
@@ -54,6 +54,7 @@ describe('autocomplete-js', () => {
               >
                 <button
                   class="aa-SubmitButton"
+                  title="Submit"
                   type="submit"
                 >
                   <svg
@@ -128,6 +129,7 @@ describe('autocomplete-js', () => {
               <button
                 class="aa-ClearButton"
                 hidden=""
+                title="Clear"
                 type="reset"
               >
                 <svg
diff --git a/packages/autocomplete-js/src/createAutocompleteDom.ts b/packages/autocomplete-js/src/createAutocompleteDom.ts
index fc027fd1b..3ab35f8e8 100644
--- a/packages/autocomplete-js/src/createAutocompleteDom.ts
+++ b/packages/autocomplete-js/src/createAutocompleteDom.ts
@@ -76,6 +76,7 @@ export function createAutocompleteDom<TItem extends BaseItem>({
   const submitButton = createDomElement('button', {
     class: classNames.submitButton,
     type: 'submit',
+    title: 'Submit',
     children: [SearchIcon({})],
   });
   const label = createDomElement('label', {
@@ -86,6 +87,7 @@ export function createAutocompleteDom<TItem extends BaseItem>({
   const clearButton = createDomElement('button', {
     class: classNames.clearButton,
     type: 'reset',
+    title: 'Clear',
     children: [ClearIcon({})],
   });
   const loadingIndicator = createDomElement('div', {