• Twitterでシェア
  • Facebookでシェア

キーボード操作を意識したHTML/CSSコーディング

テクノロジー カテゴリーの変更を依頼 記事元:zenn.dev/tak_dcxi
適切な情報に変更
569 usersがブックマーク コメント36

    記事へのコメント36件

    • 注目コメント
    • 新着コメント
    Falky
    Falky お、あんまり気に掛けられてなかった視点&テクニックばかりで興味深い

    2020/12/07 リンク

    その他
    t_motooka
    t_motooka とても大事なことが書かれている。特にWebアプリのデザイナさん達にはぜひ読んでもらいたい。モーダルダイアログをESCキーで閉じれるサイトは、一気に信頼感上がるよね。

    2020/12/07 リンク

    その他
    t-sat
    t-sat ここで語られているよりずっと些細な事だけど、スマートフォンが主流になった辺りからかspace/shift+spaceでスクロールできないサイトが増えてきて、コーヒーすすりながら読み流せなくてだるい。

    2020/12/07 リンク

    その他
    buhoho
    buhoho webがこれ気をつけてくれれば生きるの楽になる/Micromodal.jsよさそう

    2020/12/07 リンク

    その他
    ar0
    ar0 “るinputはTabキーでのフォーカスが不可能になってしまうため、キーボード操作でWebサイトを利用している方はそのチェックボックスやラジオボタンを選択す”

    2023/05/24 リンク

    その他
    d4-1977
    d4-1977 button要素の使いこなし考えないとなあ… というのも、reset.cssなども関係してくるから、すぐに出来なくて、どうやるか？は、しっかり考える必要があるから、スキルを見るのにちょうどいいのかな

    2020/12/12 リンク

    その他
    Phenomenon
    Phenomenon ためになる

    2020/12/07 リンク

    その他
    salar_de_uyuni
    salar_de_uyuni わかってんだけどSPANタグは便利だからな・・

    2020/12/07 リンク

    その他
    takogawa
    takogawa micromodalは便利なのかな。モーダル外はtab移動の対象外にする実装、最近担当してるPJでも対応してた。

    2020/12/07 リンク

    その他
    kvx
    kvx このレベル出来る人は少ないんだろうか。

    2020/12/07 リンク

    その他
    a20130517
    a20130517 なんでブクマ多いのに、コメントこんなに少ないの？タブ移動できるかどうかなんて、どうでよくない？

    2020/12/07 リンク

    その他
    tsutaken
    tsutaken 「ログイン画面でIDを入れてTABを押しても、パスワード欄に遷移しないのは納得いかない」と言う話では無かった。。。

    2020/12/07 リンク

    その他
    rjge
    rjge チェックボックス・ラジオボタンの非表示の話とかモーダルのアクセシビリティとか見た目重視でつい忘れやすいのでまとまってるのめっちゃ助かる

    2020/12/07 リンク

    その他
    t-sat
    t-sat ここで語られているよりずっと些細な事だけど、スマートフォンが主流になった辺りからかspace/shift+spaceでスクロールできないサイトが増えてきて、コーヒーすすりながら読み流せなくてだるい。

    2020/12/07 リンク

    その他
    tech0403
    tech0403 Androidには非常にわずかだが、トラックパットを採用してる機種も未だ生き残っているので、スマホでもキーボード操作はあり得る（それを言ったらガラケーもだが）。

    2020/12/07 リンク

    その他
    harry0000
    harry0000 BootstrapはToggle buttonのinputをclip: rect(0,0,0,0);とかで消してて学びがある

    2020/12/07 リンク

    その他
    ultimatebreak
    ultimatebreak 良い記事。だが現実は予算と納期云々

    2020/12/07 リンク

    その他
    yoshi-na
    yoshi-na “:focus:not(:focus-visible)” なるほど！

    2020/12/07 リンク

    その他
    suneo3476z_tn
    suneo3476z_tn Vue.jsでアクロバットなdiv/spanを書きまくっていたので反省。

    2020/12/07 リンク

    その他
    asayamakk
    asayamakk a11yって何だろなって考えたらaccessibilityか！vimium使ってるからdivでボタン作られると困るのわかる。

    2020/12/07 リンク

    その他
    yamasta
    yamasta 　いいまとめ。

    2020/12/07 リンク

    その他
    marony0109
    marony0109 この視点はぬけていた。反省。

    2020/12/07 リンク

    その他
    NOV1975
    NOV1975 そういえば、スマホってまったくもってユニバーサルデザインじゃないよね。PCサイトをないがしろにしてはいけない。

    2020/12/07 リンク

    その他
    t_motooka
    t_motooka とても大事なことが書かれている。特にWebアプリのデザイナさん達にはぜひ読んでもらいたい。モーダルダイアログをESCキーで閉じれるサイトは、一気に信頼感上がるよね。

    2020/12/07 リンク

    その他
    baronhorse
    baronhorse 勉強になるわ

    2020/12/07 リンク

    その他
    Helfard
    Helfard モーダルすごい…！

    2020/12/07 リンク

    その他
    nanamae
    nanamae エスケープがきちんと機能するアプリケーション、にっこりしてしまう

    2020/12/07 リンク

    その他
    t_f_m
    t_f_m これさー、Chromeが86だか87だかのあたりからサイト自体にフォーカスあてる＆それを解除する方法がないの合わせ技で、テンキーでの細かい上下移動不可になってて、今めっちゃ辛い

    2020/12/07 リンク

    その他
    buhoho
    buhoho webがこれ気をつけてくれれば生きるの楽になる/Micromodal.jsよさそう

    2020/12/07 リンク

    その他
    Sire
    Sire アクセシビリティ

    2020/12/07 リンク

    その他
    roppara
    roppara メモ

    2020/12/07 リンク

    その他
    danhox
    danhox 安易にアクセシビリティを口にするやつがいるのでブクマ

    2020/12/07 リンク

    その他
    eartht
    eartht 最近のブラウザは選択時にぶっとい枠線出してくるんで、outline:none にしてしまってたが、良いやり方を知った

    2020/12/07 リンク

    その他
    t-murachi
    t-murachi ちゃんとアクセシビリティの話になっててとても良いと思う。

    2020/12/07 リンク

    その他

    注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

    アプリのスクリーンショット
    いまの話題をアプリでチェック！
    • バナー広告なし
    • ミュート機能あり
    • ダークモード搭載
    アプリをダウンロード

    関連記事

    キーボード操作を意識したHTML/CSSコーディング

    この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。 アクセシビリティ Advent...

    ブックマークしたユーザー

    • jytech2024/05/24 jytech
    • ar02023/05/24 ar0
    • techtech05212023/05/06 techtech0521
    • reona52023/04/27 reona5
    • montdsichel2023/04/16 montdsichel
    • zakki_512023/03/20 zakki_51
    • ropon812023/03/19 ropon81
    • AmaiSaeta2021/04/18 AmaiSaeta
    • pekeq2021/02/24 pekeq
    • harunatsuakihuyu812021/01/08 harunatsuakihuyu81
    • ryoheif2021/01/08 ryoheif
    • heatman2021/01/05 heatman
    • TakayukiN6272020/12/31 TakayukiN627
    • yoshi-nkyma2020/12/30 yoshi-nkyma
    • Exocet2020/12/21 Exocet
    • masakuma08122020/12/21 masakuma0812
    • dieth2020/12/15 dieth
    • hooooop2020/12/15 hooooop
    すべてのユーザーの
    詳細を表示します

    同じサイトの新着

    同じサイトの新着をもっと読む

    いま人気の記事

    いま人気の記事をもっと読む

    いま人気の記事 - テクノロジー

    いま人気の記事 - テクノロジーをもっと読む

    新着記事 - テクノロジー

    新着記事 - テクノロジーをもっと読む

    同時期にブックマークされた記事

    はてなブックマーク

    公式Twitter

    はてなのサービス

    • App Storeからダウンロード
    • Google Playで手に入れよう
    Copyright © 2005-2024 Hatena. All Rights Reserved.