Change tabindex

Hi @wpdp!

I would like to first address from our view, what these attributes mean:

1. The role=”region” attribute is an ARIA landmark, to tell someone, that a new/separate section of the page comes. This combined with the “aria-label” attribute:
   https://smartslider.helpscoutdocs.com/article/1722-slider-settings-general#general
   could tell someone, that a slider section comes, and you can add any label, like “photos of my city slider”.
2. The tabindex attribute with 0 value allows users to use tab button, to switch to the parts of a website. By having this on the .n2-section-smartslider element, people who are using tab to switch here, would be able to know about the 1. point written role=”region” attribute, and the “aria-label” attribute.

Could you tell me why these attributes seem to be problematic? Because currently we don’t have an option to change them, but if there would be a reason, we could implement new features.

Right now the option I could suggest, if there isn’t really a good reason, is that JavaScript could be used to modify these values. We don’t support custom coding, but basically you need this:

jQuery(document).ready(function(){
    jQuery('.n2-section-smartslider').attr('tabindex', '-1'); // or any value
    jQuery('.n2-section-smartslider').removeAttr('role');
    jQuery('.any-element').attr('role', 'region'); // replace .any-element with where you want region to be
});

If you don’t have a good place to put js codes, you could use a plugin like this one:
https://www.ads-software.com/plugins/custom-css-js/

• This reply was modified 4 months, 1 week ago by Gabor.