asked on
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.
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.
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.
Our community of experts have been thoroughly vetted for their expertise and industry experience.