19:03:19 RRSAgent has joined #aria-apg 19:03:23 logging to https://www.w3.org/2025/02/18-aria-apg-irc 19:03:23 RRSAgent, make logs Public 19:03:24 Meeting: ARIA Authoring Practices Task Force 19:03:25 present+ jugglinmike 19:03:34 scribe+ jugglinmike 19:03:46 Adam_Page has joined #aria-apg 19:03:54 howard-e has joined #aria-apg 19:03:57 present+ 19:04:12 present+ 19:04:34 present+ Matt_King 19:04:37 Jem has joined #aria-apg 19:04:42 present+ Jem 19:04:46 https://github.com/w3c/aria-practices/wiki/February-18%2C-2025-Agenda 19:04:49 CurtBellew has joined #aria-apg 19:05:02 topic: Setup and Review Agenda 19:05:10 sarah4 has joined #aria-apg 19:05:38 present+ sarah4 19:05:44 present+ 19:05:46 present+ lola 19:05:53 present+ CurtBellew 19:06:13 Matt_King: Any requests for change to agenda? 19:06:49 howard-e: I have a tiny infrastructure comment, but it's not pressing, and it's something we can continue in the issue. It's related to macOS testing 19:08:00 howard-e: We have our regression tests that have been running with Ubuntu for a long time. Recently, persons have made comments about issues with running in macOS. So I'm wondering if we want to expand the set of operating systems we are using in the continuous integration environment so that we maintain awareness of issues like this 19:08:30 howard-e: https://github.com/w3c/aria-practices/issues/2735 19:08:52 howard-e: We don't need a discussion item for this; I just request that people review that issue and chime in 19:09:00 Matt_King: Next meeting: February 25 19:09:14 topic: Publication planning 19:09:29 Matt_King: We're planning a publication for next week, primarily featuring this color-contrast settings page. 19:10:09 Matt_King: Wow did Jon add a lot of content! I think there's room for a lot of editorial revision, though, so I wanted to talk about pushing publication back by one week to accommodate review 19:10:37 Matt_King: We could push back by two weeks, but that would put publication during the week of CSUN. I'm not sure if that would be a problem 19:10:43 howard-e: March 4th would work for me 19:10:49 Matt_King: Okay, any objections? 19:11:00 Matt_King: Hearing none, I'll plan to check with Daniel 19:11:10 Matt_King: Also thanks to Adam for the review 19:11:18 s/Adam/Adam_Page/ 19:11:24 Adam_Page: Absolutely 19:11:33 topic: PR 2991 - Practice Page for Supporting color settings 19:11:42 github: https://github.com/w3c/aria-practices/pull/2991 19:12:00 Matt_King: Please open the "preview" link which is listed at the top of the pull request 19:12:13 https://deploy-preview-380--aria-practices.netlify.app/aria/apg/practices/color-settings/ 19:12:22 link to preview of practice page: 19:12:23 https://deploy-preview-380--aria-practices.netlify.app/aria/apg/practices/color-settings/ 19:13:28 siri has joined #aria-apg 19:13:31 howard-e: There was a bug with the Netlify cache which impacted this pull request and a few others from around the same time. I have since logged in to the Netlify account and manually refreshed it 19:13:41 Matt_King: There is a section titled "Contrast themes forced colors" 19:13:50 Matt_King: This is primarily about what Microsoft Windows does 19:14:35 Matt_King: This has turned into a really long section 19:14:35 present+ 19:14:55 Matt_King: There's a lot of really good information here, but I'm really kind of worried about the primary messages getting lost or not being clear from the top 19:15:15 Matt_King: I'm kind of wondering what the primary messaging should be--that's the question I put into today's agenda 19:15:23 lola4 has joined #aria-apg 19:15:34 Matt_King: At a high level, I feel like the structure might not support the messaging 19:16:20 Matt_King: One of the first questions I have is, if somebody is using all native HTML and no ARIA at all, is it the case that these contrast themes will just work well with the way browsers use system colors? In general, is that the simplest way to support the contrast themes? 19:16:32 Adam_Page: When you said, "no ARIA", did you also mean "no custom CSS" 19:16:51 Matt_King: I didn't mean that, but maybe when we talk about CSS, we talk about the changes to hover, etc. 19:17:12 Adam_Page: I heard "no ARIA", and my instant reaction was "how can ARIA even effect this, anyway?" 19:17:18 sarah4: That was also my question 19:17:18 ditto 19:18:02 Matt_King: If somebody makes a "div" with a "role" of "button", that button is going to end up looking like text because the browser does nothing with the semantics of that button (e.g. it won't give it the system colors that are related to buttons) 19:18:36 Matt_King: So I'm wondering, is "message number 1". Is it true that if you don't use ARIA, you will automatically get a page that works well with contrast themes? 19:18:51 sarah4: Yes, there are other ways to break it. You can break it with CSS, as well. 19:19:11 Matt_King: Okay, so I guess we don't want to give the primary message of "just use native elements, and you're better off" 19:19:21 Matt_King: I wonder if we even address these issues in this content... 19:20:09 sarah4: There could be meaningful color. Imagine that you have icons with people that are accompanied by a colored dot whose color describes each person's status 19:20:17 sarah4: You could easily design something whose focus outline is not super-visible in high-contrast mode 19:20:37 q+ 19:20:42 sarah4: There are a lot of cases where you actively need to design things to be visible in high-contrast mode 19:20:57 Matt_King: Some of those sound like they would be related to customized widgets 19:21:17 sarah4: I don't remember if "select" adopts actual colors from Windows high-contrast themes... 19:21:40 sarah4: If you're building a menu, for instance, you could build it with "button". That would give it slightly different border colors in high-contrast mode 19:22:18 Matt_King: I guess what I feel like we're missing here in terms of high-level messaging is, we don't even have a recipe for people to follow. This is for a "practice" page, after all. 19:22:27 q+ 19:22:49 Matt_King: It feels like what we don't have anywhere in this section is like a recipe. "Add this many cups of flour and this many cups of sugar, and you'll get there" 19:23:12 Matt_King: Is a simple five-step recipe a way to support forced-colors--surely that has to be a feasible idea. We can do that, right? 19:23:34 lola4: Why are we not relying on the current accessibility advice when it comes to color? 19:23:47 lola4: Is there something in that advice which doesn't apply here? 19:24:06 Matt_King: We are relying on the standard color advice; it's linked here like ten times 19:24:36 Matt_King: The list of things you need to do or consider in order for a contrast theme to work well with your page 19:25:08 Matt_King: When I read this section, now, it reads to me like a ton of confusing information 19:25:49 sarah4: Another way to screw up is using the wrong background color or a box-shadow to differentiate the boundaries, and when you enable high-contrast mode, that becomes imperceptible 19:26:13 ack me 19:26:20 ack lola 19:26:21 sarah4: I think the problem is the way to design for high-contrast mode is similar to designing for everything else--you really need to turn it on and audit everything to make sure it all looks good 19:26:23 Sarah got to what I was trying to say lol 19:26:44 CurtBellew: The question is, "do I see everything the way that I should?" 19:27:06 Matt_King: Yeah. If you could share a link to your tips in the minutes, sarah4, along with a link to Melanie's article... 19:28:16 Matt_King: One of the things that jon had been talking a lot about were the advantages of using system color over current color, but this copy right now addresses current color, first 19:28:33 sarah4: I think I threw something in about svg's for icons with current-color 19:28:52 Matt_King: Adam_Page raised a point (and made a couple suggestions that got committed) that were related to "current color" camel-casing 19:28:54 Dropping the zoom comment on article links here too: 19:28:54 Melanie’s Edge blog: https://blogs.windows.com/msedgedev/2020/09/17/styling-for-windows-high-contrast-with-new-standards-for-forced-colors/ 19:28:54 My tips: https://sarahmhigley.com/writing/whcm-quick-tips/ 19:28:54 Adrian has a post too: https://adrianroselli.com/2021/02/whcm-and-system-colors.html 19:29:20 Adam_Page: It was pretty editorial, but I found different instances of capitalization, and I lost track of what Jon was communicating 19:29:49 Matt_King: Is there a difference between "current color" as a concept and using "current-color" keyword as a technique 19:30:11 Adam_Page: It's really a technical writing question. I don't think there is a concept which is distinct from the keyword 19:30:22 Matt_King: Right now, just getting it consistent on this page would be good 19:30:36 Matt_King: I looked at the MDN article, and I don't remember seeing it camel-cased there 19:31:30 sarah4: Functionally, you can type either, and it will work. I use camel-case because it's what's in the CSS spec and it seems more pedantically correct 19:32:03 Matt_King: If there's no such thing as a clear concept where I would use "current color", then I'm going to adjust the phrasings so we're consistently talking about the "currentColor" keyword, and I will camel-case it 19:32:16 Matt_King: Adam_Page also made a suggestion related to nested CSS which was beyond me 19:32:40 Matt_King: Jon said that it was an editorial decision which he would leave to me 19:32:57 Adam_Page: That was a super-soft suggestion and also not specifically related to high-contrast (the content of this effort) 19:33:10 Adam_Page: It's only because I'm still new to the APG that I find myself having these ideas during code reviews 19:33:27 Adam_Page: Where I am seeing opportunities to modernize the language and make it easier for folks to understand 19:33:32 Adam_Page: I've had similar suggestions in other PRs 19:33:58 Adam_Page: This is one where, to me eyes, using native nested CSS would make it cleaner and more readable, as a reference 19:34:20 Adam_Page: There are five or so code blocks. I picked on just one knowing that this would be a much bigger conversation 19:34:43 Matt_King: Well, just because we make THIS page more readable... In the pages of the APG itself, you don't see any CSS. This is a very exceptional page 19:35:06 Matt_King: Of course, if you go to the examples, you see CSS. But that would be a separate conversation--one that would involve the code guide 19:35:24 Matt_King: We don't have to get into the code guide if we're only discussing the code samples that are present on this page 19:35:52 Matt_King: Anybody think it would be a problem if we accepted Adam_Page's suggestion? 19:36:31 howard-e: No problems, here. I'm also in support. For what it's worth, I've been using styled components in post-processors in Motion et. al for some time. I'll always support the approach that Adam_Page suggested here 19:36:57 Matt_King: If we accept the one commit that you made there, would you be up for making similar suggestions for the other examples on the page 19:37:05 Adam_Page: I'm up for that 19:37:52 Adam_Page: I'm glad you mentioned the code guide. I was aware that it existed, but I haven't reviewed it very thoroughly. I've had an itch in the back of my head about what APG supports in terms of browser versions 19:38:15 Adam_Page: I feel like we should conform to that code guide throughout the APG 19:38:34 Matt_King: With a large project like this, it can be had to evolve all the code at once 19:39:04 Matt_King: Right now, we make the code guide be our aspirational bar--it's what we use for anything new that comes in. 19:39:20 Matt_King: If you think we need some changes to the CSS part of the code guide, Adam_Page, we'd gladly take a look at those, as well 19:40:02 Adam_Page: Great! One other thought I had along those lines was that now that Baseline is a thing, maybe we can start to reference it. 19:40:18 Matt_King: Could you raise an issue about this? And include an intro to Baseline? 19:40:22 Adam_Page: Absolutely 19:40:52 Matt_King: I feel like the best use of people's time right now might be to go off and read the two resources that sarah4 has shared. That might help shape this content better. It also might add to the timeline, but I think it's probably worth it 19:41:05 Matt_King: Any further questions or comments on this topic before we move on? 19:41:18 Matt_King: Hearing none, we'll move on. I really appreciate all the input! 19:41:28 lola has joined #aria-apg 19:42:19 s/lola4/lola/g 19:44:33 Matt_King: Our goal is to deliver something that's really practical and really useful to the community. I want to avoid falling into any rabbit holes, but at least give readers pointers to the rabbit holes 19:44:47 Topic: Issue 3232 - rowgroup for table body 19:44:55 Matt_King: We'll skip this topic for time 19:45:04 Topic: Issue 3238 - Hover moving focus in menus 19:45:09 github: https://github.com/w3c/aria-practices/issues/3238#issuecomment-2661124672 19:45:23 sarah4: Application menus on Windows (and maybe macOS) have focus follow hover when they're open 19:45:39 sarah4: The editor menu example in the APG does that same thing. When you have an open dropdown menu, focus follows hover 19:45:52 sarah4: That happens in the script, and there's a line in the guidance that describes that behavior 19:46:30 sarah4: Because of this, we did the same behavior in my library that I work on. We've had a number of problems since making that decision (especially when there's scroll overflow) 19:47:21 sarah4: I'm not sure what the benefit is of focus following hover--other than that Windows and macOS do it 19:47:34 sarah4: I'm wondering if there's a benefit beyond matching native OS 19:48:42 Matt_King: One thing that happens to me is, when I'm using Google Docs, and I press alt+shift+A to open the accessibility menu--if my mouse happens to be sitting in the area that that menu pops open to (so that the mouse ends up being somewhere in the middle of the menu), then the comments item automatically gets activated, and I end up in a sub-menu of the accessibility menu. 19:49:02 sarah4: Yeah, that's another example of what I'm talking about 19:49:24 Matt_King: If weird stuff like that is happening, I go through an exercise to park my mouse in a corner of the screen, and the problem goes away 19:49:44 Matt_King: Freedom Scientific was talking about making that behavior happen automatically--they just have to do so without disrupting mouse users 19:49:56 sarah4: It makes me sad that the workaround is "move the mouse" 19:50:13 Matt_King: I thought we made it so that you had to click, so that we weren't ever moving focus unless you clicked 19:50:48 sarah4: I went back and read all the discussions. On the editor menu bar (not in the dropdown menus), focus doesn't follow the mouse before you've opened anything. As soon as you open something, it will follow 19:51:12 Matt_King: Ah, so that's why it applies to my case. If you open with the keyboard, and the mouse is in place, then boom 19:51:14 sarah4: Right 19:51:53 Matt_King: Let's say someone clicks on the first drop down, and that opens the first dropdown, but then they move their mouse to hover over the second item in the top menu bar. They are expecting to see the items in that menu to be automatically displayed... 19:52:44 Matt_King: If focus moved when they did that first click, but then wasn't moving as they hovered over the second, third, fourth items in the menu bar--does that have any negative side-effects? If the focus doesn't move? 19:52:58 sarah4: I think we could still handle focus if, with your mouse, you close 19:53:00 editor menu bar example link https://www.w3.org/WAI/ARIA/apg/patterns/menubar/examples/menubar-editor/ 19:53:40 sarah4: I think we could do a focus-recovery thing with more nuanced heuristics (without having focus always follow hover) 19:54:09 Matt_King: Do all the negative side-effects of this occur when somebody isn't actually moving the mouse? 19:54:39 sarah4: Yes. I can reproduce this in the example right now: I put my mouse underneath the dropdown, then use the keyboard to open the dropdown, and focus jumps to the location of my mouse 19:55:01 Matt_King: If someone is driving their magnifier with their mouse, and they also use the keyboard--that is a case where you also want focus to move, right? 19:55:19 sarah4: I don't think so. I believe with something like zoom text, it will follow focus of the keyboard 19:55:43 sarah4: I don't think Zoom Text needs our help 19:56:11 Matt_King: If it's always related to side-effects of the mouse being static, I wonder if there's a really simple approach. 19:56:16 Matt_King: If there's no mouse movement... 19:57:02 sarah4: We did that--we switched to using "mousemove". The side effect of that, is that if your mouse is just resting, then focus won't immediately jump, but if you just brush your touchpad or bump your mouse... 19:57:16 Matt_King: Oooh, right. I disable the touchpad for this reason 19:57:53 Matt_King: We recently landed a pull request that addressed this, partially at least, on one example. I think it was on one of the "action menu button" examples, but I'm not sure 19:58:13 Matt_King: What you're talking about here is more like the guidance. I feel like we should update the guidance and then use that to raise bugs against the examples 19:58:43 Matt_King: Is there anybody that has any objection to removing automatically having focus follow hover? 19:58:57 Jem: It sounds like removing that would be a straightforward solution for now 19:59:12 Matt_King: We don't have any accessibility for keeping this capability of having focus follow hover, right? 19:59:32 Matt_King: Hearing none, I think that answer's sarah4's most fundamental question 19:59:49 sarah4: Excellent. I can even open the pull request to make this change 19:59:57 Matt_King: Awesome 20:00:27 Zakim, end the meeting 20:00:27 As of this point the attendees have been jugglinmike, howard-e, Adam_Page, Matt_King, Jem, sarah4, lola, CurtBellew, siri 20:00:30 RRSAgent, please draft minutes v2 20:00:31 I have made the request to generate https://www.w3.org/2025/02/18-aria-apg-minutes.html Zakim 20:00:38 I am happy to have been of service, jugglinmike; please remember to excuse RRSAgent. Goodbye 20:00:38 Zakim has left #aria-apg