Thank you, Kevin. Another great, informative video. Bricks is truly a great builder because they listen to the community and thank you for lobbying on behalf of everyone to make it the best.
A little behind watching this videos. Wanted to drop a like and a thank-you for another video, Kevin. I am enjoying this series. I'm an inner-circle member, but appreciate wherever I can digest these tutorials.
Kevin, this was an eye-opener for us regarding navigation and accessibility. Your expertise in this area is truly commendable, and I highly appreciate the knowledge you shared. Excellent work, and I'm grateful for the valuable insights! Keep up the great work!
Kevin, I greatly appreciate the content in this lesson. I was particularly interested in the section(s) surrounding accessibility and how to properly test for accessibility. I also kind of forgot about keyboard navigation and focus style, somethings I'll need to remember in upcoming projects. Thanks for this video. I'm looking forward to the next lesson. The PB101 series continues to teach me so much!
Great video as always, but I have to ask, what was that AutomaticCSS feature with the dropdown shortcuts at mark 10:30? Is there a setting to get that?
Thanks Kevin - really insightful and helpful. I've done a quick check of my Breakdance desktop menu and had a quick peak at the DOM and everything seems to be in good order out of the box...
I wish that Bricks changes to in the future. The gets treated like an ul, so you can have li's inside as normal, but it will be semantically more correct and still accessible for SR and keyboard navigation.
Thanks Kevin. regarding the aria label attribute, how can I add them to my navigation? I am using Bricks and Frames but when I inspected the code I found there is no aria label attribute.
Isn't it a requirement that you must also be able to control the navigation menu using the arrow keys? like its mentioned on the w3 page unter pattern menu.
Perfect. Timely and NEEDED. Thanks for doing yet another excellent video. You pack a whole lot of information in a short time. I'm wondering about the Skip to Main Content part though. Does that go in the header? Can you explain in a future video how to set that up?
Yes it goes in the header before anything else. I forgot to mention it because bricks adds one automatically for you. If you’re a bricks user it’s already taken care of.
with regards to best practices, if you have a drop-down, should the parent element have a link applied or just be a placeholder? with specific attention of a11y)
Hi kevin. Thanks for videos I’m using tabs nestable in bricks and i want to change tabs on mouse hover not click. Switching between tabs is only possible by clicking. Is it possible to change tabs with Hover? (with coding) What kind of code should I use for this purpose?
Oh my gosh. I need to say goodbye to a family member 😂 I've spoken to divi employees quite a few times about the lack of webaccessibillity options. For Europeans it is a big priority with the new law coming up. If Divi is not going to do something about it I guess they will end up losing a lot of users from June 2025....
Thanks Kevin for your PB101 series - high value! I see at 5:49 it looks like you have a 'section' (Header Alpha) with a 'container' (Inner) then a logo and the Nav Menu. This structure is the same used in every other YT video I have found for Bricks, except .... in one of Cracka's tutorials (ruclips.net/video/U_LTJOWgcns/видео.htmlsi=BH4yi3dT5woNGC7i&t=121) he explains that 'Section' elements shouldn't be used in typical navigation headers for semantic reasons. I thought I remembered you talking about this but I can't find the video (maybe in a WDD Live episode). Can you comment? Should I be looking to use a Div with a Container and then a Logo and Nav inside as Cracka suggests? Thanks again.
Started seeying this video thinking I would only review what I already know from videos. I was wrong and have learned new things, again.
Oxygen builder team made a breakthrough last year with the new accessible menu... Thank you Kevin for this episode 😃
Thank you, Kevin. Another great, informative video. Bricks is truly a great builder because they listen to the community and thank you for lobbying on behalf of everyone to make it the best.
A little behind watching this videos. Wanted to drop a like and a thank-you for another video, Kevin. I am enjoying this series. I'm an inner-circle member, but appreciate wherever I can digest these tutorials.
i am glad to see this at last! ❤
Kevin, this was an eye-opener for us regarding navigation and accessibility. Your expertise in this area is truly commendable, and I highly appreciate the knowledge you shared. Excellent work, and I'm grateful for the valuable insights! Keep up the great work!
Glad it was helpful!
Another informational lecture ☺️.
Kevin, I greatly appreciate the content in this lesson. I was particularly interested in the section(s) surrounding accessibility and how to properly test for accessibility. I also kind of forgot about keyboard navigation and focus style, somethings I'll need to remember in upcoming projects. Thanks for this video. I'm looking forward to the next lesson. The PB101 series continues to teach me so much!
So glad I discovered Bricks!
Fantastic!
A very clear explanation as always. Many thanks Kevin.
Great again! very helpful! Thank you so much Kevin!
Great video as always, but I have to ask, what was that AutomaticCSS feature with the dropdown shortcuts at mark 10:30? Is there a setting to get that?
Contextual menus. Make sure they are turned on in settings and then right click.
Well explained Kevin. Appreciated!
Thanks Kevin - really insightful and helpful. I've done a quick check of my Breakdance desktop menu and had a quick peak at the DOM and everything seems to be in good order out of the box...
Yes they spent a lot of time making sure it was correct.
I wish that Bricks changes to in the future. The gets treated like an ul, so you can have li's inside as normal, but it will be semantically more correct and still accessible for SR and keyboard navigation.
Menu is semantically inaccurate in main navigation. The menu element is for interactive context menus, not navigation.
@@Gearyco thought it works for both situations, I will research that a bit further.
@@PicSta it "works" but it's not correct for main navigation.
@@Gearyco I get that, thanks for clarification.
Thanks, Kevin good explaination
Good video! Thanks 🙏🏻
Thanks Kevin. regarding the aria label attribute, how can I add them to my navigation? I am using Bricks and Frames but when I inspected the code I found there is no aria label attribute.
Depends on how your nav is structured and which element you're using.
Isn't it a requirement that you must also be able to control the navigation menu using the arrow keys? like its mentioned on the w3 page unter pattern menu.
Good lesson
Perfect. Timely and NEEDED. Thanks for doing yet another excellent video. You pack a whole lot of information in a short time. I'm wondering about the Skip to Main Content part though. Does that go in the header? Can you explain in a future video how to set that up?
Yes it goes in the header before anything else. I forgot to mention it because bricks adds one automatically for you. If you’re a bricks user it’s already taken care of.
@@Gearyco Sweet! That's great. Thanks Kevin!
with regards to best practices, if you have a drop-down, should the parent element have a link applied or just be a placeholder? with specific attention of a11y)
It’s more about UX - the parent should be a placeholder. It’s confusing to visitors when it’s not
What is the apple software used for announcing the nav bar items?
It’s called voiceover it’s built into macOS
I got frames, any tuts you recommend to start with?
Have you subbed to the ACSS channel?
Hi kevin. Thanks for videos
I’m using tabs nestable in bricks and i want to change tabs on mouse hover not click.
Switching between tabs is only possible by clicking. Is it possible to change tabs with Hover? (with coding) What kind of code should I use for this purpose?
Possible yes but not necessarily easy.
Whats the best nav to use? The classic or the nested nav?
Depends on what you need to do. Typical standard nav use the old one
@@Gearyco thank you for the reply, how about in your own ways, what is the best to use?
Create video on add two menus also add menus to footer with the right way accessibility wise
Hi Kevin
I don't want mobile menu, because I like app menu style. how can I disable it completely?
I mean no HTML in the background for mobile menu
There’s a setting in the builder to disable it.
This might be a stupid question, but what is the point of hover styles on mobile?
I might think it has to do something with mobile accesibility that also creates a box around the item. not sure though
hover or focus? You didn't tag a timestamp so I'm not sure what you're referring to. But there are assistive technologies for mobile devices as well.
@@GearycoI don't know how to tag a timestamp, but have a look at around 15min10sec.
Still got my fingers crossed for Divi to make acessibility a priority. Bricks needs my focus right now 👐
From what I’ve heard 5.0 is even worse…
Oh my gosh. I need to say goodbye to a family member 😂
I've spoken to divi employees quite a few times about the lack of webaccessibillity options. For Europeans it is a big priority with the new law coming up. If Divi is not going to do something about it I guess they will end up losing a lot of users from June 2025....
Thanks Kevin for your PB101 series - high value!
I see at 5:49 it looks like you have a 'section' (Header Alpha) with a 'container' (Inner) then a logo and the Nav Menu. This structure is the same used in every other YT video I have found for Bricks, except .... in one of Cracka's tutorials (ruclips.net/video/U_LTJOWgcns/видео.htmlsi=BH4yi3dT5woNGC7i&t=121) he explains that 'Section' elements shouldn't be used in typical navigation headers for semantic reasons. I thought I remembered you talking about this but I can't find the video (maybe in a WDD Live episode). Can you comment? Should I be looking to use a Div with a Container and then a Logo and Nav inside as Cracka suggests? Thanks again.
You can use the section element and just swap its HTML tag to a div.
@@Gearyco got it 👍. Thanks Kevin, happy holiday to you and family.