https://legacy.forums.gravityhelp.com/topic/how-to-remove-the-ul-and-li-tags-for-screen-reader-support Gravity Support Forums Topic: How to remove the ul and li tags for screen reader support en-US Sun, 05 Apr 2026 12:14:11 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-to-remove-the-ul-and-li-tags-for-screen-reader-support#post-65565 Tue, 10 Jul 2012 12:26:44 +0000 David Peralty 65565@https://legacy.forums.gravityhelp.com/ <p>I am going to move this to Feature Requests, and ping the developers relating to this. I used to work in Government, and completely understand the need to be able to provide services to everyone. All my best! </p> https://legacy.forums.gravityhelp.com/topic/how-to-remove-the-ul-and-li-tags-for-screen-reader-support#post-65535 Tue, 10 Jul 2012 10:54:23 +0000 Rian Rietveld 65535@https://legacy.forums.gravityhelp.com/ <p>Hi David,</p> <p>Thank you very much for your reply.</p> <p>It's not semantically correct to add ul and li, it adds extra info to fields, but they are actually only there for mark up and not for info about what the content means. A screen reader tells the user there is a list with items, but all there is are labels and input fields. It's not wrong but it add to much info that is not relevant. And I had a debate with the people who will validate the website about this.</p> <p>And another (bigger) problem is the items in an order form:<br /> The main issue with screen readers: a label and the input field must have a one to one relationship. For example:<br /> <pre><code>&lt;li id=&#39;field_2_25&#39; class=&#39;gfield gfield_price gfield_price_2_25 gfield_product_2_25&#39; &gt; &lt;label class=&#39;gfield_label&#39; for=&#39;input_2_25&#39;&gt;Mastering the art of living and becoming a citizen of the world&lt;/label&gt; &lt;div class=&#39;ginput_container&#39;&gt; &lt;input type=&#39;hidden&#39; name=&#39;input_25.1&#39; value=&#39;Mastering the art of living and becoming a citizen of the world&#39; class=&#39;gform_hidden&#39; /&gt; &lt;span class=&#39;ginput_product_price_label&#39;&gt;Prijs:&lt;/span&gt;&lt;span class=&#39;ginput_product_price&#39; id=&#39;input_2_25&#39;&gt;€ 11,00&lt;/span&gt; &lt;input type=&#39;hidden&#39; name=&#39;input_25.2&#39; id=&#39;ginput_base_price_2_25&#39; class=&#39;gform_hidden&#39; value=&#39;€ 11,00&#39;/&gt; &lt;span class=&#39;ginput_quantity_label&#39;&gt;Amount:&lt;/span&gt; &lt;input type=&#39;text&#39; name=&#39;input_25.3&#39; value=&#39;&#39; id=&#39;ginput_quantity_2_25&#39; class=&#39;ginput_quantity&#39; size=&#39;10&#39; tabindex=&#39;18&#39;/&gt; &lt;/div&gt; &lt;/li&gt;</code></pre> <p>Here the label <code>class=&#39;gfield_label&#39; for=&#39;input_2_25&#39;</code> has no relation to the input field amount, so a screenreader can't tell that the field related to <code>name=&#39;input_25.3&#39; in &lt;input type=&#39;text&#39; name=&#39;input_25.3&#39; value=&#39;&#39; id=&#39;ginput_quantity_2_25&#39; class=&#39;ginput_quantity&#39; size=&#39;10&#39; tabindex=&#39;18&#39;/&gt;</code>. So a blind user can't order via this form.</p> <p>Also: Modern screen readers can execute javascript, but's it difficult to see (hear) the update of the total amount.</p> <p>I know it's difficult to keep everyone happy. And I agree some functionality is hard to get working for everyone. </p> <p>Kind regards,<br /> Rian </p> https://legacy.forums.gravityhelp.com/topic/how-to-remove-the-ul-and-li-tags-for-screen-reader-support#post-65486 Tue, 10 Jul 2012 08:05:42 +0000 David Peralty 65486@https://legacy.forums.gravityhelp.com/ <p>Currently, there is no way to change the output code of the form as this would break multiple things, including conditional logic, validation messages, and more. If you could point to what isn't working in terms of WCAG, I'll pass it on to the developers so that they could maybe tweak it to better work in screen readers. </p> https://legacy.forums.gravityhelp.com/topic/how-to-remove-the-ul-and-li-tags-for-screen-reader-support#post-65482 Tue, 10 Jul 2012 07:23:20 +0000 Rian Rietveld 65482@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>Is it possible to remove the ul and li tags, for WCAG compliance?<br /> At the moment i'm building an accessible website. I love GF, but the UL and LI tags are not allowed for a form, messing up the output with a screen reader. Is there a way to remove them and rewrite some of the HTML so I can adjust the HTML structure of a form?</p> <p>Kind regards,<br /> Rian </p>