[Bug] Links are actually buttons

[Serpentarius13]

Description

In Choose A License page, there's a section called Confused? Need help? and links there are actually buttons which is a terrible UX. Swap them for actual <a>'s !

Reproduction

Open https://chooser-beta.creativecommons.org/ and scroll to bottom

Expectation

Links should be <a> hyperlinks

Screenshots

Resolution

• I would be interested in resolving this bug.

[sid0000007]

@Serpentarius13 @cc-creativecommons-github-io-bot Can you Please assign it to me.I will make sure to complete this

[possumbilities]

After looking through this further, there is a deeper Issue at play here that's difficult to resolve.

These items each looks like a hyperlink in their visual representation. However, under the hood functionally they are in fact buttons. They don't actually navigate anywhere, but instead open popups with further information.

Since this adds complexity to the problem I'm unsure what an adequate route of solution would be. Merely swapping the items from buttons to a would in fact make them more semantically accurate to what they look like, but it would in fact make them less semantically accurate to what they actually behaviorally are, which is buttons.

The underlying issue is that the UX here is at a conflict.

Moving this to 🧹 status: ticket work required Needs more details before it can be worked on until someone comes up with a better route of solution here.

[Serpentarius13]

After looking through this further, there is a deeper Issue at play here that's difficult to resolve.

These items each looks like a hyperlink in their visual representation. However, under the hood functionally they are in fact buttons. They don't actually navigate anywhere, but instead open popups with further information.

Since this adds complexity to the problem I'm unsure what an adequate route of solution would be. Merely swapping the items from buttons to a would in fact make them more semantically accurate to what they look like, but it would in fact make them less semantically accurate to what they actually behaviorally are, which is buttons.

The underlying issue is that the UX here is at a conflict.

Moving this to 🧹 status: ticket work required Needs more details before it can be worked on until someone comes up with a better route of solution here.

Yea, I'm sorry for misunderstanding. I propose to make them Accordion's, that's how faqs are usually done

[bhat-shubham]

Hey @possumbilities if this isn't fixed yet(which i believe it isn't as it is the same as it as described in the issue on the site)
i can work on this issue and make it something like-

would you be okay with this type of accordion?

[ShreyPurohit]

Proposal for Improving UX in the "Choose A License" Page

Description of the Issue

In the "Choose A License" page, under the section titled "Confused? Need Help?", the listed links are implemented as buttons instead of proper <a> tags. This implementation creates a poor user experience (UX) because:

• Buttons are generally expected to perform actions (e.g., submitting a form) rather than navigating users to different pages.
• Links or interactive components are better suited for navigation or displaying additional information.

Proposed Solution

Instead of simple links or buttons, I propose replacing this section with an accordion component. This approach would:

1. Enhance the UX by allowing users to expand and read more details directly within the page without navigating away.
2. Maintain a clean and interactive design.
3. Be accessible and keyboard-friendly to support all users.

Accordion Implementation

Each question in the "Confused? Need Help?" section can be converted into an accordion item. When a user clicks on a question, the corresponding answer or additional details will expand below with smooth animation implemented.

Benefits of This Fix

• Improved UX: Users can expand and read more information directly without navigating away, reducing context switching.
• Enhanced Accessibility: Accordions are compatible with screen readers and keyboard navigation, ensuring inclusivity.
• Modern and Interactive Design: The accordion design keeps the page clean while maintaining interactive functionality.
• Scalability: New questions can easily be added as additional accordion items.

Request

I’d like to work on replacing the current implementation with the proposed accordion design. Please assign this issue to me, and I’ll ensure the solution adheres to the repository's code and accessibility standards.

Thank you for considering my contribution!
@possumbilities @Serpentarius13