Skip to content

Conversation

yatil
Copy link
Contributor

@yatil yatil commented Jul 3, 2025

Trying to be clear that aria-label sets the accessible name, also clarified some text. This technique could probably do with more examples of screen reader and voice input interactions, I’m not sure if readers understand what the impact really is and why it is important.

I also modernised the language from “lightbox” to dialog, but I left the example mostly as is for now. It would be good to update it to a proper <dialog> example.

My apologies for automatically re-indenting the file, but it is so difficult to work with these files otherwise.

Diff view of changes
Preview of Technique ARIA14 from this PR, Using aria-label to provide an accessible name where a visible label cannot be used

yatil added 3 commits July 3, 2025 11:09
Sorry that this will make the actual PR more difficult to read, but it’s necessary to be able to efficiently make changes for me.
Trying to be clear that aria-label sets the accessible name, also clarified some text. This technique could probably do with more examples of screen reader and voice input interactions, I’m not sure if readers understand what the impact really is and why it is important.
@w3cbot
Copy link

w3cbot commented Jul 3, 2025

yatil marked as non substantive for IPR from ash-nazg.

Copy link

netlify bot commented Jul 3, 2025

Deploy Preview for wcag2 ready!

Name Link
🔨 Latest commit e1df541
🔍 Latest deploy log https://app.netlify.com/projects/wcag2/deploys/68664ed1335ec80007dea8bf
😎 Deploy Preview https://deploy-preview-4482--wcag2.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link

netlify bot commented Jul 3, 2025

Deploy Preview for wcag2 ready!

Name Link
🔨 Latest commit
🔍 Latest deploy log https://app.netlify.com/projects/wcag2/deploys/68dd7f547a79a31af0a02dfc
😎 Deploy Preview https://deploy-preview-4482--wcag2.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Member

@patrickhlauke patrickhlauke left a comment

Choose a reason for hiding this comment

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

once the working example is modified as well, this looks good to me

Preview: https://deploy-preview-4482--wcag2.netlify.app/techniques/aria/aria14

patrickhlauke and others added 4 commits July 3, 2025 23:18
Working example is now using an html dialog and also some more styling, just to be fancy. I also synced the example back to the technique.
#Conflicts:
#	techniques/aria/ARIA14.html
@yatil yatil requested a review from patrickhlauke July 4, 2025 10:15
Copy link
Member

@hidde hidde left a comment

Choose a reason for hiding this comment

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

Looks great to me!

@patrickhlauke patrickhlauke self-assigned this Jul 4, 2025
@mbgower mbgower self-assigned this Jul 11, 2025
@kfranqueiro
Copy link
Contributor

HTML diff

@bruce-usab
Copy link
Contributor

Discussed on backlog call 7/17. We didn't consense on final phrasing the technique.

@patrickhlauke patrickhlauke requested a review from dbjorge August 8, 2025 15:47
@patrickhlauke
Copy link
Member

@dbjorge i seem to remember that last week you had a concern that even with my changes (which i've now merged in) there was something that would fall between the cracks...mind giving another look over just to see if that's still the case?

@dbjorge
Copy link
Contributor

dbjorge commented Aug 18, 2025

@dbjorge i seem to remember that last week you had a concern that even with my changes (which i've now merged in) there was something that would fall between the cracks...mind giving another look over just to see if that's still the case?

@patrickhlauke Current version looks like an improvement to me, am fine with it merging as-updated!

@patrickhlauke
Copy link
Member

thanks for taking another look @dbjorge

@yatil
Copy link
Contributor Author

yatil commented Aug 18, 2025

Thanks for taking a look @patrickhlauke. (Sorry when I don't reply here in time, even when tagged. I had to disable notifications because of bad previous interactions. I realize it's not optimal.)

@kfranqueiro kfranqueiro dismissed dbjorge’s stale review September 17, 2025 16:54

Requested changes have since been resolved, as reflected in later comments

@carriehall1001
Copy link

this is the first time I've ever commented. As a literal thinker, it's very clear to me to what an invisible label is, that's very specific. However, when it's "accessible name", that's not very clear to me to what that actually means. I get it that some people may not like usage of "visible" or "invisible" as terms. But what does "accessible name" mean? coming from an ActuallyAutistic person here.

@patrickhlauke
Copy link
Member

I'm afraid that the concept of "accessible name" is actually quite foundational to most of ARIA, and as a consequence parts of WCAG (to the point that it's part of some success criteria like Label in Name - where "Name" is the accessible name), so not sure we can avoid using it...

@alastc
Copy link
Contributor

alastc commented Sep 22, 2025

From a little discussion in the TF facilitators, we agree that accessible name is a foundational concept that we need to use, and that we could do with some introduction / support for people who aren't familiar with it.

In some places we've linked to name, which is equivalent to accname.

For the purpose of this PR, I suggested we carry on with accepting this PR (assuming the group agrees).

Let's open a separate issue on explaining accessible name, which occurs in at over 60 places in the informative docs.

Mike suggested adding a note under "name", which says this is effectively accname. We could then link to that from here, and potentially other places that use it.

@mbgower
Copy link
Contributor

mbgower commented Sep 22, 2025

As a literal thinker, it's very clear to me to what an invisible label is, that's very specific. However, when it's "accessible name", that's not very clear to me to what that actually means. I get it that some people may not like usage of "visible" or "invisible" as terms. But what does "accessible name" mean?

Thank you for your input. I have added a link pointing directly to a definition of "accessible name". Note that that definition itself uses "invisible property", which hopefully helps. Retaining "invisible label" risks other possible confusion, since WCAG explicitly says "a label is presented to all users". I suspect that was one of the motivations for @yatil to make the pull request.

As Alastair notes, we will also revisit uses of "accessible name" in other guidance. I have initiated a draft pull request to start this work. #4633

@venkatvemuri28
Copy link

Thank you for the excellent work on clarifying this technique and thoughtfully incorporating reviewer feedback. I had just one additional suggestion that I don’t believe has been mentioned yet:

Localization reminder: It may be helpful to note that any aria-label text should be localized, with a simple pointer to W3C i18n guidance so that readers don’t overlook translation and localization considerations.

I also noticed that the branch currently has some conflicts

@kfranqueiro
Copy link
Contributor

I also noticed that the branch currently has some conflicts

Thanks for flagging; those were caused by me, so I've resolved them.

@mbgower mbgower removed the request for review from dbjorge October 1, 2025 18:59
@mbgower mbgower merged commit 2477108 into w3c:main Oct 1, 2025
4 of 8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.