Add label to Promo
Closed this issue · 5 comments
Where the "label" is what GEL calls the little text overlay on the corner of the Promo image.
I am happy to be assigned to this. For reference, are we talking about NEW in the upper-left hand corner of this Promo?
From GEL
A label is a temporary indicator used to attract attention to a piece of content. It’s letting you know why you are seeing this. Typical uses are:
State: To show where a piece of content is within the contents lifecycle, e.g. if a piece of content is currently in progress or due to expire. This is in place of or with a progress bar.
Editorial: To show that there’s something special about that content i.e. ‘new’ or ‘exclusive’.
@simonsinclair you may want to ask @Heydon about any advice for the screen reader experience of a promo label. I can't guess what they should "sound" like.
@simonsinclair @micmath I anticipate the solution (for the purposes of structure/reading order) will be along the lines of
- Hiding the visible label with
aria-hidden="true" - Prepending "New:" to the main title/heading/link text for the link, in a visually hidden span (`New:)
Thanks, @Heydon!
See pull request #118.