Lifetime Achievement Awards Block for React

Edit HONOREE, AWARD_YEAR and CAREER at the top of the file. The monogram is the first letters of the first and last names, the number of years in the header is the last step's year minus the first, and the ladder is the list in order.

Yes. Replace the span that holds the monogram with an img inside the same box and give it a real alt text, or keep the medallion's outline as a frame around it. The medallion is a drawing hidden from assistive technology; the honoree's name is in the heading text and the citation.

As an ordered list: each step is its year, then the line. The years sit in a bidirectional-isolation element so they keep their order in a right-to-left layout. Dates are fixed text, never computed from today.

The medallion moves between the header and the ladder, a little smaller, in its frame. The ladder keeps its two columns, a year and a line, and the citation closes the block. Nothing scrolls sideways at 320 pixels.

Header, medallion with its caption, the career, then the citation. On a wide screen the medallion is drawn first, at the start, but it comes after the header in the page, so a screen reader meets the heading first.

No. Fjordcode, the Birchwick Council, the Aspenhaven Institute and the honoree are invented, and so is every date in the career.