CSSでボタンのアクセシビリティを向上させる方法(追記有り) - Qiita

レイアウトを整える事が本来の目的であるCSSですが、このCSSでボタンにおけるイケてない点を解決して、ユーザーのアクセシビリティの向上を図ります。 イケてないポイント1 (テキスト選択編) iOSやAndroid等のスマートフォンでボタンを押下しようとした時に、ボタン内のテキストが選択できてしまう問題。 次ページへのリンクであるならまだしも、登録や予約に関するボタンであった場合、コンバージョンやユーザー体験において悪影響を及ぼす影響がある。イケてない。 解決策 対象のボタンに対してuser-select: noneを指定する事でユーザーがテキストの選択をできないようにする事ができる。

[teppodone]

#てぽめも

[Fushihara]

本当にボタンのテキストをコピーしたい時とか新規タブで開きたい時はどうするのこれ？

[musign]

ん、これアクセシビリティの話なのかな？

[igrep]

user-selectと-webkit-touch-callout

[masuP]

誤作動防止も大事だけど、できないようにする事がアクセシビリティなのか、とも思う。