Instead of a link <a> element, use buttons <button> for things that are buttons.

Screenshot of a page in edit mode. The Save link is indicated as well as the DevTools where the link is highlighted in the DOM structure.

CommentFileSizeAuthor
edit-module-buttons-for-buttons.png72.74 KBjessebeach
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Wim Leers’s picture

Wim Leers
Location Ghent 🇧🇪🇪🇺
CreditAttribution: Wim Leers commented
Component: Code » Accessibility
Wim Leers’s picture

Wim Leers
Location Ghent 🇧🇪🇪🇺
CreditAttribution: Wim Leers commented
Assigned: Unassigned » Wim Leers
Wim Leers’s picture

Wim Leers
Location Ghent 🇧🇪🇪🇺
CreditAttribution: Wim Leers commented
Version: 8.x-1.x-dev » 7.x-1.x-dev
Status: Active » Patch (to be ported)

Done. Pixel-for-pixel identical styling is maintained, but required more than just CSS selector changes.

http://drupalcode.org/project/edit.git/commit/9e8ca2c

nod_’s picture

nod_
Primary language French
Location Lille
CreditAttribution: nod_ commented
Status: Patch (to be ported) » Closed (fixed)

#1879824: Backport D8 Edit module to D7

webchick’s picture

webchick
she/they
Primary language English
Location Vancouver 🇨🇦
CreditAttribution: webchick commented
Issue tags: +Edit D7 Backport
Liam Morland’s picture

Liam Morland
Primary language English
Location Ontario, CA 🇨🇦
CreditAttribution: Liam Morland commented
Issue tags: -a11y +Accessibility