new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

GitHub Primer · all subjects

data-table/accessibility

7 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Data table accessibility: labeling and describing the table

The table must have a title and can optionally have a subtitle to describe more context. If there is enough context that the table does not need a visible label, the label may be hidden so it is only accessible to assistive technologies.

Data table accessibility: table title association with table header

If using the table header, the table's title and subtitle will automatically be associated with the table for assistive technologies.

Data table accessibility: manual table title association

If the table's title exists somewhere else on the page (for example, in the PageHeader), manually associate that contextual information with the table using ARIA.

Data table accessibility: labeling row actions

The row header string will be prepended to the ARIA text of action buttons. For example, 'Download {row header}' or 'Actions:{row header}'.

Data table accessibility: shortened row identifiers for long headers

When the row header can be very long, provide consumers the option to specify a shorter string to identify the rows. For example, if an issue title is used as the row header, use the issue number instead of the full issue title.

Data table accessibility: pagination buttons

The pagination control for a DataTable uses `button` elements, not `a` elements. This is because activating the pagination control requests data and does not have a corresponding URL to link to.

Data table accessibility: loading and sorting content announcement

Ensure parity between what can be seen visually when a table is loading or sorting content and what is announced to assistive technology. This is provided by the DataTable component automatically but must be considered if a custom loading solution is otherwise utilized. For loading content via a custom loading method, including the initial loading period, do not make an announcement if content is retrieved before 750ms.

Give your agent this brain