Accessibility

SocialCities · June 23

Hi, for the italpizza.com website we are facing a process to make it accessible (in Italy it will be mandatory to have accessible websites from June 28th).

I would need support for some problems encountered:

- An element (link) was detected inside another element (link)

CODE

Screen: https://scan.userway.org/scanning/6826fe42272ba76fb97ea64b/3300836758344613.jpeg

Could you help me?

Thanks,

Lisa

Phil · June 23

Hi,

I do not see any link inside of a link on your website. Can you tell me what tool did you use to check that?

Best regards

SocialCities · June 23

Hi, thanks for the quick response. The analysis was done by the Userway team (I don't know which tool was used for the analysis). But this error is repeated several times and it seems to me that it concerns the "image" element

Phil · June 24

I just checked your website with this tool: https://wave.webaim.org, and it does not show any problem related to what you showed on your screenshot.

If you could ask the team that did the analysis for you for more details, I could take a closer look at this.

Best regards

SocialCities · June 26

Ok, I also ask you another thing if possible: I was asked to add an aria label to indicate to assistive technologies, such as screen readers, the function of the button. How can I do it?

https://userway.it/hubfs/screenshots-per-report/Italpizza/4_italpizza.png

Phil · June 26

You can use the Link title filed in the element settings:

Best regards

SocialCities · July 1

Thanks for your help!

I would also need support for this change request: https://italpizza.com/consumatore/

Verify that all the contents and possible operations on the page are also usable from the keyboard

https://userway.it/hubfs/screenshots-per-report/Italpizza/6_italpizza.png

How can I fix it?

Phil · July 2

I checked that, and these accordions are usable from the keyboard.

See the following screen recording:

Screenshare - 2025-07-02 9_12_12 AM.zip

Can you tell me more about it, please?

Thanks

SocialCities · July 2

Ok, thanks.

And I was also notified of this problem, but I didn't quite understand it:

The list does not contain list elements Check for list elements within the elements that enclose the list. If there is an <ol> or <ul> element, it should contain at least one <li> element. If there is a <dl> element, it should contain at least one <dt> element. https://italpizza.com/pizze/

Remove the list element ( <ol> , <ul> or <dl> ) or populate it with list elements ( <li> or <dt> , respectively). For example: <ul><li>Apples</li><li>Oranges</li></ul>

Could you help me?

Phil · July 2

Do you know to which part it refers, please?

Thanks

SocialCities · July 3

Yes, sure: https://italpizza.com/pizze/

This is the "portfolio" element

Phil · July 3

There is no option to change it as it is a construction of that element, and modifying it will break it and its functionalities.

Anyway, you can recreate this layout using Query Loop.

https://www.youtube.com/watch?v=maE0FuFIhjQ&list=PLyfUqkbtW2kxq8AY0SivMxX7kf2H9Y-Wf

Best regards

SocialCities · July 9

Hi,

I have to get back to the original point: I asked for more information, which I'll provide below.

- An element (link) was detected inside another element (link)

CODE

Screen: https://scan.userway.org/scanning/6826fe42272ba76fb97ea64b/3300836758344613.jpeg

We checked the indicated point, and the scanner's warning is due to the presence of two links in the same div, one in the main div and the other slightly lower (but still contained within the same div).

Currently, the social media buttons (not just the Facebook one, but the other three as well) are read by the screen reader as, literally, "image with link link." Action should be taken to ensure that the message is read in Italian and clearly describes the link's destination.

Could you help me?

Thanks,

Lisa

Phil · July 9

Please go to Betheme -> Theme options -> Global -> Image frame, select style Disable hover effect, and check if the problem persists.

Also, you can try to replace the image element for socials with the Icon element.

Best regards

SocialCities · July 10

Hi,

I think I figured out the problem: the display:none command hides these icons with links that are read by media. Is there a way to remove them and not just hide them?

Albert · July 11

If you would like to remove them from the code, you need to write own code in child theme to overwrite theme functions. With custom css you can hide them only as you said.

SocialCities · July 14

Hi,

ok, thanks a lot, I decided to recreate the element.

Can you help me with this problem?

If a nearby text element (usually <div> or <span>) acts as a label or descriptive text, assign it the id referenced by the aria-labelledby or aria-descriptionby attribute. If no descriptive text element exists, create it and assign it that id.

Screen: https://scan.userway.org/scanning/682703c81117c45aa63a99e9/2922304151305138.jpeg

Phil · July 15

From what I see, it is added by WooCommerce, not the theme.

Please switch to a different theme for testing and verify if the result remains the same.

If so, you will have to contact Woo support regarding this.

Best regards

SocialCities · July 17

Okay, thanks, I'll check with them.

I just have one last question: they've reported a problem with the search bar in the navigation menu.

Specifically:

However, during our tests with screen readers, we found two real issues related to the user experience:

The search bar's close button is simply read as a "link," without any useful information about its purpose;

Once the search text is entered, the focus gets stuck within the keyword entry bar, preventing navigation to the underlying screen with the results.

Is there a way to fix this?

Phil · July 17

I have passed it on to the dev team and we will take a look at this.

Best regards

SocialCities · July 21

Thanks, let me know

SocialCities · July 23

Hi, any news?

Phil · July 24

We have it on our to-do list and will be fixed in the upcoming updates.

Best regards

SocialCities · July 30

Hi, I saw that there was a theme update available. Can you confirm that it included the update we mentioned?

Thanks

Phil · July 30

Not yet, but we have it done, and we plan to release another update (which includes that) tomorrow.

Best regards

SocialCities · July 30

Ok thank for your help :)

Have a nice day

SocialCities · September 1

ricerca italpizza.png

Hi, I've been told that the search lens isn't an accessible element.

The problem is that it generates empty <ul>s, when they should contain at least one <li> element.

Is there a fix?

Phil · September 2

There is at least one <li> element in the live search:

As you can see, they have a group of search result titles.

Should I look at some specific place?

Best regards

SocialCities · September 2

You can see it from the homepage: https://italpizza.com/

Phil · September 2

Just like I mentioned in my previous message these <ul> tags are not empty.

Please see my screenshot:

Best regards

SocialCities · September 3

They appear blank to me. Why? How can we fix this?

I'm viewing the site from Chrome.

Accessibility

Comments

This website uses cookies