Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added Missing Alt Value for Footer Archive Logo #4585

Closed
wants to merge 3 commits into from
Closed

Added Missing Alt Value for Footer Archive Logo #4585

wants to merge 3 commits into from

Conversation

dwaipayan05
Copy link
Contributor

Closes #4584

Added a missing Alt Value for the Footer Archive Logo

@dwaipayan05 dwaipayan05 changed the title Added Missing Alt Value or Footer Archive Logo Added Missing Alt Value for Footer Archive Logo Feb 12, 2021
@SaravgiYash
Copy link
Contributor

Not an issue according to @bpmcneilly (#4521 (comment))

@jdlrobson
Copy link
Collaborator

Not an issue according to @bpmcneilly (#4521 (comment))

what about people using screen readers?

@@ -50,7 +50,7 @@ <h2>$:_('Help')</h2>
</div>
<hr>
<div id="footer-details">
<img id="archive-logo" src="/static/images/pantheon.png" alt="" aria-hidden="true">
<img id="archive-logo" src="/static/images/pantheon.png" alt="Archive Logo" aria-hidden="true">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Internet Archive Logo or archive.org logo might be more appropriate here. Will someone using a screenreader know what "Archive" means?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would "Internet Archive Logo" work ?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note, best to wait for @bpmcneilly though as this answer may change :)

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yess!

@jdlrobson jdlrobson self-assigned this Feb 12, 2021
@jdlrobson
Copy link
Collaborator

jdlrobson commented Feb 12, 2021

Not an issue according to @bpmcneilly (#4521 (comment))

what about people using screen readers?

Sorry sent early before I could finish my longer reply.

Expanding on this I'm super curious @bpmcneilly on your answer there. I can understand it's not necessary given the text to the right, but it's focusable so if I was using a screen-reader and focused on the image, I would be told there's no alternate text or the filename would be recited and I perhaps would have no idea what I'm looking at.

Wouldn't an explict empty alt tag be better there, so I know it's intentionally been removed? Have recommendations changed since https://www.w3.org/WAI/tutorials/images/decorative/ ?

Copy link
Collaborator

@jdlrobson jdlrobson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Merge pending whether @bpmcneilly says an empty alt is preferred here.

@jdlrobson
Copy link
Collaborator

Now I feel a bit stupid.. looks like we already had the explicit empty alt value (I'm not sure where I got the idea we had no alt attribute at all, which makes sense given #4521 (comment)
772730099 and https://www.w3.org/WAI/tutorials/images/decorative/ )

As a result there is no reason to change the status quo.

Hope that makes sense @dwaipayan05 - let me know if you need any explanation of the above link!

@jdlrobson jdlrobson closed this Feb 14, 2021
@bpmcneilly
Copy link
Contributor

Sorry for the delay in responding to this, @jdlrobson!

For posterity, I'll also add an additional note on images - decorative images (discussed in the W3C link above) can just have null alt attributes (alt=""), which will cause them to not be announced by screen readers. However, in addition to that, even if we did update the alt value, the aria-hidden attribute on the image would keep it hidden from assistive technologies anyway! Right now it's technically doubly hidden 😀

@jdlrobson
Copy link
Collaborator

Sorry for the delay in responding to this, @jdlrobson!

For posterity, I'll also add an additional note on images - decorative images (discussed in the W3C link above) can just have null alt attributes (alt=""), which will cause them to not be announced by screen readers. However, in addition to that, even if we did update the alt value, the aria-hidden attribute on the image would keep it hidden from assistive technologies anyway! Right now it's technically doubly hidden 😀

No worries - I managed to confuse myself, and originally thought we were omiting the alt tag entirely, but what you write here is consistent with my understanding of how this should all work, so thanks for the reassurance/knowledge refresher. :) Glad to have you looking at this codebase!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Missing Alt Value for Footer Archive Logo Img
4 participants