Adjust presentation of testimonials

[peterfremlin]

Currently:

• [x] too much whitespace above and below the testimonial
• [x] both quotation and person needs to be centered
• [x] if you have a way to avoid quotation hanging over by one line (or whether I should choose text accordingly) - in this case would look better if text wrapped earlier
• [x] the idea with testimonials was that they would disappear and a new one show in its place

That said, I am feeling that the site needs a redesign and I wonder when to do that rather than just tweaking

[cathysarisky]

[peterfremlin]

Enjoying this a lot - nice transition. Some adjustments:

• slightly reduce whitespace above and below. (e..g to be the same as the whitespace between "sign-up" and the signup box)
• while the quotation in the testimonial is wrapping well, the attribution doesn't wrap. In longer attributions (name + organization) it goes beyond the width of screen
• the text of the attribution looks a slightly different font from others on page. Would make sense to match the text used in the articles pagination for the excerpt?
• the page initially loads without the testimonials, and then they pop up. this is a bit distracting.
• the random order can get repetitious by chance - better to cycle through all of the list, without repeats, in a random order, then start a new random cycle

In terms of access:

• it's not a good experience for a screen reader user as the text will be read to them and then the new transition interrupts it. Is it possible to turn off auto-scroll for a screenreader?

[cathysarisky]

Yes, we need to do better on accessibility. Here are two sets of examples and guidelines: https://www.w3.org/WAI/ARIA/apg/patterns/carousel/examples/carousel-2-tablist/ https://www.w3.org/WAI/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/

Obviously, in your case it's just text, not an image, but the implementation needs to be similar. So we need the ability to advance between slides with keyboard or mouse. And if there's autoplay, there needs to be a play/stop button. That's going to clutter up the minimalist layout a bit. Perhaps we want /only/ the prev/next buttons, no autoplay?

[peterfremlin]

Thanks Cathy.

I would like to keep the autoplay I think an using aria-live="off" or aria-hidden="true" to just make the changes unobtrusive to a screen-reader user? (Setting those stops announcing the changes?)

Perhaps this could be combined with unobtrusive previous/next buttons - clicking those would stop autoplay and let someone navigate them on their own time. That's also useful for anyone who needs it at a different speed.

[peterfremlin]

And to be honest I would be happy to take it live on the site if we just address the first point of it not announcing.

The second point about the buttons we can save for mid-term revisions?