Benchmark Table Technology Awards Block for React

Edit BENCHMARKS at the top of the file. Each has the award, the year, the measured ours and the next best figure in one unit, a qualifier such as p95, whether lower or higher is better, and the word after the factor. The factor, the bar lengths and the range in the header are computed from those, so they cannot disagree with the table.

Each row is scaled to its own larger figure, so a bar is the share of the longer one. A shorter bar is a lower figure, which wins latency and size tests and loses throughput, so every row also says in words which direction wins. The bars are a drawing hidden from assistive technology; both figures are in the row as text.

No. The Islewell Index, the product and every figure are made up for the example. Publish your own method with real numbers, and say what was measured and how.

It gives the table a caption, column headers and a row header in each row, which is how a screen reader announces a cell with its award. Below sm it stays three columns, and the table scrolls in a keyboard-reachable region if you add more.

The three columns stay: the first holds the award and the bars and takes the free width, the measured figure and the lead sit beside it. Nothing scrolls sideways at 320 pixels, and the bars keep their direction in a right-to-left layout because they are drawn in a left-to-right box.