Skip to Main Content

DevOps, CI/CD and Automation

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

oj-table hidden checkbox

Jeff BellAug 30 2018 — edited Sep 6 2018

I am using oj-table and ran it through a screen reader and found there was a hidden column with a checkbox inside. I know that it is for selecting the row and what have you, but my question here is there a way to get a aria-label on it? My QA team don't want it to read unlabelled checkbox just like the in the image at the bottom of this post. Here is a snip-it of my table code maybe you can give me a hand in figuring out a way to get the column 1 checkbox labeled since i was unable to find any information on it. THere are three instances of the unlabelled check boxes because i have three rows.

\<oj-table id='table' aria-label='Current record table'

          data='\[\[dataprovider\]\]'

          selection-mode='{"row": "single"}'

          dnd='{"reorder": {"columns": "enabled"}}'

          columns-default='{"sortable": "disabled"}'

          columns='{{summaryArray}}'

          style="width: 100%">

\</oj-table>

\<script type="text/html" id="fullName">

    \<td data-bind="text: $context.row.FIRST\_NAME + ' ' + $context.row.MIDDLE\_NAME + ' ' + $context.row.LAST\_NAME">\</td>

\</script>

\<script type="text/html" id="gender">

    \<td data-bind="text: $context.row.GENDER\_CD">\</td>

\</script>

\<script type="text/html" id="age">

    \<td data-bind="text: $context.row.AGE">\</td>

\</script>

\<script type="text/html" id="birthDate">

    \<td data-bind="text: $context.row.BIRTH\_DT">\</td>

\</script>

\<script type="text/html" id="pmi">

    \<td data-bind="text: $context.row.PMI">\</td>

\</script>

\<script type="text/html" id="ssn">

    \<td data-bind="text: $context.row.SSN">\</td>

\</script>

\<script type="text/html" id="button">

    \<td>

        \<a href="#" aria-label="Edit Person Details" title="Edit Details" data-bind='click: $parents\[1\].goToDemographic' class="fas fa-pencil-alt">\</a>

    \</td>

\</script>

checkbox image.PNG

This post has been answered by John JB Brock-Oracle on Aug 30 2018
Jump to Answer
Comments
Post Details
Added on Aug 30 2018
8 comments
714 views