ChartSS.css - สร้างกราฟบนพื้นฐาน HTML/CSS ด้วย Markdown

• ไลบรารีกราฟ Semantic HTML + CSS ที่รองรับการเข้าถึง

• สามารถเขียนเทมเพลต HTML ได้โดยตรง หรือแปลง Markdown เป็น HTML ด้วย Pandoc

• ไม่ใช้ JS และไม่มี dependency อื่น

• รองรับ Bar, Scatter Plot, Line, Stacked Bar, Waterfall เป็นต้น

[xguru]

พอเปลี่ยนชื่อจาก C💚SS.css hart เป็น heart ก็เข้าใจชื่อเรื่องเลยครับ

แม้จะเป็นกราฟที่รองรับการเข้าถึงได้เพราะไม่มี JS แต่ก็ยังไม่แน่ใจเหมือนกันว่า screen reader จะอ่านออกมาอย่างไร

ช่วงนี้ใน SVG2 ก็มีการพิจารณาเรื่องการรองรับ ARIA แยกต่างหากอยู่ เลยคิดว่าในที่สุดแล้วการใช้ SVG น่าจะเป็นวิธีที่เป็นมาตรฐานมากกว่าหรือเปล่าครับ

https://svgwg.org/svg2-draft/struct.html#WAIARIAAttributes