Add "customize feed" button to home page

[cherylhjli]

Is your feature request related to a problem? Please describe.

Adding the CTA to access the customize feed page.

Describe the solution you'd like

A borderless button with a "customize" icon, found in the icon_v02 folder.

Additional context

See Core screens v02 CL on the cloud for precise specs.

[greatislander]

@cherylhjli Two comments on this:

1. The order of the elements on this design is not intuitive; a screen reader user would encounter the "Customize" control before the "My Feed". I'd argue that "Customize" should be after "My Feed" to make sure that the context is clear.

2. A button is not appropriate for this; it's a link to another page, not a button that invokes an action on the current page. I'd suggest a straightforward link instead.

Thoughts?

CC: @dayotte @jhung

[dayotte]

@greatislander the Customize My Feed page has the following description: "Change what kinds of resources you see on your home page" - I think this together with any default selections (i.e. if the My Feed defaults of Most Viewed and Recently Published are selected/checked), I think it would be clear to a screenreader user what is happening. I hope I'm understanding your point correctly. I think having the persistent Customize icon in the main nav is a useful feature.

[greatislander]

I think we are talking about slightly different things, @dayotte.

Design is like this:

What I'm suggesting is that the order should change. A screen reader user who encounters the "Customize" control before "My feed" might be missing context about what it is that they are customizing.

The change I would suggest is moving them inline so that the "Customize" control immediately follows "My feed":

The idea is that the title of the section should precede a control within the section.

[cherylhjli]

I tried that @greatislander, unfortunately on mobile they might very quickly run into each other, especially if it's in a language that tends towards longer words like German.
This is not running into each other, but you can imagine there are many languages we can't predict:

Unless there's a way to make it bump down to the next line if the title is too long?

here are some other explorations:

[cherylhjli]

In terms of the improper use of a button, we can turn it into a link.

[greatislander]

Definitely can wrap to the next line if needed.

[cherylhjli]

Great, let's just put it next to each other per your suggestion and wrap to the next line if needed :)

[greatislander]

@cherylhjli There's one other thing we'll need to figure out, which is that our link styles have icons associated with them already, e.g.: https://pinecone.platform.coop/components/detail/link--default.html

So I'm concerned this might look a bit off. Thoughts?

[cherylhjli]

I'm thinking that if we use a link instead of a button for "customize", that we may not need to use the customize icon. What do you think?

[greatislander]

Works for me!