Movatterモバイル変換


[0]ホーム

URL:


はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

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

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

55usersがブックマークコメント5

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        リンクの下線の視覚的ノイズを軽減する

        55 usersyuheiy.com

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント5

            • 注目コメント
            • 新着コメント
            nmcli
            underline ってけっこうカスタマイズ性あがってたんだな。https://caniuse.com/mdn-css_properties_text-underline-offset

            その他
            tailtame
            なるほどなぁ。リンクかわからないのもストレスなんで適度に「text-underline-offset: 0.3em;」はちょうどいいね。離したリンク線はborderでってのも旧仕様になるんかな

            その他
            stefafafan
            へー面白い

            その他
            mizdra
            下線と文字の距離を離すのおもしろい

            その他
            kihee
            デフォルトの下線は、line-heightの維持を優先するため字体のベースラインのすぐ下に設定されており、可読性を損われている。line-heightを調整可能なら、ベースラインから離した方が当然読みやすい。

              その他
              nmcli
              nmcliunderline ってけっこうカスタマイズ性あがってたんだな。https://caniuse.com/mdn-css_properties_text-underline-offset

              2025/03/18リンク

              その他

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

              リンクを埋め込む

              以下のコードをコピーしてサイトに埋め込むことができます

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

              関連記事

                usersに達しました!

                さんが1番目にブックマークした記事「リンクの下線の視...」が注目されています。

                気持ちをシェアしよう

                ツイートする

                リンクの下線の視覚的ノイズを軽減する

                “Designing dyslexia-friendly navigational components”によれば、text-decoration: underlineによるデ...“Designing dyslexia-friendly navigational components”によれば、text-decoration: underlineによるデフォルトの下線はアクセシブルではないと言う。理由としては大きく二つ。 下線がディセンダーと重なることで文字の判読性や可読性が損なわれる コンテンツの邪魔になって読み手の気を散らす これは特にディスレクシアなど、認知機能に困難があるユーザーへの影響が大きい。 加えて、デフォルトの下線は美観としても好ましくないという評価を受けることが多い。視覚的に煩雑な印象を与えるからという、上記と類似する理由によるものだろう。 件の記事では、そうした問題を踏まえた改善案が紹介されている。これを参考に、このサイトでは次のような実装を採用した。html { /* 下線と文字の距離を離す */text-underline-offset:

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

                • techtech05212025/08/20techtech0521
                • nomnel2025/04/14nomnel
                • mrpopup2025/04/10mrpopup
                • kojika172025/03/25kojika17
                • shimbaco2025/03/24shimbaco
                • grfxdsgn2025/03/24grfxdsgn
                • hush_in2025/03/20hush_in
                • Pasta-K2025/03/19Pasta-K
                • onk2025/03/19onk
                • tnaototo2025/03/19tnaototo
                • tailtame2025/03/19tailtame
                • lasherplus2025/03/19lasherplus
                • takaya19922025/03/19takaya1992
                • midas365452025/03/19midas36545
                • wdscratch2025/03/19wdscratch
                • tjmschk2025/03/18tjmschk
                • yug12242025/03/18yug1224
                • pokutuna2025/03/18pokutuna
                すべてのユーザーの
                詳細を表示します

                ブックマークしたすべてのユーザー

                同じサイトの新着

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

                いま人気の記事

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

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

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

                新着記事 - テクノロジー

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

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

                いま人気の記事 - 企業メディア

                企業メディアをもっと読む

                はてなブックマーク

                公式Twitter

                はてなのサービス

                • App Storeからダウンロード
                • Google Playで手に入れよう
                Copyright © 2005-2025Hatena. All Rights Reserved.
                設定を変更しましたx

                [8]ページ先頭

                ©2009-2025 Movatter.jp