The right way to make interactive SVG elements accessible?

[watershed]

Thank you so much for this course Sarah.

I’ve greatly appreciated the methodical way it builds up, including the focus on accessibility near the beginning. I’m currently about 2/3rds of the way through and just past the interactive demos bit, so forgive me if the following gets dealt with in the remaining hour and a half of videos.

I wondered about the keyboard accessibility of interactive elements within the svg demos, and noticed there was nothing in the 'panda factory' demo that looked like it had this covered.

A search led me to CSS Tricks’s 2016 Accessible SVGs which advocates use of an a element with appropriate xlink:href and tabindex attributes, but I’ve subsequently found Fizz Studio's 2020 Reliable and Valid SVG Accessibility which seems more thorough and up to date.

Do you have any thoughts or insights you would wish to add?