すべてのカテゴリ

ウェブアクセシビリティについてカジュアルに話してみたいと思います。それほどコーディング知識のないサイト運営者や、これからWebサイトを作ろうとしている方にもわかるようになるべく噛み砕いていきたいと思います。ウェブをブランジングする時って、基本的にマウス、スマホやタブレットならタッチ操作をイメージすると思います。でも、障がいや怪我などでマウスやタッチ操作が難しい場合もありますね。そんな時アクセシビリティを確保できていないと、そのサイトの利用が困難になってしまうことがあります。そういう時の代替手段として様々なポインティングデバイスもありますが、一番身近なものにキーボードがあります。ウェブアクセシビリティのガイドラインでは、キーボードで全てのコンテンツを操作できるようにしておきましょうという項目があります。これが定められているのがWCAG2.1の[2.1:キーボード操作可能を理解する]という項目以下になるんですが、実際読んでみると理解するのにかなり難儀します(この項目だけじゃないですが)。で、実際どんなことなのかという例を紹介してみたいと思います。クリックしか効かないそのうちの一つとしてよくあるのが、ウェブサイトがマウスのクリックにしか対応していないパターンです。ウェブサイト内には様々なクリック可能要素がありますね？　他のページへのリンクテキストだったり、メニューの開閉ボタンだったり、タブだったり、インスタやXの共有ボタンだったり。マウスならそのままクリックするだけですが、これをキーボードで操作しようとすると、その要素に操作対象を移してEnterもしくは Spaceキーを押す、という