<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><section><h1><code>role=switch</code> (ARIA)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ARIA</anchor> の <code>role</code>
である
<dfn><code>switch</code></dfn>
は、オンとオフを切り替えられる<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ウィジェット</anchor>を表します。</p><section><h1>仕様書</h1><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> <cite xml:lang="en-US">Accessible Rich Internet Applications (WAI-ARIA) 1.2</cite>, <time>2020-11-05T23:55:39.000Z</time>, <time>2020-11-27T12:23:29.393Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://w3c.github.io/aria/#switch">https://w3c.github.io/aria/#switch</anchor-external></li></ul></refs></section></section><section><h1>歴史</h1><section><h1>WA1</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> <cite xml:lang="en-GB-hixie">Web Applications Markup Language 1.0</cite>, <time>2004-04-07T17:39:12.000Z</time>, <time>2024-09-01T06:05:55.241Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.hixie.ch/specs/html/apps/web-apps-1">http://www.hixie.ch/specs/html/apps/web-apps-1</anchor-external></p><blockquote><p>1.1. Requirements and ideas</p></blockquote><blockquote><ul><li>Equivalent of &lt;switch&gt;, so that e.g. selecting radio buttons changes the view </li></ul></blockquote><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> 
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;10</anchor-internal> ここでいう &lt;switch&gt; とは何か。 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">XUL</anchor> かと思ったのだけど <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">XUL</anchor>
には <code>&lt;switch&gt;</code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>がない (と思うのだけどどうだろう、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">XUL</anchor> のドキュメントは散逸していてよくわからない)。</p></section><section><h1><code>role=switch</code></h1><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <cite xml:lang="en">Modify description of the new &quot;switch&quot; role and identify as ARIA 1.1. · w3c/aria@e8ce919</cite> (<time>2015-05-30 22:58:09 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/w3c/aria/commit/e8ce91965715fb244e02fb8dbcdb17e91b5270ed">https://github.com/w3c/aria/commit/e8ce91965715fb244e02fb8dbcdb17e91b5270ed</anchor-external></li></ul></refs><ul><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> <cite xml:lang="en-US">Accessible Rich Internet Applications (WAI-ARIA) 1.1</cite> (<time>2015-05-27 23:06:49 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://w3c.github.io/aria/aria/aria.html#switch">http://w3c.github.io/aria/aria/aria.html#switch</anchor-external><ul><li>移転確認 <time>2020-11-27T12:23:45.000Z</time> </li><li><anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;4</anchor-internal></li></ul></li></ul><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> <cite xml:lang="en">Modify description of the new &quot;switch&quot; role and identify as ARIA 1.1. · w3c/aria@e8ce919</cite>
(<time>2015-09-22 11:09:38 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/w3c/aria/commit/e8ce91965715fb244e02fb8dbcdb17e91b5270ed">https://github.com/w3c/aria/commit/e8ce91965715fb244e02fb8dbcdb17e91b5270ed</anchor-external></p></section><section><h1><code>std-switch</code></h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> <cite xml:lang="en">tkent-google/std-switch: Explainer and demo for &lt;std-switch&gt;</cite>
(<time>2020-07-20 11:55:42 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/tkent-google/std-switch/">https://github.com/tkent-google/std-switch/</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="14" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[14]</anchor-end> <cite xml:lang="en">A toggle switch control element · Issue #384 · w3ctag/design-reviews</cite>
(<time>2020-07-20 12:13:06 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/w3ctag/design-reviews/issues/384">https://github.com/w3ctag/design-reviews/issues/384</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end> <code>std-*</code></p><figure class="data"><figcaption><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="216" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[216]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML要素概説</anchor></figcaption><dl><dt><f xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素名</f></dt><dd><code>std-switch</code></dd><dt>日付</dt><dd><time>2019</time></dd><dt>説明</dt><dd>
<time>2019</time>頃、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Google</anchor> 
が
<code>std-switch</code>
を提案していた<sw-see xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><anchor-internal a0:anchor="16" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;16</anchor-internal></sw-see>。
現在の
<code>input</code> 要素の <code class="HTMLa">switch</code> 属性に当たる。</dd><dt>出典</dt><dd><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li>
<cite xml:lang="en">A standard 'Switch' form control</cite>, 
<data itemprop="author"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Kent Tamura</anchor></data>,
<time itemprop="published">Sep 13, 2019<attrvalue xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">2019-09-13</attrvalue></time>,
<time>2024-08-24T09:29:32.000Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/tkent-google/std-switch">https://github.com/tkent-google/std-switch</anchor-external></li></ul></refs></dd><dt>注釈</dt><dd><ul><li>
<anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="16" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[16]</anchor-end> 
<code class="HTML">std-</code> は同時に <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Google</anchor> 
が提案していた<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">標準ライブラリー</anchor>機構を通じて提供されることを表している。</li></ul></dd></dl></figure></section><section><h1><code>&lt;input switch&gt;</code></h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="15" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[15]</anchor-end> <cite xml:lang="en">Switch (Explainer) | Open UI</cite>, <time>2024-09-08T07:58:24.000Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://open-ui.org/components/switch.explainer/">https://open-ui.org/components/switch.explainer/</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> <cite>An HTML Switch Control | WebKit</cite>, <time>2024-03-15T04:59:34.000Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://webkit.org/blog/15054/an-html-switch-control/">https://webkit.org/blog/15054/an-html-switch-control/</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> <cite>WebKit Features in Safari 17.4 | WebKit</cite>, <time>2024-03-15T04:57:22.000Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://webkit.org/blog/15063/webkit-features-in-safari-17-4/">https://webkit.org/blog/15063/webkit-features-in-safari-17-4/</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> 
オンなのかオフなのかわからないことで定評がある<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">糞UI<title xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">デザインの失敗</title></anchor>だけど、
これだけ普及してるから対応しないわけにいかないよなあ</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> <anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;6</anchor-internal></p><blockquote><p><snip xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"></snip>On macOS, if you enable “Differentiate Without Color”, or on iOS, if you enable “On/Off Labels”, the switch will show accessibility indicators.</p></blockquote><p>なぜこれがデフォルトの挙動になっていないのか。</p></section></section></body></html>