Improve UI for broken images in Design Management
Problem to solve
If an image URL cannot resolve (404, 500, etc.), we fallback to the alt
tag which is set to the filename. See screenshot below. I'd like to open a discussion for whether we could handle this case explicitly.
Designs tab | Design view |
---|---|
Why
I think there exists an opportunity to slightly improve the UI here. In the screenshot above, we see the name of the file twice which feels unnecessary.
Proposal
Handle the broken image case explicitly. Something like a broken link icon, or some kind of standard broken image icon, centered on a card may suffice. Something like this would improve the consistency of how we present broken images.
Design spec
cc/ @jareko
Edited by Tom Quirk