enfold icon circles element accessibility

Thanks so much, Ismael — that seems helpful to at least get them to show the focus / get them in the tab index — I guess it’d be pretty tricky to get the content to show on-click, eh?

Got it — any other ideas for how to get this element to meet accessibility guidelines?

Nice — thank you so much! This seemed to work for me: to just duplicate the event listener for mouseenter, change mouseenter to click, and comment out the event listener for mouseleave (see below). Do I have to minify the file and overwrite icon_circles.min.js? And do I have to re-implement this every time I update the theme, or is there a way to handle it through the child theme?

				logos.on( 'mouseenter', function()
				{
					logos.removeClass('active');
					logoText.removeClass('active');

					var logo = $(this).addClass('active');
					logo.next().addClass('active');
					container.addClass('active-container');
				});
                
                logos.on( 'click', function()
				{
					logos.removeClass('active');
					logoText.removeClass('active');

					var logo = $(this).addClass('active');
					logo.next().addClass('active');
					container.addClass('active-container');
				});

/*				container.on( 'mouseleave', function()
				{
					logos.removeClass('active');
					logoText.removeClass('active');
					container.removeClass('active-container');
				});*/

OK, thanks again, Ismael! Feel free to close this thread.