Accordion accessibility problem
Hi,
I've been notified of an accessibility issue on this page: https://italpizza.com/consumatore/
Problem: The two forms on this page are managed via accordion, but once inside, it's impossible to exit without closing them.
Screenshot: https://userway.it/hubfs/screenshots-per-report/Italpizza/6_italpizza.png
Is it possible to check?
Comments
Hi,
just checked both forms and I'm able to exit both without closing them.
I also have another question: I'm told the account login isn't being read correctly, even though it appears to be usable via keyboard.
Screen: https://userway.it/hubfs/screenshots-per-report/Italpizza/2_italpizza.png
Affected code: <circle class="path" cx="13" cy="9.7" r="4.1"></circle>
Solution: Rewrite the link text so it's meaningful, describing what the link points to. Alternatively, place the <a> element around existing text that's meaningful. For example, replace: For details on NASA's Mars program, <a href="nasa.gov">click here</a> with: Visit the <a href="nasa.gov">Mars program page on the NASA website</a> for details.
Can you help me fix this?
The <circle> tag is part of the SVG, and the whole SVG is placed in the <a> tag with a title provided:
Everything seems to be fine here for me.
Best regards
OK, I also need help with another question.
I'm told that the popup to access the customer area is navigable by keyboard, but only after all other elements on the page.
Screen: https://userway.it/hubfs/screenshots-per-report/Italpizza/5_italpizza.png
Solution: Ensure that the visual order of the content matches the order of the content in the source code, as present in the DOM. The tabindex attribute can be used, with due care, in special cases.
Could you help me solve this?