• Resolved kungfuclass

    (@kungfuclass)


    Dear Sir/Madam,

    We are using Easy Font Resize plugin. Due to website accessibility, we would like to enable the viewers to use keyboard tab to click the A A A buttons. However, the Easy Font Resize doesn’t response to the keyboard tab, when I pressed “tab”, our website skipped all the three AAA buttons and goes straight to the other buttons.

    We have the following CSS code:

    :root {
    –focus-black: #383838;
    }

    :focus-visible {
    outline: 2px solid var(–focus-black) !important;
    }

    a:focus-visible {
    outline: 2px solid var(–focus-black) !important;
    }

    button:focus-visible {
    outline: 2px solid var(–focus-black) !important;
    }

    Please kindly advise how we could use keyboard tab with Easy Font Resize.

    Thanks & regards,
    KF

Viewing 1 replies (of 1 total)
  • Plugin Author Alex

    (@ziher4)

    Hi KF,

    “tabindex” attribute needs to be added to the <span> elements that you want to focus on TAB key. tabindex=”0″ should do the trick. So something like: <span class="wpavefrsz-minus" tabindex="0">-</span>

    I’ll make sure to include this in the next update, thanks!

Viewing 1 replies (of 1 total)
  • The topic ‘keyboard tab with Easy Font Resize’ is closed to new replies.