Accessibility: Plugin single links and buttons missing hover states

[amberhinds]

On the plugin single page (Gutenberg plugin test page), the buttons and links are all missing hover states.

On hover, text links should have the underline removed.

On hover, buttons need a design change that either contrasts with the default state or is other wise visually distinct (switching from solid to underline or adding an icon, for example).

[ryelle]

the buttons and links are all missing hover states.

It looks like these are not using the correct button styles — but if the old button classes are replaced with the block classes wp-block-button__link in the markup, that should help.

On hover, text links should have the underline removed.

Yeah, this is a bug.

On hover, buttons need a design change that either contrasts with the default state or is other wise visually distinct (switching from solid to underline or adding an icon, for example).

We recently had a discussion about button styles, and from my research and understanding of the guidelines, the fact that the mouse cursor changes from default to pointer is enough of a change — although by default, the blue buttons should get slightly darker on hover. https://wordpress.org/download/ shows these buttons the way they're supposed to work.

[StevenDufresne]

@WordPress/meta-design Do these need to be buttons? Can they not just be links? I don't know if we have an agreed-upon scenario where a button is preferred.

Before	After

Edit

The ratings section above doesn't include a button.

[jasmussen]

Links look good 👍 👍

[ndiego]

Links look good 👍 👍

Agreed, links look good and removing the buttons also increases the prominence of the Download and Live Preview (for those plugins that have it) buttons.

[StevenDufresne]

I made underlined as the default for the theme and updated button states. If any components are missing links or inconsistent, let's open up new tickets for those specific changes.

Thanks!