I noticed that the post Why Perl is still relevant in 2022 contains an SVG that is inaccessible to a number of users:
- When using a screenreader (VoiceOver), I hear "2009 image 2010 image 2011 image 2012 image 2013 image 2014 image 2015 image 2016 image 2017 image 2018 image 2019 image 2020 image 2021 image 2022 image image image image image image image image image image" and so on. However, this is clearly not what the image is of. The SVG should be aria-hidden and instead it should be labeled with screenreader-only text. I would describe it as a "graph showing the percent of questions in certain tags from 2009 to 2022. Perl decreased from 1% to nearly 0%, Bash stayed at around .5%, and Node.js increased from 0% to 3.25%" (maybe with more exact numbers).
- When using dark mode, the colors are not changed except for the background so the contrast is too low.
- When using a narrow screen (e.g. a phone), the right side of the graph is cut off, so you don't know what the lines mean.
I didn't look through any of the other blog posts, but if SVGs are handled the same anywhere else, they need to be changed. A quick fix (albeit sacrificing a little image quality) is to use a screenshot of the image from light mode with appropriate alt text.
Additionally, the link underneath the graph should be formatted instead of a bare URL.
xxx
, ah-ah...! I thought indeed it would be the same SVG. Nice to provide an "easy" Download Button, but the Tool/Sub-Site being from 'SO', it/they could also maybe generate/provide all the "necessary" HTML Metatags (ALT
etc..., for Accessibility etc) (in a 'Code Block' for example) for "easy" re-posting/sharing in a Blog or any Site, I thought...