Over in #2739079: Reduce visual clutter of Place Block module, the patch that went in changed the hover functionality to the following:

On hover, the plus sign gets a touch darker (compare top/bottom):
Slight highlighting

If you hover long enough for the title attribute to show up, it tells you the region name:
Region name in title attribute

We need to ensure the hover functionality that's there is sufficient to pass accessibility guidelines, or whether we additionally need something like #2793197: Explore UI pattern: not just colour-changing on hover, but "embiggening" as well.

Comments

webchick created an issue. See original summary.

webchick’s picture

tkoleary’s picture

@webchick

Since the hover state for this has the exact color change as the one for contextual links shouldn't this be moot since contextual links had to pass the a11y gate to get in to core?

webchick’s picture

That does seem sane at a glance, but would be good to get confirmation on that.

mgifford’s picture

We've certainly missed stuff in the past, so just knowing it's there doesn't mean it's good.

#FFF on #CFE1EB meets WCAG 2.0AA, but having trouble grepping through to find where the title element is defined.

It would be good to make this stand out more, such as in some of the examples here:

http://www.lets-develop.com/html5-html-css-css3-php-wordpress-jquery-jav...

This is one of the few places where the title is providing critical information for the user to be able to use it.

In general title tags aren't particularly good. There is a span providing good accessibility for screen reader users, but I have yet to find a way for a keyboard only user to know what those different buttons do. They can't hover over the plus sign.

SKAUGHT’s picture

title tag text isn't natively stylilbe at all.. would have to use a JS replacement. then perhaps a color palette to compliment outside_in 'dark theme'

this browser stylizing (as shown in summary image) varies in all browsers (blame browser makers. haha). As well, is desktop only as is a mouse hover event --if someone is site building on a mobile device the name of the region is superfluous.

user thinks: "i want a block added in here".
_VISUAL_ building. it is the strength and weakness of this specific tool.

tkoleary’s picture

this browser stylizing (as shown in summary image) varies in all browsers (blame browser makers. haha).

We can and should fix that with some aggressive resets as has been done in quickedit and toolbar.

webchick’s picture

Status: Active » Closed (works as designed)

Since this literally just copy/pastes the styling from the existing Contextual Links module, any improvements to accessibility would need to happen in both places, and would not be specific to Place Block module.