Version Comparison Matrix Changelog Block for React

Edit VERSIONS for the columns and GROUPS for the rows. A feature has a name and one support level per version (YES, PART or NO) in the order of the versions. "Changed" means the levels are not all the same, and the counts, the legend line and the switch's results are computed from that.

"Only what changed" hides every feature that reads the same in all three versions, and any group that ends up empty. A polite line in the foot says how many features show. The table sits over an unseen copy of the full one, so the frame never changes size when you flip the switch.

By shape: a check, a half-filled circle and a dash. Each also carries its word for a screen reader (Included, Partial, Not included), and the legend in the foot says them in plain text.

Yes: a native table with a caption, scope on every header, the feature as the row header and each group's name as a row-group header. The region around it has a name and takes focus, so the keyboard can scroll it sideways.

Below sm the table scrolls sideways in its region while the feature column stays in view. In a right-to-left layout the table mirrors and the half circle flips, while version numbers keep their reading order.

The header and the frame fade up once on load, with CSS transitions. With reduced motion they are off. Flipping the switch changes the rows at once.