u/braverytonicsc

Accessibility Guidance for Tile Actions
▲ 3 r/webdesign+1 crossposts

Accessibility Guidance for Tile Actions

TLDR;

Is A accessible to AA WCAG standards if there is an action in the overflow menu for "View Trip"? Or do we need to use B to be considered accessible?

A: The \"View Trip\" action is in the overflow menu / B: The \"View Trip\" action is on the tile.

------

We're designing tiles for a client to be used on both a chat canvas and a traditional page. Tiles all have an image, some sort of text content, and some set of actions. 

These actions usually present as either save, add to trip, or an overflow menu with a short set of secondary actions.

Tapping on these cards will always take you to a detail page for the content on the card.

If our goal is to be AA WCAG compliant...

  • Is it recommended (or required) for a tile like these to have a button on the tile itself for viewing the detail page, like a "View details"?
  • Or can the card itself solely act as the action to do that

If we need a clearly stated action to do that, could that be in the overflow menu (for the clearly stated version) AND have the card itself be tappable and do the same thing?

reddit.com
u/braverytonicsc — 3 days ago

I was inspired by my G-shock's tide clock view and decided to make one to put on our wall.

I originally designed it in dark mode (before I decided to go with an e-paper display) with some semi-transparent details and color pop.

I've since updated it to be black and white to get the best output from the e-paper display. However I'm still having issues getting the text (well really everything) to render crisply.

I'm on a raspberry pi 4b and using the waveshare 7.3in e6 e-paper display.

Any ideas as to why this is happening? Any recommendations for how to get text nice and crisp on the waveshare display?

u/braverytonicsc — 15 days ago