HELP! Accessibility standards required by law in Germany seem impossible to implement

Heey I would be very grateful for help! My customer is a theater that must provide an accessible website.

Does anyone have an idea how to solve all the accessibility issues like for example missing aria-labelledby and other attributes in forms?

From what I see I cant execute specific actions on all forms like in normal JS, to add specific labels.

Or do I?

Do I oversee something? How can actually solve accessibility for screen readers?

Same for a tabIndex, that I cant update manually

Thank You very much

Hi, @Maria_Arkadieff !!

It might be possible to submit a form via Velo code if there is an API for it, but I’m not sure if such an API exists at the moment. (I did a quick search, and it seems like there might not be one.) However, even if there isn’t a direct API, there may still be alternative ways to submit a form…I’m not sure. :upside_down_face:

If such alternatives exist, one possible approach could be creating a custom element with aria-labelledby to build a custom form. However, this would require programming and might involve some complex steps. :innocent:

Personally, I believe this functionality is essential for making websites more accessible to everyone. Therefore, for now, the most practical solution would be to submit a feature request to Wix. :wink:

Hey thanks! I can program, its fine, but where do i start programming a custom form? Thanks!

Also, do you too think that one cant change the attributes with velo? Is there really no way to add some JS? :cry:

The key question is: what is the most important functionality for you?

In Wix, you can use iframes (HTML components) or custom elements to work with standard HTML, CSS, and JavaScript. Essentially, this means embedding the component you create into your Wix site.

Custom elements offer greater flexibility, but they require a bit more effort compared to iframes. If you’re willing to use them, you can refer to Wix’s documentation or ask an AI assistant to generate some relevant code for you.

In other words, since custom elements allow the use of regular HTML, aria-labelledby should likely be usable. However, the main challenge is whether you can send data from the component to the Wix Forms collection.

If you’re willing to forgo Wix’s built-in Forms feature and instead create your own collection to store data, then it should be possible to build an accessible form using aria-labelledby.

On the other hand, if you absolutely need to use Wix Forms, it might be difficult to achieve. But if you’re not particularly attached to that feature, it may just come down to how much effort you’re willing to put in. :innocent:

If you can use standard HTML, it might be a good idea to start by creating a simple custom form using an iframe. If building one yourself seems difficult, you could also have an AI generate a basic form for you.

If you already have an HTML form, you may be able to simply paste the code into the iframe, and it should display properly.

However, you’ll need to set up a way to exchange data between your Wix page and the form. To do this, the form should use postMessage() to send data to the Wix page, where onMessage() can then receive the data. You’ll also need to write code to store the received data in a custom collection. :innocent:

However, if you want better integration with your Wix site, it would be better to create the form using a custom element. :thinking:

To add an iframe or a custom element to your site, simply find the “Embed” option and drag and drop it onto your page. Start from here!

P.S.

I completely understand that what you’re really looking for is a way to use the current Wix Forms while adding aria-labelledby with minimal coding. However, since Wix Forms have limited customization options through code, there are likely things that can and cannot be done. That’s why I could only provide a compromise as a response this time—my apologies.

That said, there might be an option somewhere to add these attributes, so I recommend looking into it. Also, as I mentioned earlier, submitting a feature request to the Wix development team would likely be the most reliable and direct way to achieve this. :smiling_face_with_halo:

Hey thank You. I am using Studio & I am familiar to coding. Just trying to understand what an efficient and smart way would be to do this stuff. So lets say I just embed some HTML , how can I use existing webpage styles then?

Thank You so much

An iframe is a separate HTML environment isolated from Wix, so you will need to design and implement your own CSS within it. :raised_hands: