Bug 188200

Summary: Feature Request: Allow adding icons/images to <select> and <datalist> <option>s
Product: WebKit Reporter: Aleksey <aleksey.gladysh>
Component: FormsAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Enhancement CC: cdumez, chi187, pxlcoder, wenson_hsieh
Priority: P2    
Version: Safari 11   
Hardware: All   
OS: All   

Description Aleksey 2018-07-31 11:11:16 PDT 
Images and icons don’t work in <option> elements. In the best case scenario, developers will replace it with a list of <input type="radio"> elements, but even though with a fair bit of work, such a custom control may be made somewhat accessible on desktop, it still creates an inferior form flow experience on mobile in most cases.

There should be a way to render icons/images in the options so that developers wouldn’t have to resort to JavaScript based controls which tend to be bad for accessibility on mobile and desktop. No browser supports this yet. This is a feature proposal that I’m going to do for all browsers. Here’s a discussion on WHATWG’s GitHub about it.

https://github.com/whatwg/html/issues/3596