Show tooltips for Idea Hub icon buttons

The icon buttons in the Idea Hub widget should have tooltips, per the Figma file.

See https://app.asana.com/0/1200491083500938/1200625443460145/f

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

• The icon buttons in the Idea Hub widgets should have tooltips using the same approach and style that is already present for e.g. the global help menu. Here are the labels to use:
  • “Save for later” (for the pin icon in the “New” tab)
  • “Dismiss” (for the x icon in the “New” tab)
  • “Remove from saved” (for the “unpin” icon in the “Saved” tab)
  • “Start a draft post” (for the create draft icon in both “New” and “Saved”)

Implementation Brief

• Inside assets/js/modules/idea-hub/components/dashboard/DashboardIdeasWidget/Idea.js:
  • Add a title prop with value “Start a draft post” to the IDEA_HUB_BUTTON_CREATE button
  • Make sure you use appropriate i18n, i.e. __( 'Start a draft post', 'google-site-kit' )
• Repeat for the other buttons, adding the labels in the AC as title attributes.
• This should force the Button component to render with a tooltip.

Test Coverage

• No new tests required.

Visual Regression Changes

• It’s possible that VRT images relating to the DashboardIdeasWidget component might need updating.

QA Brief

• Idea Hub Icon Buttons will have tooltip with the texts from AC.

Changelog entry

• Add tooltips for action buttons in the Idea Hub dashboard widget.

[eugene-manuilov]

@wpdarren I think that X there is a well-known pattern to close something and people won’t need a tooltip for it. But we need to make sure that it has the appropriate ARIA label to let screen readers read it correctly.

[aaemnnosttv]

when I read “create”, I read it as WordPress will create it for me - which is also technically accurate, but it makes me wonder whether people think it’ll actually populate it with content or something.

@felixarntz that’s a good point, I didn’t make that association. In that case, “start” is probably the simplest “safe” word to use here 👍