std-switch

input 要素 switch 属性 (HTML)

role=switch (ARIA)

[3] ARIArole である switch は、オンとオフを切り替えられるウィジェットを表します。

仕様書

歴史

WA1

[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

[13] std-*

[216] HTML要素概説
要素名
std-switch
日付
説明
頃、 Googlestd-switch を提案していた>>16。 現在の input 要素の switch 属性に当たる。
出典
注釈

<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だけど、 これだけ普及してるから対応しないわけにいかないよなあ

[9] >>6

On macOS, if you enable “Differentiate Without Color”, or on iOS, if you enable “On/Off Labels”, the switch will show accessibility indicators.

なぜこれがデフォルトの挙動になっていないのか。