WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Graphical element instead of the role link presence. How should I report it?

for

From: glen walker
Date: Mar 3, 2021 9:49AM

Being given a website to "practice" might also be a way for your employer
to evaluate your skills, and if we help you in that respect, it would skew
the results. But you were also being honest about the purpose of reviewing
the page (which, perhaps you shouldn't have been 😉). You could have said
you were reviewing the page and left out that it was for practice.

So before we dive in too deep, use the browser's code inspector tool (f12)
instead of "view source" (ctrl+u) so that you can see the html that was
generated by the javascript. You'll see that the "link" is just an <img>
with a click handler. You're on the right track with your solution.

As far as the alt text, that's subjective. I, personally. wouldn't use
"logo" in the alt text but it's not quite a failure. Does it indicate it
takes you to the home page? Not really, but having an image/link as the
first thing on the page is generally understood to be a "home" link. So if
I were writing the report about fixing the image/link (which *does* have to
be fixed), I would also note my preference about the alt text but it would
be a side note.


On Wed, Mar 3, 2021 at 8:52 AM Всеволод Попов < <EMAIL REMOVED> > wrote:

> Hello everyone,
> There is a webpage that I need to provide an accessibility testing for. It
> was given to me as the practice.
> The issue is that there is practically no html markup on a webpage, if I
> press ctrl+u and review the code the only thing I find is the connection
> process of java scripts in body of the document.
> So I cannot review the code and report it as it would be more correctly.
> The issue is that the element that logically should be stated as the
> element as the link role is presented as the graphical element with the alt
> text "Ceotech logo". When pressed, it returns back to the home page.
> Here's how I have written a report.
> Please feel free to correct me if I am wrong, because I have no idea how
> to tell it correctly in this case.
> The graphical logo instead of the link role element is presented.
> The element which is ment to be a home forwarding link is stated as an
> image that should be replaced with the element with name "home" and role
> link.
> It will allow a screen reader user to interact with this element as needed.
> Now it is not clear if it is an image or a link.
> Expected result: An html element with the name "Home" and the link role
> should be presented.
> Actual result: An aria-control element. The image element doesn't have a
> link role and has the wrong name which is confusing when using a screen
> reader.
> Standards and guidelines:https://www.w3.org/TR/WCAG21/#non-text-content
> https://www.w3.org/TR/WCAG21/#name-role-value
> See also:https://www.w3.org/WAI/WCAG21/Understanding/name-role-value.html
> https://dequeuniversity.com/rules/axe/4.1/image-alt?application=AxeFirefox
> Reproduced on: Windows 10 (64 bit)
> NVDA 2020.4.
> Firefox 85.0.
> P.s.:
> There are no elements with the link role at all. All links are presented
> as divs or graphical elements.
> The url is:
> https://ceotech.ca
> Thank you in advance!
> Best regards,
> Vsevolod
> <EMAIL REMOVED>
> My telegram channel (russian only):
> http://t.me/vsevapopov2
> The channel chat:
> http://t.me/vsevapopovclub
> > > > >