Git Product home page Git Product logo

Comments (11)

RyanDurkin avatar RyanDurkin commented on August 20, 2024 2

Your reply was my first thought too but this isn't a highly debatable point if you read the standards for accessibility. It hasn't got anything to do with our considerations, it's going on the standards set by the accessibility community.
Here's another link for you: https://dequeuniversity.com/rules/axe/1.1/image-alt

Ensure all informative elements have short, descriptive alternate text and all decorative elements have empty alt attributes

from dxa-web-application-dotnet.

NunoLinhares avatar NunoLinhares commented on August 20, 2024 2

I have to side with @RyanDurkin on this one - looks like it's 1) a small change and 2) correct from the standards compliance point of view (i.e., tags for which there is no ALT content should have it empty rather than absent)

from dxa-web-application-dotnet.

bkoopman avatar bkoopman commented on August 20, 2024 1

https://jira.sdl.com/browse/TSI-2891

from dxa-web-application-dotnet.

bkoopman avatar bkoopman commented on August 20, 2024

I think this is a highly debatable point, I don't consider an empty alt tag more accessible than no alt tag, so the accessibility failure should rather be fixed by supplying an alternate text for the image if you ask me.

from dxa-web-application-dotnet.

bkoopman avatar bkoopman commented on August 20, 2024

I have seen the standards, but the debatable part is how much support for the standard you want built in, since as soon as you supply an alternate text, we support the standard, there is no requirement in the standard to have empty alt attributes, so you can just make sure there is content for them ;)

from dxa-web-application-dotnet.

RyanDurkin avatar RyanDurkin commented on August 20, 2024

there is no requirement in the standard to have empty alt attributes

I just don't get what you're saying there? I've supplied two links stating that they must have empty alt attributes?

from dxa-web-application-dotnet.

bkoopman avatar bkoopman commented on August 20, 2024

That is only if there is no content. What I'm saying is: just make sure there is content, because that is actually what accessibility is all about. When there is content, you don't need empty attributes.

from dxa-web-application-dotnet.

RyanDurkin avatar RyanDurkin commented on August 20, 2024

"Just make sure there is content" is a ridiculous reply. I can't believe I'm having to fight to get this simple change in. Here's another link for you and then I guess I'll give up: https://www.w3.org/TR/WCAG20-TECHS/H67.html

from dxa-web-application-dotnet.

DominicCronin avatar DominicCronin commented on August 20, 2024

Just to make it a bit more concrete: imagine you are a blind person using a screen reader and it keeps reading out stuff like "top left decorative corner".

from dxa-web-application-dotnet.

jhorsman avatar jhorsman commented on August 20, 2024

@DominicCronin Good point.
Let's stick with the standards indeed.

I guess that <img src="image.jpg"> means: we did not think about an alt text. I wonder what the screen reader would do with this tag, maybe it does read it out with the filename from the search or so.
And then <img src="image.jpg" alt=""> means: this is a decorative image, it does not contain content. So don't read it out at all.

from dxa-web-application-dotnet.

rpannekoek avatar rpannekoek commented on August 20, 2024

Fixed in DXA 1.8 and 2.0

from dxa-web-application-dotnet.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.