troubleshooting Question

WCAG Compliance

Avatar of APD Toronto
APD TorontoFlag for Canada asked on
CSSHTMLJavaScriptWordPress
5 Comments1 Solution20 ViewsLast Modified:
Hi Experts,

I'm not sure if this is the right site for this question...

I took a few courses in Web Content Accessibility Guideline, WCAG, and I'm trying to start by making my own website www.aces-project.com by resolving the errors shown at https://wave.webaim.org/report#/www.aces-project.com

I created this site in 2018 using the Appointment Pro paid theme. Now I see that it is not very accessible, so I'm trying to patch it up with JS, jQuery, CSS.

First, I'm trying to tackle the 6 service icons shown below that are using font-awesome.


As each icon is represented by the adjacent text, like </> is Software Development, I tried to use aria-hidden=true on the <a> tag to be ignored by Screen Readers, thinking that the nested <i> tag will be ignored as well.

However, the WAVE Report is still giving me a "Empty link" error

As well, it added the bottom aria-hidden purple icon of the previous screenshot.

At the same time time, with this aria-hidden I was also trying to resolve the adjacent Redundant Link warning


Should aria-hidden not have  resolved both, the Empty Link error and Redundant Link alert?

Finally, in order to make my site to be fully compliant, do I need all of the below to be 0s (zeros), or just Errors, Contrast Errors and Alerts.

Thank you.
ASKER CERTIFIED SOLUTION
Alicia St Rose
WordPress Dev & WordPress Coach

Our community of experts have been thoroughly vetted for their expertise and industry experience.

Join our community to see this answer!
Unlock 1 Answer and 5 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 5 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros