https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html
In contrast to temporarily completely hidden content, this sort of hidden content is not generally meant to become visually accessible, though there can be exceptions. For instance, skip links or other hidden until hovered/focused UI.
I stumbled across this, it might be useful in this context. Scott O'Hara is an active WAI contributor and accessibility blogger. ____ Thiago Krieck I was inspired by those salesforce patterns , so the architecture behind my implementation is pretty similar yup. Do you think it'd be okay to have a 'full' button for reordering, and just a bar for resizing? I don't like this option of a vertical bar since:
- it's invisible to the user until they put their mouse on the column.
- there's pretty much no indication of 'what this does' for visual users (except when hovering especially this bar: special cursor and title)
- It's on the edge regarding the new WCAG rule of target size
- The style would be different to "column move button" while they are very similar on paper (next to one another in the HTML structure, both actions to update display, both there for each column,...)
Some of those are secondary, and some can be avoided by adapting a bit our solution, but I liked the 'symmetry' that we had with both buttons. Do you have an idea of what we could do with the column reordering button? Thanks for your feedback! I'll spend some time on implementing the 'bar' for column resizing on Monday |