October 29, 2021 at 10:01 am #1326952
Morning. I have installed 4.8.7 this morning on a site. (see private data).
Update looks solid however I have spotted one bug:
The accessability score has fallen since updating.
The Socket Menu is displaying the following Error when tested in Lighthouse Google Chrome Dev Tools:
[role]s are not contained by their required parent element
Some ARIA child roles must be contained by specific parent roles to properly perform their intended accessibility functions.
Please can you advise?October 29, 2021 at 10:10 am #1326954
This error also applies to the main menu in the header when desktop tests are ran.
But only occurs in the socket during mobile testing.
Both need investigating if you can.
TomOctober 30, 2021 at 3:23 pm #1327070
I had a look into it.
I added to header menu:
<ul id="avia-menu" role="menu" class="menu av-main-nav">
But this does not solve the problem, in contrary I get the additional message:
Elements with an ARIA [role] that require children to contain a specific [role] are missing some or all of those required children.
But we have a structure:
I did not dig into the ARIA, but at the moment I have no idea how to solve this or what is wrong.
And also https://www.w3.org/WAI/GL/wiki/Using_ARIA_menus – Example Code at bottom is built in a similar structure.
GünterOctober 30, 2021 at 4:13 pm #1327071
It doesnt matter too much because there is no actual visible problem on the website – but under Web Vitals or Lighthouse testing it brings the accessibility score into orange from what was a 90 – 99 score.
I wasn’t sure if there was a problem or not as I saw a lot of changes in the 4.8.7 changelog relating to Aria.
I’ve rolled out 4.8.7 to all customer sites with no issues. It seems to have sped up most of the sites slightly in practice.
October 30, 2021 at 4:24 pm #1327073
- This reply was modified 2 months, 2 weeks ago by thinkjarvis.
You must be logged in to reply to this topic.