Opened 11 years ago

Closed 11 years ago

Last modified 11 years ago

#1680 closed enhancement (invalid)

Layer Picker HTML Improvement

Reported by: pinkduck@… Owned by: Tom Hughes
Priority: minor Milestone:
Component: website Version:
Keywords: layer, overlay, selection, label, tag Cc:


When clicking the + symbol on the OSM slippy map to show the pop-out layer picker the text describing the available options changes the cursor to an I-bar type when hovering the mouse over them. Clicking the text does select the option, but this could be done better.

The thing to do is to assign the text labels to the input controls using the HTML <label for="id"></label> wrapper tag. This has the combined benefit of keeping the cursor default to show that the text can be clicked on. Clicking the text will also natively raise the onclick event of the input control.

Using the <label> tag like this benefits normal users by providing a larger hit area to click and allows screen-readers for the visually impaired to work with explicit information.

Change History (2)

comment:1 Changed 11 years ago by Tom Hughes

Resolution: invalid
Status: newclosed

You would need to take this up with the OpenLayers? developers as that widget is a standard part of the OpenLayers? library and not something we have created or have any control over.

comment:2 Changed 11 years ago by pinkduck@…

Note: See TracTickets for help on using tickets.