Search results / Title design options

[marko-srb]

I have made a few iterations of the title options we could use for the specific category search.

1. Are all of these doable, if any?
2. Design review needed.

Design review by: @jasmussen and DC (message shared on Slack)

[ndiego]

From a dev perspective, there would require some custom block work. I am also a bit hesitant about the icon and image since we would need to assign an icon/image for every taxonomy (tag, category, flavor). Perhaps for the initial launch, we just stick to a simple title?

Also note that the "# sites" next to the search box will display the current number of sites in the query. So the number of sites in the parenthesis is a bit redundant.

[marko-srb]

Good catch.

About the icons thing. I don't think we need them for anything other than categories at the moment, but lets learn as we go. For tags, especially never. But let's chat about this more and see if this is left for later or a minor thing could be done now.

Here are next suggestions:

[ryelle]

Icons: These could be hard-coded in CSS, since there are few categories. We would just need all icon SVGs uploaded to this issue before dev work could start. Any icon changes would then require dev work. If you want an editor to be able to change them, there are more considerations around how that would work - we can add a field to each term, but can an editor upload any image? choose from a set? they can't upload SVGs to the site (a core security thing), so the icons would need to be raster images… and so on.

Text: Is the text here meant to be a heading? We already had some discussion in #180 for how to handle the main heading here (invisible currently), and landed on a format of "Filtered by: Sports" so that it could incorporate multiple filters, like "Filtered by: Sports, WordPress.org". See #193 where this was implemented. Also cc @eidolonnight @thetinyl who had comments on that issue. Ideally we would use the same heading for screen reader users and visible text.

How would this heading handle when multiple filters are applied?

[marko-srb]

Needs Design input. Will do some tests to see what can be done here... Thanks!

[marko-srb]

Once we have breadcrumbs it seems that having these is not needed, as the same info / links are then in 3 different places (see screenshot). Therefore, I'd leave this issue open, and up for rethinking after the launch.

[ryelle]

I've moved this out of the project and into the Future milestone, but really it seems like this would be better off closed unless the idea comes back up again. As you mention, the current page info is listed in the breadcrumbs, and also there is already a visually hidden main heading for a11y & SEO (see #193).