Forum Replies Created
-
AuthorPosts
-
Thanks Harry.Problem solved.I didnt copy it i just put a dot . infront of the name of the file and it loads from the woocommerce path instead of theme.
Now all wave check are ok
Hi is there any will to fix this or we should change the theme?As time passes and there no reply for a fix from you.Could you at least answear me if you can fix this or should i look somewhere else for a theme compatible with wcag 2 AA
Problem with related products gone.Now only one the first with the wrong ARIA reference still exist.For example in the main picture on product a laber is declared aria-describedby=”slick-slide00″ but there is nowhere in the code a “slick-slide00″ id label or input or form. Thats why is keeps the Broken ARIA reference. for example the error occurs on product page where it has an aria-describedby=”slick-slide00″ but no reference div data-thumb=”https://rewearit.gr/wp-content/uploads/2022/03/DSCN1991-113×150.jpg” class=”p-item woocommerce-product-gallery__image slick-slide slick-current slick-active” data-slick-index=”0″ aria-hidden=”false” tabindex=”-1″ role=”option” aria-describedby=”slick-slide00″ style=”width: 407px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;”> i hope i could you more about solving this problem.i dont know which part of woocommerce or wordpress generates the pictures and generates aria-labelledby but not creating the id labels also.
only on product page the problem exists
Problem with related products gone.Now only one the first with the wrong ARIA reference still exist.For example in the main picture on product a laber is declared
aria-describedby=”slick-slide00″ but there is nowhere in the code a “slick-slide00″ id label or input or form.
Thats why is keeps the Broken ARIA reference.for example the error occurs on product page where it has an aria-describedby=”slick-slide00″ but no reference
div data-thumb=”https://rewearit.gr/wp-content/uploads/2022/03/DSCN1991-113×150.jpg” class=”p-item woocommerce-product-gallery__image slick-slide slick-current slick-active” data-slick-index=”0″ aria-hidden=”false” tabindex=”-1″ role=”option” aria-describedby=”slick-slide00″ style=”width: 407px; position: relative; left: 0px; top: 0px; z-index: 999; opacity: 1;”>
i hope i could you more about solving this problem.i dont know which part of woocommerce or wordpress generates the pictures and generates aria-labelledby but not creating the id labels also.
Yes i know and i have figured out most of the colours problems that why i have posted here just in case you need it or someone else.What really bothers me and i need your help is for the ARIA validation which is misconfigured?
Please see this page https://wave.webaim.org/report#/https://rewearit.gr/product/%cf%86%ce%bf%cf%8d%cf%84%ce%b5%cf%81-diadora/
where it fails due to this message as webaim tells me:
Errors
Broken ARIA reference
What It Means
An aria-labelledby or aria-describedby reference exists, but the target for the reference does not exist.
Why It Matters
ARIA labels and descriptions will not be presented if the element referenced does not exist in the page.
What To Do
Ensure the element referenced in the aria-labelledby or aria-describedby attribute value is present within the page and presents a proper label or description.
The Algorithm… in English
An element has an aria-labelledby or aria-describedby value that does not match the id attribute value of another element in the page.
Standards and Guidelines
1.3.1 Info and Relationships (Level A)
4.1.2 Name, Role, Value (Level A)
Icon indexPlease see this solution if it can be applied
I really need your help as its the only problem now that its been to get the WCAG 2 AA certification which i desperately need it for this site
have fixed most of the visibility problem with the following css for WCAG 2 AA in case someone needs it.But i am still facing problem with ARIA declaration.For validation i am using the link
css code i have added for reference to other users just in case.All were setup with black colour in mind for visibility
.shop-top-sidebar .widget ul li.current-cat > a {
color: #000000;
}
.woocommerce-ordering select {
color: #000000;
}
.price {
color: #000000;
margin: 0;
}
.price_label{
color: #222;
}
.filter-content a, .filter-content .widget {
color: #000000;
}
.result-count-order a {
color: #000000;
}I have found it in clour scheme and change it and even i have change all to black the woocomerce menu still uses the light blue colour in categories and products menu.
Attachments:
You must be logged in to view attached files.you are great .thank you very much any help on these also?is there a way to disable the search omplety so to pass the checks?
2.4 Navigable: Provide ways to help users navigate, find content, and determine where they are.
Success Criteria 2.4.4 Link Purpose (In Context) (A)
Check 174: Anchor contains no text.Repair: Add text to the a element or the title attribute of the a element or, if an image is used within the anchor, add Alt text to the image.
Line 162, Column 31:<a class=”dib br__50 tc facebook-official” href=”https://www.facebook.com/rewearit.ath/” target=”_bl …Line 162, Column 206:<a class=”dib br__50 tc instagram” href=”https://www.instagram.com/rewearit.ath/” target=”_blank” ar …
Line 170, Column 55:<a class=”cb chp db” href=”https://rewearit.gr/%ce%bf-%ce%bb%ce%bf%ce%b3%ce%b1%cf%81%ce%b9%ce%b1%cf% …
Line 189, Column 3:<i class=”pe-7s-close”></i>
Line 197, Column 8:<i class=”pe-7s-search”></i>
Line 198, Column 7:<a class=”cb chp db jas-my-account” href=”https://rewearit.gr/%ce%bf-%ce%bb%ce%bf%ce%b3%ce%b1%cf%81% …
Line 205, Column 28:<a class=”dib br__50 tc facebook-official” href=”https://www.facebook.com/rewearit.ath/” target=”_bl …
Line 205, Column 203:<a class=”dib br__50 tc instagram” href=”https://www.instagram.com/rewearit.ath/” target=”_blank” ar …
-
AuthorPosts
