role=switch
(ARIA)[3] ARIA の role
である
switch
は、オンとオフを切り替えられるウィジェットを表します。
[10] Web Applications Markup Language 1.0, , http://www.hixie.ch/specs/html/apps/web-apps-1
1.1. Requirements and ideas
- Equivalent of <switch>, so that e.g. selecting radio buttons changes the view
[11]
>>10 ここでいう <switch> とは何か。 XUL かと思ったのだけど XUL
には <switch>
要素がない (と思うのだけどどうだろう、
XUL のドキュメントは散逸していてよくわからない)。
role=switch
[5] Modify description of the new "switch" role and identify as ARIA 1.1. · w3c/aria@e8ce919 ( 版) https://github.com/w3c/aria/commit/e8ce91965715fb244e02fb8dbcdb17e91b5270ed
std-switch
[12] tkent-google/std-switch: Explainer and demo for <std-switch> () https://github.com/tkent-google/std-switch/
[14] A toggle switch control element · Issue #384 · w3ctag/design-reviews () https://github.com/w3ctag/design-reviews/issues/384
<input switch>
[15] Switch (Explainer) | Open UI, https://open-ui.org/components/switch.explainer/
[7] An HTML Switch Control | WebKit, https://webkit.org/blog/15054/an-html-switch-control/
[6] WebKit Features in Safari 17.4 | WebKit, https://webkit.org/blog/15063/webkit-features-in-safari-17-4/
[8] オンなのかオフなのかわからないことで定評がある糞UIだけど、 これだけ普及してるから対応しないわけにいかないよなあ
On macOS, if you enable “Differentiate Without Color”, or on iOS, if you enable “On/Off Labels”, the switch will show accessibility indicators.
なぜこれがデフォルトの挙動になっていないのか。