Thursday, November 12, 2015

Known Issue: Predictive Search- Accessibility

UX and technical design specifications, framework and guideline must be lay out for predictive search.

The best example is google predictive search.

Now remember one thing we sometime create custom predictive search with UL/LI with div tag and predictive search text box.

Important to note here:-

Dropdownlist aka combo box default behaviour does have up and down arrow keys to navigate through list items but this behaviour needs to be constructed when we use div-UL-LI options.

So remember next time when you working on something like this do take care of input field with predictive search.

I've seen developer using ARIA
Role=Status
Role=ALert
Aria-live=assertive
Autocomplete="off"
aria-labelledby="typeahead"

The only problem with this tags are they do not have universal acceptance. They works in some device, OS , browsers etc. 

No comments :