diff --git a/README.md b/README.md
index 9108c71..64324a2 100644
--- a/README.md
+++ b/README.md
@@ -69,6 +69,14 @@ item whose display text needs to be different:
BB-8 (astromech)
```
+Use `data-no-result-found="true"` to show a no results message inside the autocomplete popover. Be sure to add `role="presentation"`
+to this element so that screen readers do not mistake this as an auto-complete option. The auto-complete-element has built in functionality that
+handles aria-live announcing number of search results so this should be purely decorative.
+
+```html
+
No results found!
+```
+
### A Note on Clear button
While `input type="search"` comes with an `x` that clears the content of the field and refocuses it on many browsers, the implementation for this control is not keyboard accessible, and so we've opted to enable a customizable clear button so that your keyboard users will be able to interact with it.
@@ -83,7 +91,7 @@ As an example:
## Properties
-- `fetchResult` you can override the default method used to query for results by overriding this property: `document.querySelector('auto-complete').fetchResult = async (el, url) => (await fetch(url)).text()`
+- `fetchResult` you can override the default method used to query for results by overriding this property: `document.querySelector('auto-complete').fetchResult = async (url) => (await fetch(url)).text()`
## Events
@@ -109,7 +117,7 @@ completer.addEventListener('error', () => container.classList.add('is-error'))
### Auto-complete events
-**`auto-complete-change`** is dispatched after a value is selected. In `event.detail` you can find:
+**`auto-complete-change`** is dispatched after a value is selected. In `event` you can find:
- `relatedTarget`: The HTMLInputElement controlling the auto-complete result list.
diff --git a/examples/index.html b/examples/index.html
index 4702cf9..15a81a0 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -46,10 +46,10 @@
-