{"id":1523,"date":"2025-02-24T14:30:40","date_gmt":"2025-02-24T14:30:40","guid":{"rendered":"https:\/\/html5accessibility.com\/stuff\/?p=1523"},"modified":"2025-02-24T14:30:54","modified_gmt":"2025-02-24T14:30:54","slug":"wcag-3-a-change-of-context","status":"publish","type":"post","link":"https:\/\/html5accessibility.com\/stuff\/2025\/02\/24\/wcag-3-a-change-of-context\/","title":{"rendered":"WCAG 3 a change of context"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-1527\" src=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/02\/truck-1024x628.jpg\" alt=\"Truck with a sign on the side &quot;Believing that billionaires are fighting for the working class requires a comical level of delusion&quot;\" width=\"580\" height=\"356\" srcset=\"https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/02\/truck-1024x628.jpg 1024w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/02\/truck-300x184.jpg 300w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/02\/truck-768x471.jpg 768w, https:\/\/html5accessibility.com\/stuff\/wp-content\/uploads\/2025\/02\/truck.jpg 1188w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/p>\n<h2>Why change?<\/h2>\n<p>The old skool WCAG 2x definition of a <em>web page<\/em> is not fit for purpose when WCAG is used to test non web user interfaces as it is, for example <a href=\"https:\/\/tetralogical.com\/blog\/2024\/07\/18\/wcag2ict\/\">native apps<\/a> it leads to suboptimal outcomes. There has been much work done in the past and in the present to define a view for conformance purposes. This effort is currently ongoing as part of <a href=\"https:\/\/www.w3.org\/WAI\/about\/groups\/agwg\/#wcag-3\">W3C Accessibility Guidelines Working Group WCAG 3<\/a> work<\/p>\n<h2>The current WCAG 3 definition of view<\/h2>\n<p><a href=\"https:\/\/www.w3.org\/TR\/wcag-3.0\/#dfn-view\">WCAG 3 definition of a <em>view<\/em><\/a><\/p>\n<blockquote><p>Testing scope that includes all\u00a0<a id=\"ref-for-dfn-content-67\" class=\"internalDFN\" href=\"https:\/\/www.w3.org\/TR\/wcag-3.0\/#dfn-content\" data-link-type=\"dfn\">content<\/a>\u00a0visually and\u00a0<a id=\"ref-for-dfn-programmatically-determinable-21\" class=\"internalDFN\" href=\"https:\/\/www.w3.org\/TR\/wcag-3.0\/#dfn-programmatically-determinable\" data-link-type=\"dfn\">programmatically<\/a>\u00a0available without a significant change. Conceptually, views correspond to the definition of a web page as used in WCAG 2, but are not restricted to content meeting that definition. For example, a view could be considered a \u201cscreen\u201d in a mobile app or a layer of web content, such as a modal dialog.<\/p><\/blockquote>\n<p>This definition is all a bit wooly.<\/p>\n<h3>Suggested definition<\/h3>\n<p>Conformance scope that includes all\u00a0<a id=\"ref-for-dfn-content-67\" class=\"internalDFN\" href=\"https:\/\/www.w3.org\/TR\/wcag-3.0\/#dfn-content\" data-link-type=\"dfn\">content<\/a>\u00a0visually and\u00a0<a id=\"ref-for-dfn-programmatically-determinable-21\" class=\"internalDFN\" href=\"https:\/\/www.w3.org\/TR\/wcag-3.0\/#dfn-programmatically-determinable\" data-link-type=\"dfn\">programmatically<\/a> available without a <strong>change of context<\/strong><\/p>\n<p>I have tweaked the WCAG 2.2 definition of change of context and related definitions,<\/p>\n<h4>change of context<\/h4>\n<p>Major change in the content of the view that, if made without user awareness, can disorient users who are not able to view the entire view simultaneously<br \/>\nChanges in context include changes of:<\/p>\n<ul>\n<li>user agent;<\/li>\n<li>viewport;<\/li>\n<li>content\u00a0that changes the meaning of the\u00a0view.<\/li>\n<\/ul>\n<p class=\"note\">A change of content is not always a change of context. Changes in content, such as an expanding outline, dynamic menu, opening a non-modal dialog, or a tab control do not necessarily change the context.<\/p>\n<p class=\"prefix\"><em>Example:\u00a0<\/em>Opening a new window, opening a modal dialog, going to a new view (including anything that would look to a user as if they had moved to a new view) or significantly re-arranging the content of a view are examples of changes of context.<\/p>\n<h4>viewport<\/h4>\n<p>object in which the user agent presents content<\/p>\n<p class=\"note\">The\u00a0user agent\u00a0presents content through one or more viewports. Viewports include windows, frames, loudspeakers, and virtual magnifying glasses. A viewport may contain another viewport (e.g., nested frames). Interface components created by the user agent such as prompts, menus, and alerts are not viewports.<\/p>\n<p>This definition is based on the WCAG 2.2 definition of <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#dfn-viewport\">viewport<\/a>.<\/p>\n<h4>user agent<\/h4>\n<p>any software that presents content for users<\/p>\n<p class=\"note\"><em>Example:<\/em> Web browsers, media players, plug-ins, and other programs or apps \u2014 including <a href=\"https:\/\/www.w3.org\/TR\/2008\/REC-WCAG20-20081211\/#atdef\">assistive technologies<\/a> \u2014 that help in rendering, and interacting with content.<\/p>\n<p>This definition is based on the WCAG 2.2 definition of <a href=\"https:\/\/www.w3.org\/TR\/WCAG22\/#dfn-user-agents\">user agent<\/a>.<\/p>\n<p class=\"note\"><strong>If you have comments on this please add them to this <a href=\"https:\/\/github.com\/w3c\/wcag3\/discussions\/286\">Discussion on defining view<\/a><\/strong><\/p>\n<h2>There are <em>some things<\/em> WCAG that show no signs of age:<\/h2>\n<p><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/-IWBT4Tk3t0?si=Y7lpSt5SxnvqsjFv\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<details>\n<summary>Transcript\/lyrics<\/summary>\n<pre>W-C-A-G, WCAG, I'm a cool DJ, SHARKY, SH-SH-SH-SHARKY\r\nHey I'm going crazy with this cool beat, I have much better rythym since you installed that new quantizing program.\r\nI dance the electric boogie. Want to see it David?\r\nNo Sharky, we've got to get going on this song, you can dance while I sing but don't pull yourself out of the wall socket again.\r\nWe got a brand new specification it works with the tool of verification\r\nmakes the accessible you know we made it testable\r\nWCAG, WCAG\r\ngonna make the web understandable make it perceivable write it tangible\r\nwhen its interoperable the web will be unstoppable\r\nWCAG, WCAG\r\nWe wanna show you the WCAG\r\nWe wanna show you what this world can be\r\nWe wanna show you the WCAG\r\nIt's not a heavy load to open up your code and write the WCAG, WCAG\r\nYou know David, I saw a guy on TV say that he's the fastest rapper in the world, but I'm way faster, I blow him away, watch this\r\nSharky raps at 250 words a minute\r\nI'm a cool DJ, Sharky, WCAG. I like techno geek music. How's that David, am I a cool rapper now?\r\nDavid: Sharky, I couldn't understand a word you said.\r\nSharky: Most of my blind friends understand everything when I speak at that speed\r\n(slowly) Would you like me to speak really slow for you David?\r\nDavid: That's very funny, c'mon let's sing this verse together.\r\nWe're gonna make the web a better place For every ability and every race\r\nEven if you're surfing from outer space you've got the WCAG, WCAG\r\nWe wanna show you the WCAG\r\nWe wanna show you what this world can be\r\nWe wanna show you the WCAG\r\nIt's not a heavy load to open up your code and write the WCAG, WCAG\r\nSo let me tell you what the WCAG is And what the WCAG's not\r\nThe WCAG is a set of tools Comes with a set of rules\r\nHelp your web site come to life For people with other abilities And sensabilities\r\nSo when they hit you online They can have a good time\r\nDon't matter if they're blind Or if they have to sign\r\nOr if their hands start to shake With every move they make\r\nOr if their minds get confused with what they want to do\r\nThey can easily figure out What you are talking about When you follow the principles that we're gonna lay out\r\nPrinciple 1: Content must be Perceivable\r\nPrinciple 2: Interface elements in the content must by Operable\r\nPrinciple 3: Content and controls must be Understandable\r\nPrinciple 4: Content must be Robust, enough to work with current and future technologies\r\nWe wanna show you the WCAG We wanna show you what this world can be\r\nWe wanna show you the WCAG\r\nIt's not a heavy load to open up your code and write the WCAG, WCAG\r\nHey David, your music is much more funky since you moved out of the suburbs and started hanging out downtown on street corners.\r\nI like the other theme song but it sounded a bit too unplugged and I've never been crazy about an unplugged sound,\r\nI like techno geek music where computers do everything and humans don't play any instruments.\r\nI think it is a lot more organic when music is played buy genuine computers.\r\nWhen humans play it sounds so unemotionable and fake.\r\nDavid: We'll that's just because you're a bunch of ones and zeros there big guy.\r\nSharky: David, that was very mean of you to say that, you know I've always been very sensitive out my binary genetic coding.\r\nIt's always been a source of great emotional insecurity for me.\r\nDavid: Oh, c'mon Sharky, you know I love you man, and besides, you are an awesome rapper, man you should go into American Idol.\r\nSharky: I'm going to be a star, I can see the headlines now, Sharky wins American Idol for people with disabilities.\r\n\r\n<\/pre>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>Why change? The old skool WCAG 2x definition of a web page is not fit for purpose when WCAG is used to test non web user interfaces as it is, for example native apps it leads to suboptimal outcomes. There has been much work done in the past and in the present to define a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1523","post","type-post","status-publish","format-standard","hentry","category-htmlaccessibility"],"_links":{"self":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/comments?post=1523"}],"version-history":[{"count":9,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1523\/revisions"}],"predecessor-version":[{"id":1533,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/posts\/1523\/revisions\/1533"}],"wp:attachment":[{"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/media?parent=1523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/categories?post=1523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5accessibility.com\/stuff\/wp-json\/wp\/v2\/tags?post=1523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}