C💚SS.css hart -> heart 로 바꾼 제목이 이해가 가네요.
JS가 없어서 접근성에 대응하는 차트이긴 한데, 스크린리더가 어떻게 읽어줄지는 잘 모르겠네요.

요즘 SVG2는 ARIA 지원에 대해서 따로 고민되고 있어서, 궁극적으로는 SVG를 사용하는게 더 표준적인 방법 아닐까 싶습니다.
https://svgwg.org/svg2-draft/struct.html#WAIARIAAttributes