編集可能
2016年9月13日

セマンティックWebについて考える

1
Jxck @Jxck_

type="submit" じゃない <button> のパターンで、 <a href="#"> をボタンぽくスタイルするよりも妥当なケースってなんだろ? (form に紐づかない button に違和感がある)

2016-09-12 15:55:20
Jxck @Jxck_

遷移しない a なんかキモい < ページではなくクライアント態遷移全般を担えるはず href="#"の儀式が面倒 < 無いほうが面倒では? hrefの中身を気にしたくない < セマンティクスの放棄 submit しない button より画面遷移しない a の啓蒙が正しく思える。

2016-09-12 16:18:40
Jxck @Jxck_

URL がドキュメントの **とある状態** を表していて、ブラウザ上のインタラクションの結果は常にそこに反映されている状態が、もっともアクセシブルだと思うんだけど、こういうこと言うとそこだけ切り取って原理主義者って言われそうだから呟くのはぐっとこらえておく。

2016-09-12 16:21:58
Jxck @Jxck_

JavaScript のエントリポイント UI としての button が散らばってて、クリックしたら色々発生するくせに、その状態に一意な再現性のアプリは、社内システムとかによくある。これはもう、健常かどうかなんて関係無いレベルで使い難い。みんな経験あるんじゃないだろうか。

2016-09-12 16:30:39
Jxck @Jxck_

まあ、とはいってもこの Twitter の右上にあるツイートボタンは、まさしく <form> に紐付かない <button> なんだけどねぇ。。

2016-09-12 16:36:03
Jxck @Jxck_

method="get" な form の type=submit な button という話もある。

2016-09-12 16:56:48
Jxck @Jxck_

Web が持つ機能を適切に使い、正しく Web の作法に則って作っていれば、既に相当アクセシブルなはず。だから a11y について真っ先に見直すべきは、 ARIA よりも「Web の持つ力を引き出せてるか」であるべきで、 WCAG もよく読めばそういうことしか書いてないよね。

2016-09-12 21:03:49
Jxck @Jxck_

ただ、今でいう SPA のようなリッチ UI 系の実装で、 ARIA の力を借りないとアクセシブルにならない場面があるとしたら、それがただ単に Web であることをサボってる実装なだけなのか、それとも致し方ないし ARIA が正攻法なのかは、やったこと無いからまだわかってない。

2016-09-12 21:07:37
Jxck @Jxck_

全部 div だけど適切な ARIA の属性が振られた HTML でアクセシブルです!とはならんよね。

2016-09-12 21:10:57
Jxck @Jxck_

正直 ARIA の登場は、サボる方法が増えてるだけな気がしてるんだよなぁ。今までやってきたのなんなんだろうって。でも、今の Web がこのまま進歩してった先にも「こんなもの必要ない」とは言えないので、これはもうやってみないとわからんし、やった人の話をちゃんと聞きたい。

2016-09-12 21:16:59
Ryusei @mandel59

動的に変化する対象を識別するURIもあれば、その特定のスナップショットを識別するURIもある、何でも好きな対象を識別できる枠組みがあればアクセシブルだって話

2016-09-13 06:50:14
Ryusei @mandel59

そもそもドキュメントというのは何かを表しているものだし、「ドキュメントのとある状態を表している」とか、それはまた別のドキュメントにすぎないわけで、単に「URIはドキュメントを識別している」って言えばいい

2016-09-13 06:52:07
Ryusei @mandel59

ドキュメントはリソースの一種だけど……

2016-09-13 06:52:47
Ryusei @mandel59

リソースは正確な用語だろうけど、ドキュメントがリソースの一種ってのは単に直感的な話

2016-09-13 06:53:09
Ryusei @mandel59

だいたい、URIが識別しているリソースって、具体的なデータを指すわけじゃない、よく分からない概念だし……

2016-09-13 06:53:54
Ryusei @mandel59

よくわからないってのは、自分がわからないというより、世間的に理解されづらい概念だろうと言う意味で言っている

2016-09-13 06:54:28
Ryusei @mandel59

「hrefの中身を気にしたくない < セマンティクスの放棄」 <a href="#">のどこらへんがセマンティックなんですか

2016-09-13 06:57:32
Ryusei @mandel59

「全部 div だけど適切な ARIA の属性が振られた HTML でアクセシブルです!とはならん」って、それはARIAが悪いというより、アクセシビリティーAPIが足りてないんだと思う

2016-09-13 07:01:36
Ryusei @mandel59

セマンティックとかセマンティクスとか言うの、その実体はなんなんだ

2016-09-13 07:03:27
Ryusei @mandel59

仕様の話で言うと、HTML5ではa要素のhref属性はもう必須でないので、href="#"なんて無意味な記述をする必要はないらしい。

2016-09-13 07:05:32
Ryusei @mandel59

href="#"とか、直感的に考えても無意味なのに、なんでそういうのがセマンティックだって思うんだ、セマンティックって言葉の意味を考えてないのか

2016-09-13 07:06:21
Ryusei @mandel59

無意味。無駄。ナンセンス。

2016-09-13 07:06:34
Ryusei @mandel59

まあ、「直感的に考えても」ってのは、意味を「動けばよかろう主義」で捉えている人にとってってことだと思う。

2016-09-13 07:08:10
Ryusei @mandel59

aを使ったほうがいいってのは、単にaを使った方がbuttonを使うより動く場面が現実的に多い、ぐらいのことなんじゃないんですか?

2016-09-13 07:09:10
Ryusei @mandel59

セマンティックかどうかってのは、現実の環境に応じて変わってくることになる。それってセマンティクスというよりプラグマティクスですけどね。

2016-09-13 07:09:54
残りを読む(15)

コメント

コメントがまだありません。感想を最初に伝えてみませんか?