Add a link icon to FAQ questions for plugins

[helgatheviking]

The current FAQ has no way to retrieve the link to a particular question. Per #4519 it needs to be a button for accessibility reasons, but that means you can't right-click to copy the link. So instead you have to go into your browsers dev tools, copy the anchor link and combine that with the current URL.

​https://cl.ly/651906af9a71

It could be helpful to add a link icon next to the question title that holds the full anchor link.

[helgatheviking]

Just noticed the # signs being used in some documentation that do exactly what I'm trying to describe. Example: ​https://wordpress.org/support/article/debugging-in-wordpress/#wp_debug

[dufresnesteven]

@helgatheviking Hi there!

What would be the use case for copying the anchor tag? Is it to share it externally?

As a note, when you click on the anchor link, it will update your browser's url (Tested in Chrome). You could also copy it from there.

[helgatheviking]

@dufresnesteven Hi! The use case is that I find myself linking people from support to the FAQ. Read the manual and all that! :)

I hadn't noticed the browser url updating, so thanks for the tip! Still I think what is happening in the support articles (with the linked #) is great and would be useful in plugin pages too.

[dufresnesteven]

@helgatheviking Got It.

I am by no means an Accessibility expert, but I think we could change that button to a div and add role="button" to achieve the same affect.

I'll do some research and circle back.

Although the anchor tag (#) does exist, it think it would be bizarre to have it in the toggle for a collapsible section.

[joedolson]

I believe this was closed in https://meta.trac.wordpress.org/ticket/6171

[helgatheviking]

While there's no icon, it does look like clicking on the FAQ link, auto-populates the link in the address bar. Ex: ​https://wordpress.org/plugins/nav-menu-roles/#workaround%20%233

[joedolson]

Ah - this is a different issue. I didn't follow what the original request was referencing.

Unless you'd consider that an adequate resolution, since the accordion now updates the URL so that you can easily link directly to a target FAQ answer.

[helgatheviking]

Wouldn't hurt to have icons, but I no longer have to go to the HTML source to generate a direct URL with hashtag... so my core problem is resolved as I can directly link users to the relevant section of the FAQ.

[dd32]

Given #4519 changed this from a more useful <a href> to a <button>, the URL updates, and adding extra UI elements to the page feels like it'll just result in a more cluttered appearance.. I'm tempted to close this as worksforme.

Ideally, I think we'd revert the #4519 changes and go back to a link, potentially with a button or other action specifically targetting accessibility purposes. (Ie. Have the <a> as the visible link, but a <button> available to keyboard/screen-readers.