Tablepress sortable headers have no visible focus. Accessibility issue

  • Resolved darrenbirl

    (@darrenbirl)


    2 years, 1 month ago

    Hi there,

    We have had our website audited by an accessibility company and they have advised that the Tablepress table on our website have no visible focus for users who are tabbing through the page with their keyboard. If you go to the page and scroll down to Roll of Practising Barristers you will see the table in question. The auditor has advised that “On focus the data table headers should have a visible focus indicator to show when they have active focus.” Currently they do not.

    Would you have any suggestions on how to resolve this issue?

    Thank you

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    2 years, 1 month ago

    Hi!

    Thanks for your post and sorry for the trouble!

    You could maybe add this to the “Custom CSS” text area on the “Plugin Options” screen of TablePress:

    .tablepress thead th:focus-visible {
    outline: 2px solid #000000 !important;
    border-radius: 3px;
}

    Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘Tablepress sortable headers have no visible focus. Accessibility issue’ is closed to new replies.