Hi team,
I have a question regarding accessibility and semantic markup compliance.
In several interfaces, users can enter information or interact with components such as radio buttons and dropdowns. For accessibility reasons, these interactive elements are required to be contained within a <form> element.
<form>
Is there a way to achieve this without using a Form Layout?Currently, the top-level structure of the interface is built using a Header Layout, and I’d prefer not to refactor the entire layout if possible.
Has anyone encountered a similar requirement or found a clean approach to handling this?
Thanks in advance.
Discussion posts and replies are publicly visible
Use a!sectionLayout() in Header Layout for semantically grouping of radios/dropdowns.
I dont understand how your interface is as you have mentioned Appian layouts as well as HTML tag here. What is the design and goal, if you can explain better
A form layout in Appian does not correlate with a HTML form tag. I suggest to study the documentation on accessibility here: docs.appian.com/.../ux-accessibility.html
No — interactive components like radio buttons, dropdowns, text fields, etc. do not need to be wrapped in a formLayout() purely for accessibility or semantic markup compliance in Appian.In Appian SAIL, formLayout() is not required to generate an HTML <form> tag for accessibility purposes. Appian handles accessibility and ARIA semantics internally.
Thanks Stefan!
Thanks Aditya!