Small viewports, zoom, and other visual accessibility issues.Using a grid when a table is needed, or vice versa.So, partly for fun and partly in a futile attempt to reduce my daily email load, let's use a series of posts to take a deeper look at some of the ways tables and grids can go wrong: All of these combine to make it difficult to get tables and grids right. Actually, most out-of-the-box grid components out there have pretty poor accessibility across the board - even the ones that claim otherwise. The semantics for tables and grids are relatively complex, and can unexpectedly break due to extra s or CSS display values grids can have some pretty complex keyboard interaction, and good accessibility documentation is scarce the visual layout does not play well with mobile viewports or high levels of zoom most out-of-the-box solutions for things like row selection, sorting, filtering, and virtualization break the screen reader experience. Part of this flood of grid accessibility questions might be caused by a quirk of where I happen to work, but I don't think that's the only reason tables and grids are over-represented in accessibility bugs. Grids are right up there with combobox woes and tooltip mishaps in causing an outsize amount of pain to developers who are trying to get accessibility right. In my day-to-day work, I find myself talking to a lot of people who have a lot of accessibility problems with different tables and grids.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |