Accessibility: Add screenreader-only text to table cells for status indicators

[fscholdei]

First, thank you for this fantastic component library! It's easy to use and obviously well-maintained.

I've noticed that the "insert" and "delete" statuses are currently represented solely by color. While this is visually effective, it creates a significant accessibility barrier for users who are colorblind or rely on screen readers.

To improve accessibility, I'd like to suggest adding a element within the table cell that also indicates the row number, which would be visible only to screen readers and would add a text-based status. This would contain a text description, such as "added" or "deleted," that a screen reader could announce, providing an alternative to the color-based visual cue.

Thank you for your consideration and for all the hard work you put into this project!

[otakustay]

I'm aware of the importance of a11y, this component didn't include a line number element for performance reason, so I would rather to add these elements under a special prop (maybe accessibility="screen-reader")

To be detailed, I should do these:

• add a prop accessibility?: 'screen-reader', default to undefined
• in screen reader mode, add line number element before each change: <span aria-label="added line X">X</span>