w3c / aria-practices

WAI-ARIA Authoring Practices Guide (APG)
https://www.w3.org/wai/aria/apg/
Other
1.21k stars 347 forks source link

Sortable Table Example: Separate off-screen portion of caption with parenthesis instead of comma #3072

Closed ariellalgilmore closed 3 months ago

ariellalgilmore commented 4 months ago

Fixes #3066

updating sr-only text to parenthesis instead of a comma

Preview

Preview Sortable Table Example in compare branch


WAI Preview Link (Last built on Tue, 27 Aug 2024 02:57:06 GMT).

css-meeting-bot commented 3 months ago

The ARIA Authoring Practices (APG) Task Force just discussed Sortable table caption.

The full IRC log of that discussion <jugglinmike> Topic: Sortable table caption
<jugglinmike> github: https://github.com/w3c/aria-practices/pull/3072
<jugglinmike> Matt_King: In the sortable table example, there's a caption on the table. The capture: a phrase, followed by a comma, followed by another phrase
<jugglinmike> Matt_King: Someone pointed out that the comma is not a very good syntactic structure because the comma is off-screen
<jugglinmike> Matt_King: So we're removing it in favor of using a space as a separator
<jugglinmike> Matt_King: At the moment in the patch, though, even though I can observe a space in the code, JAWS appears to be rendering without the space
<jugglinmike> arigilmore: I haven't had a chance to investigate further since you reported that, though I know there's no problem with VoiceOver. I'll be sure to look into it with JAWS
<jugglinmike> s/into it/in to it/
<jugglinmike> Matt_King: I didn't try this in Firefox, actually
<jugglinmike> Matt_King: Firefox has TWO spaces!
<jugglinmike> Adam_Page_: I remember a similar issue coming up on a WPT test that I wrote. Something to do with a link or a button, if I recall correctly
<jugglinmike> Matt_King: This might be a browser bug and no problem with arigilmore's code
<jugglinmike> arigilmore: Interesting...
<jugglinmike> Adam_Page_: Reviewing the pull request, now, I can see a space at the beginning of the "span" element
<jugglinmike> arigilmore: What do you think if I use an HTML entity like "&nbsp;"?
<jugglinmike> Adam_Page_: I was thinking about that, too; you might also try the "breaking space" entity (although it probably doesn't matter too much because this is off-screen)
<jugglinmike> Matt_King: Yeah, let's try an entity, arigilmore