ユーザーのペルソナを元にしたアクセシビリティガイドラインを作りたいというアイデアニフティ株式会社HOTAKE a.k.a 関歩武
View Slide
自己紹介後述するポイントサイトの開発、運用フロントエンド関係は業務ではあまり触れていません自分で興味があり勉強していますNAME: HOTAKE(関 歩武)
担当サービス運営実績20年以上、累計会員数330万人以上の「ポイントサイト」の紹介
今日話すこと
今日話すこと社内のWEBアクセシビリティガイドラインを作りたいよねという話
Webアクセシビリティってなんだ?Webアクセシビリティ = Webページにある情報や機能の利用しやすさ様々な人々様々な状況(デバイス)
Webアクセシビリティってなんだ?Webアクセシビリティ = Webページにある情報や機能の利用しやすさ様々な人々様々な状況(デバイス)どのような人、状況でも利用しやすいシステムにする↓Webアクセシビリティを高めること
政府のサイトの使いやすさにも関わっている
君はどれくらいアクセシビリティの理解あるの?何冊か本読んだり、した程度のペーペー見えにくい、読みにくい「困った!」を解決するデザイン デザイニング Webアクセシビリティ インクルーシブHTML+CSS&JavaScript
全ての人に使いやすいという理念にマジ共感心持ち的には…
弊社はどうなのか?
社内でのアクセシビリティガイドライン2009年に作られたものがあるメンテナンスされていない
あらためて広めたいと思ったただ、回線の会社だし結構幅広いユーザーに使用されるサービスが多い改めてここら辺に力を入れるようにできたら良いよなぁ
どんなことをやってきたか- 社内勉強会- 社内LT、外部LT- 社内ツールで使ったりとか
広まったと言えるかちょこちょこ、気にかけている人は出てきている感じがある。ただ、自分含めて業務に取り入れられている人は…
で、ガイドラインですよ各社色々なガイドラインを公開したりしている改めてこういうの作って社内で使えるようにすると良いかなf社 Y社C社
実際に政府のガイドラインをみてみる
ただ、このガイドラインを提示してやってくれるか🤔
会社の発展のためにやらないといけない機能追加開発Aやらないといけない案件開発 Bやらないといけない案件開発 Cアクセシブルな実装作業やらないといけない案件開発 Dやらないといけない案件開発 E
ビジネスサイドの人 エンジニアの人それ会社的に何でやんの ?利益になるのか?気にかける意味あんの ?
もう一度政府のガイドラインをみてみる
図もあってわかりやすいけど…結構専門家向けな気がする具体的に何に繋がるのかわからない
世にガイドラインは結構存在する、けど基本的に専門家向け、優しくてもエンジニアやデザイナー向け● タイトル(例: エラーメッセージはわかりやすく通知する)● ルールの説明○ どういうことをやらないといけないのか○ なんのためなのか● 実際の実装方法ビジネスサイドや知識ない人でもわかるようなものが少ないへぇー…そうなんだ
会社内に広げるには少し違うな
最近こんな本を読んだこの本、すごくよかったこういうユーザのこういう困ったを解決するためにこういうデザインをすると良いですよ、みたいなことが書いてある実際のユーザが見える!!見えにくい、読みにくい「困った!」を解決するデザイン
W3Cのサイトにも例が存在するW3Cにもユーザの実例をまとめたものがある
これ良いな実際のユーザを想像して、やらないといけないことがわかるし、どんなユーザに自分のサイトが使いにくいと思われるのか?みたいなところも確認しやすい
ここら辺をもとに、もう少しHTML/CSS/TS(JS)での実装方法などを追加して、ユーザの種別から確認できるガイドラインを作ったら良いかも
それでやりたいと思っていることユーザをベースとしたガイドラインの作成例えば年代別で以下のようにユーザのペルソナを作って、別々にページを用意して、そこからやらないといけないアクセシビリティの実装方法やルールに繋げていく● 太郎くん(5歳)○ 幼稚園に通っていて、ひらがなを描けるようになってきた。会話では難しいことはわからないがある程度の意思疎通ができる● 敏夫さん(30歳)● 文枝さん(60歳)
これによって● どういうユーザのためにその施策を行うのか説明できる○ このページでいう〇〇さんのようなユーザのために施策を行います● 年齢のデータなどとの関連性から説明できる○ 弊社のシステムでは 50代の人が多いのでその人たちのためにこのページに書かれているこの理由でこの施策を行います事業における必要性をビジネスサイドにも説明して、アクセシブルな開発がしやすくなる
まずはさっきの本やサイトをベースに社内の勉強会で発表しながら意見を聞いてまとめていきたい💪
fin