Can I change the background of the "tabs widget"?

  • Profile Image
    jlainvolve
    Asked on July 14, 2021 at 07:23 PM
    The tabs widget is selectable by keyboard, but there is no visual indication indicate which tab is selected at a time. Is there a CSS rule that can be applied to change the background or otherwise indicate which tab is in focus?
  • Profile Image
    Katherine_W
    Answered on July 14, 2021 at 07:28 PM

    Hi again,

    My apologies, but I'm confused by which widget you mean by tabs widget? I am unable to find anything similar in our list.

    Could you please clarify as to which widget you are referring to?

    We look forward to your response!

  • Profile Image
    jlainvolve
    Answered on July 14, 2021 at 08:46 PM

    It is called "Form Tabs". Here is the cited example: https://www.jotform.com/form/203494197790062

  • Profile Image
    Kenneth_C
    Answered on July 15, 2021 at 03:06 AM

    Hi there,

    Thank you for the information, I checked the form, and currently, the tab that is active is shown as White, while the inactive ones are grey.

    Do you wish to change the colors? If so, fill out this information:

    Label/Text color:
    Active tab color:

    Inactive tab color:

    Awaiting your response.

    Best.

  • Profile Image
    jlainvolve
    Answered on July 15, 2021 at 02:34 PM

    I understand how to change the static colors for active and inactive tabs. My question was about getting visual feedback when using keyboard navigation and the tabs.

    Pressing the tab key cycles through the tabs correctly ... I know because pressing enter allows me to switch between pages ... but I have to count in my head which tab I'm on because the tabs do not change color or otherwise provide any indication that one or the other is in "focus".

    To follow WCAG standards, an outline or color-change, or some other indicator would appear when tabs are selected, as they do in this WYSIWYG editor when I tab through the available buttons:

    1626373983_60f07f5f97aac_


  • Profile Image
    Kenneth_C
    Answered on July 15, 2021 at 06:24 PM

    Hi there,

    Thank you for elaborating, I will forward this to our developers for us to improve on it.

    Please note that we are not able to guarantee an ETA of when this will be developed and implemented.

    If there are updates on this they will be responding to this support ticket.

    Best.