Students currently enrolled in WAI-ARIA 101 for the coming semester
First Name Last Name Company Address
Fred Jackson Acme, Inc. 123 Broad St.
Sara James Acme, Inc. 123 Broad St.
Ralph Jefferson XYZ, Inc. 456 Main St.
Nancy Jensen XYZ, Inc. 456 Main St.

Go to original example.

Lessons learned:

  • While these component is fairly straightforward, I felt the desire to somehow else validate that all the relevant parts of the table were provided. Eg. ensure that the table had the right descendants. That sort of approach could lead to an interesting API... in order to omit key parts of accessible tables could require an "opt out" type of flag. This way the default is more accessible than not and its clear that it wasn't a developer's mistake if something is missing but rather an intentional decision.
  • I found it intesting that you cannot export multiple components from a file. It feels both neater/more organized, as well as annoying as it would require an additional file to re-export them (though not a big deal).
  • This exercise made me wish that instead of using divs and spans, we had these available as elements within the HTML spec. Div and span are intentionally without symantic meaning, so let's introduce elements with semantic meaning to the web platform.