Social media standard image accessibility tag with Alt instead of aria labels

swiss / styleguide

admin.ch styleguide

https://swiss.github.io/styleguide

MIT License

123 stars 37 forks source link

Social media standard image accessibility tag with Alt instead of aria labels #603

Closed bit-pro-iew-eui closed 6 years ago

bit-pro-iew-eui commented 6 years ago

Please use alt-attribute instead of aria-label to describe the social icon-image.

Label: Share to [social media name here]

gillerr commented 6 years ago

Social sharing icons are applied as a CSS background of an a tag and not as an img tag. alt attribute can only be applied to img tag and will be ignored on other tags. The aria-label is thus a correct solution. title attribute could also be used, but no all screen readers will read it.

bit-pro-iew-eui commented 6 years ago

Guideline ok. Implementation in www.eak.admin.ch was done with img, the alt-tag is empty there. See https://www.eak.admin.ch/eak/de/home/Firmen/Anschluss.html

Closing issue