Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20181128_TCチームのアクセシビリティ/ 20181128 Accessibility TC

20181128_TCチームのアクセシビリティ/ 20181128 Accessibility TC

UXCafe: チームで取り組む!サイボウズのアクセシビリティ
トーク2: TCチームのアクセシビリティ

イベントページ: https://cybozu.connpass.com/event/106185/

Daisuke Kobayashi

November 28, 2018
Tweet

More Decks by Daisuke Kobayashi

Other Decks in Design

Transcript

  1. こんにちは、TCです。 • TC(てぃーしー) • 正式名はTechnical Communication • マニュアル制作 • 製品文言の制定

    など • 多言語対応している製品は、翻訳対応もあり こんにちは Hello 你好
  2. 現状を分析した Google Analytics ・モバイルからのセッションが増加している ➡レスポンシブ未対応であるため閲覧しづらいのではないか ・トップページの直帰率が高い ➡トップページの探索性が悪いのではないか ユーザー アンケート ・マニュアルにどのような改善を希望するか?

    ➡検索性(探しやすさ)を回答する割合が多い ・マニュアルの希望媒体は何か? ➡スマートフォン対応を回答する割合が増加している ・製品の使いかたがわからないときどうするか? ➡マニュアル、FAQを調べると回答する割合が多い
  3. 同じ一つの手順だと本当に判断できる? <div class="process01"> <ol start="1"> <li> <strong>「詳細設定」タブをクリックする</strong> </li> </ol> </div>

    <div class="process02"> <ol start="2"> <li> <strong>個人フォルダをクリックする</strong> </li> </ol> </div>
  4. 色の調整は最初にやろう • 神様(河内山さん)は言いました。「リンクの色が基準を満た していませんよ。」 • 平民はこう言いました。「わかりました!タスクとして修正す るようにします。」 • しかし平民はリンクの色の変更を最後のタスクにしてしまいま した。

    • さて、リンクの色を変えてみました。ところが背景の色と合わ せると基準を満たしていません。 • ではその背景の色を変えました。今度は本文のテキストの色と の基準を満たしていません。 • ではでは、そのテキストの色をかえt・・・ 地獄 あっちを直すと こっちも直す