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

[ariellalgilmore]

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).

[mcking65]

Suggestion for One small change.

[css-meeting-bot]

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//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

[mcking65]

Works now, thanks @ariellalgilmore!