Unable to navigate through page using tab button for <img> (Doc ID 2729421.1)

Last updated on SEPTEMBER 30, 2022

Applies to:

Goal

Unable to navigate through page using tab button for <img>
We have a form with some input text boxes, image(were we have listener to do something) and table.
when user uses tab option the expectation is to go-through even image
it is able to tab from input test boxes and going directly to the table skipping <img>

<div class="oj-flex">
  <oj-label for="oj-input-text--1901038324-3" class="oj-flex-item oj-sm-12 oj-md-2">Text</oj-label>
  <oj-input-text id="oj-input-text--1901038324-3" class="oj-flex-item oj-sm-12 oj-md-4"></oj-input-text>
  <oj-label for="oj-input-text--1901038324-4" class="oj-flex-item oj-sm-12 oj-md-2">Text</oj-label>
  <oj-input-text id="oj-input-text--1901038324-4" class="oj-flex-item oj-sm-12 oj-md-4"></oj-input-text>
</div>
<div class="panel-mid oj-panel " translate="yes">
  <div class="oj-flex">
    <h4 class="oj-flex-item oj-sm-12 oj-md-12 basic-info">Company Information
      <span style="float:right; margin-right:12px;">
               <img :src="[[ $application.path + 'resources/images/favicon-dark.ico' ]]" :class="[['kycaddicon']]" on-click="[[$listeners.imgClick]]">
      </span>
    </h4>
  </div>
  <div class="oj-flex">
    <oj-table scroll-policy="loadMoreOnScroll" class="oj-flex-item oj-sm-12 oj-md-12"
      data="[[$page.variables.testListSDP]]" columns='[{"headerText":"Created By","field":"createdBy"},{"headerText":"Created","field":"creationDate"},{"headerText":"Id","field":"id"},{"headerText":"Last Updated","field":"lastUpdateDate"},{"headerText":"Last Updated By","field":"lastUpdatedBy"}]'></oj-table>
  </div>
</div>

Solution

My Oracle Support provides customers with access to over a million knowledge articles and a vibrant support community of peers and Oracle experts.