CSSでボタンのアクセシビリティを向上させる方法(追記有り) - Qiitaレイアウトを整える事が本来の目的であるCSSですが、このCSSでボタンにおけるイケてない点を解決して、ユーザーのアクセシビリティの向上を図ります。 イケてないポイント1 (テキスト選択編) iOSやAndroid等のスマートフォンでボタンを押下しようとした時に、ボタン内のテキストが選択できてしまう問題。 次ページへのリンクであるならまだしも、登録や予約に関するボタンであった場合、コンバージョンやユーザー体験において悪影響を及ぼす影響がある。イケてない。 解決策 対象のボタンに対してuser-select: noneを指定する事でユーザーがテキストの選択をできないようにする事ができる。
CSSの実用的なテクニックから素晴らしいアイデアまで！スタイルシートの最新テクニックのまとめ
1要素1クラス、画像を一切使わずCSSで実装するiPhone UI
