Thank you! Have you seen the quality of your videos? I admire your ability to walk through a rather complex procedure over a 30min - 1hr video without any drop in quality or consistency. It's no mean feat
Awesome showcase of the interactions feature! I use a radio-buttons and then use the checked adjacent selector to style the content container but I love this method!
That's another powerful approach. Its amazing what's possible with only CSS these days. I've also seen checkboxes being used and styled to look just like the toggle switch. Might be even more of a direct approach. But then there's accessibility to worry about too.
Nice! Thanks for the tutorial. It's really easy to follow. You mentioned accessibility. I'm thinking from the perspective of a non-visual screen reader user. Would hearing "layout toggle pressed" give me enough information as to whether I've switched to a list view versus a grid view?
🤔 that's a good point. It certainly doesn't give enough information about the state of the layout. Only that the button was pressed. Any ideas how best to communicate the state of the layout to non-visual users?
@@OscarObians, this is just my guess, but I would focus on the action of the 'pressed' state. In this case, it is showing the list view, so I would use something like 'show list view'. I would probably also avoid using the word 'toggle', because the aria-pressed attribute automatically converts it to a toggle button. If you noticed, NVDA announced it as 'layout toggle toggle button not pressed'.
Your presentation is worthy of emolution!
Thank you! Have you seen the quality of your videos? I admire your ability to walk through a rather complex procedure over a 30min - 1hr video without any drop in quality or consistency. It's no mean feat
Excellent! Learned so much.
A great tutorial Oscar. I had no idea how power interaction were. Time to start using them more I think 😁
@@chrisgreen5711 I was mind blown I tell you. Thanks for watching
Awesome showcase of the interactions feature!
I use a radio-buttons and then use the checked adjacent selector to style the content container but I love this method!
That's another powerful approach. Its amazing what's possible with only CSS these days. I've also seen checkboxes being used and styled to look just like the toggle switch. Might be even more of a direct approach. But then there's accessibility to worry about too.
Nice! Thanks for the tutorial. It's really easy to follow.
You mentioned accessibility. I'm thinking from the perspective of a non-visual screen reader user. Would hearing "layout toggle pressed" give me enough information as to whether I've switched to a list view versus a grid view?
🤔 that's a good point. It certainly doesn't give enough information about the state of the layout. Only that the button was pressed.
Any ideas how best to communicate the state of the layout to non-visual users?
@@OscarObians, this is just my guess, but I would focus on the action of the 'pressed' state. In this case, it is showing the list view, so I would use something like 'show list view'.
I would probably also avoid using the word 'toggle', because the aria-pressed attribute automatically converts it to a toggle button. If you noticed, NVDA announced it as 'layout toggle toggle button not pressed'.