なぜ <div> に onClick がダメなのか？
■ はじめに <div>要素にonClickを渡すべきではない、ということ聞いたことはないでしょうか？ ただ、なぜ渡すべきでないのか？ 理解してなかったので今回調べてみました。 サンプルコード 今回動作確認に利用したサンプルリポジトリのコードはReactで書いています。 ■ 結論：<div>にonClickを定義するのがなぜダメなのか？ ユーザーにとって操作性の低いボタンになってしまうから、です！ 要するに UX が悪くなってしまうから！ その理由を解説していきます！ ■ 操作性の低いボタンになってしまう理由 大きく３つあると考えています。 div要素は focus を持たないから returnキー, spaceキーをonClickに変換しないから スクリーンリーダーが認識しない要素だから ◎ focus を持たないから <div>要素はfocusを持ちません。 なので、tabキーで要素に
<button> vs. <input type="button" />. Which to use?
When looking at most sites (including SO), most of them use: <input type="button" /> instead of: <button></button> What are the main differences between the two, if any? Are there valid reasons to use one instead of the other? Are there valid reasons to use combine them? Does using <button> come with compatibility issues, seeing it is not very widely used?
h1要素は2つ以上使わない方がいい？：SEOニュース || SEO対策のAxis(アクシス)
文法的にはh1要素は1ページに1つ h1要素は、文章の「大見出し」に該当します。h1要素はSEOに効果があるといわれているため、h1要素を1ページ内で複数回使用しているケースも目にしますが、これは文法としては間違っています。文章では、大見出しは1つ、続いて中身出し、小見出しと続きますが、今のWebページは文法よりもデザインが重視される傾向にあるため、h1要素の本来の意味が軽くなっているように思えます。では、検索エンジンから見たとき、1ページ内にh1要素を2つ以上設置していると、何か影響があるのでしょうか？ ここでは、収集したWebページ内のh1要素の個数をカウントしました。 図1 h1要素の個数の平均値と中央値 平均値も中央値も約1個。順位グループごとに大きな差はない。 （※グラフ作成用データ）左上ラベル：個数 右下ラベル：順位グループ 図2 h1要素の個数の度数分布図 ほとんどのWebペ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
