Closed aaaaargZombies closed 1 year ago
Latest commit: |
872ccf5
|
Status: | ✅ Deploy successful! |
Preview URL: | https://0c46a8d2.transdimension.pages.dev |
Branch Preview URL: | https://340-gi-logo-link-text.transdimension.pages.dev |
Hmm could this be done by putting the text into a span
tag and setting display: none
? i think that is the done thing in these situations. According to this random blog i found we should be using aria labels, so that may be worth trying out. (i think we use aria stuff elsewhere in the code that may provide a template solution)
playing around with the accessibility dev tools and reading that article it seems that for links at least aria-label is the way to go
I also found this which is a good example of it in action https://daverupert.com/2021/01/art-direction-for-static-sites/
Absolute position off-screen https://webaim.org/techniques/css/invisiblecontent/#techniques
or
aria-label https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label
depending on your use case.
Fixes #340
Description
a
tag as it only has a background image set.for the confusing diffs I'm exporting
transparent
onGlobal.elm:1
andrgba
onGlobal.elm:4