Visibility of 'Read' vs 'Unread' posts

Mez_BCNA · 2022-12-23T04:58:37+00:00

There was an error rendering this rich post.

Hi Team,

Since going live with the Foundation theme, we have had some feedback (particularly those with vision challenges) as to the lack of differentiation between unread and read posts, as the difference in bold and normal font type looks quite similar (As pictured below)

Suggestion to have clearer differentiation between read an unread posts.

Thanks,

Mez Kreutzer

Find more posts tagged with

Comments

Samuel_Spryker

Hi @Mez_BCNA I came across your post :) I'm having difficulty detecting where this setting is in vanilla. Is it something automatically activated? Can you share how to find that setting?

Yet, agreeing with you that for accessibility, some customization options would be appreciated :)

best

PiperWilson

@Rav Singh - I know you've done some work in this area. Can you help?

Rav Singh

I'd love to say we have @PiperWilson but unfortunately I don't think we've got any custom styling on this aspect on our Community before or after our rebrand ☹️

Below is what a read vs unread post looks like on our Community for a logged-in member.

fsmeierspryker

I see that this seems to be an out-of-the-box feature to use a bolder font-weight for unread discussion title (actual the other way around, a thinner one for the read ones 🙄 ).

Our users also complain about the bad differentiation between read and unread discussions :/ How can we improve this?

All the best,

Florian

Rav Singh

@fsmeierspryker

After Piper's tag in this post and the recent 0.12 release breaking our previous CSS, I spoke with our designer and we added a bit more styling to New label that appears on unread posts as shown below.

It doesn't impact the boldness of the titles as discussed above but it might be something you could look at for your community?

fsmeierspryker

Hmm.. I think making it red or any other explicit colour could at least improve it. Yet, the eyeline start to read the title so ideally such a badge should be on the left side of the title (for writing from left to right)

How did you adjust it? :)

All the best,

Florian

fsmeierspryker

I created an official ideation post - upvotes are very welcome :D

https://success.vanillaforums.com/discussion/2718/improve-ux-for-read-unread-discussions

Quick Links

Upcoming Events

Community by Design: The Essential Foundation Framework
Community planning doesn’t start at launch. It starts the moment you decide why you’re building one, and what you want it to do for your customers. In this webinar, we’ll walk through the full arc of community building, from early decisions about structure and investment to the day-to-day work of sustaining engagement.…
HLV Connect: Open Session
⭐️ Got something cool to share? Have a victory in your community and want to show off your accomplishments with fellow community builders? 🙋 Got questions? Bring your community, tactical and random questions and get answers from peers and Vanilla experts! 🗓 Join our very own @KevinM and @Erik Veenhuizen, and a group of…
HLV Connect: Security Settings & Managing Spam on your Community
Keeping your community secure and spam-free is essential for maintaining trust, engagement, and a great user experience. Join us for an interactive session where we'll dive into the tools and best practices you can use to safeguard your community. Whether you're just getting started or looking to fine-tune your setup, this…
HLV Connect: Open Session
⭐️ Got something cool to share? Have a victory in your community and want to show off your accomplishments with fellow community builders? 🙋 Got questions? Bring your community, tactical and random questions and get answers from peers and Vanilla experts! 🗓 Join our very own @AndrewD and @BradH, and a group of your peers…