In order to adhere to web accessibility standards, we are introducing changes to the DOM structure of DataPages as described below. The Document Object Model (DOM) is the logical structure of HTML and XML code representing a web interface or page.

If you are using custom scripts to access the DOM structure of radio button sets, action may be required to minimize the impact on your deployed applications.

Change AreaDataPage Rendering
Impact areaDOM structure of radio buttons in DataPages
Description

Starting on September 27, 2022, the DOM structure of DataPages containing radio button sets (Submission Forms, Update Forms, Search Forms, Details Pages, etc.) will be updated to include <fieldset> tag as shown below.

If you are using custom scripts to access the DOM structure of radio button groups, you should revise them to use the element “ID” or “name” attribute instead. Alternatively, you can adjust your custom scripts to accommodate the new <fieldset> tag following the Caspio 34.0 release.

code1
<section>
<div>
      <label>Field label</label>
</div>
<div>
      <fieldset>
            <span>
<input type="radio"><label for="field">Option 1</label>
<input type="radio"><label for="field">Option 2</label>
            </span>
      </fieldset>
</div>
</section>