すべてのプロダクトがアクセシブルになることを目指し、アクセシビリティ推進グループが立ち上がった。本軸で活動し、指標化により成果を測る。加え、マニュアルテストをスコアリングに加えることが決められた。Podcast今までは当事者不在のまま、おそらくこうじゃないかという手探り状態ですすめていたが、実際ところどうなのか、というのを知りたかった。その状況を変えるため、社内のヘルスキーパーチームにインタビューを行ったという活動を紹介している。社の斉藤氏は、アクセシビリティ活動を進めており、コーポレートサイトの改善に取り組んでいる。修正、現在位置の表示に線・太字を追加したことである。今後はキーボードでのアクセスやフォーカス順序の改善も進めており、デザイナー・エンジニアが対話しながら改善点をまとめている。デザイナーやデザインエンジニアなどの職種を積極的に採用しているため、興味のある方は連絡するよう呼びかけている。同社が目指すアクセシビリティについて議論し、サービスのレビューを行って改善提案をしている。トップページからアクセシビリティに関連した改修に着手し、キーボードだけで操作できるようにするなどの変更を行った。年で何社か手伝いをする中で、進捗が良くなる進め方と、逆に足踏みになりがちなやり方が見えてきた。それらを良いパターン・アンチパターンとして紹介している。株式会社では、アクセシビリティチームがモバイルアプリ周りのリソース整備とプロダクト改善に注力し、モバイルアプリのアクセシビリティに特化したガイドラインとチェックリストを作成した。新入社員向けのアクセシビリティ研修だけでなく、デザイナーやエンジニア、ビジネス職の既存社員にも研修を実施している。これらの取り組みにより、アクセシビリティへの理解が高まり、プロダクトに反映されている。短期間で機能的にも組織的にもアクセシビリティが進んだ要因は、多くのユーザーインタビューを実施したことにある。アクセシビリティに注力するに至ったか、どのようにユーザーリサーチを実施し、それを社内に広め、活用したのかについて解説している。創作を楽しめるようにプロジェクトチームを発足。名以上の障害当事者にユーザーインタビューを実施し、カイゼンを進めた。これにより、キーボード操作やショートカットキーなど、操作方法の選択肢を増やすことがアクセシブルなプロダクトにつながることが学ばれた。機能のカイゼンや社内整備、イベント登壇など、アクセシビリティ強化施策を実施している。クリエイターの意見・要望を受け、引き続き創作活動がしやすい環境づくりを進めていく。見ているのか?がわかる。新エディタにおいて、キーボード操作のみでの文字の太字化やスクリーンリーダーによる適切な読み上げが可能になるなど、アクセシビリティが大幅に向上した。この改修により、マウス操作が難しいユーザーや片手しか使えないユーザー、スクリーンリーダーを使用しているユーザーにも利便性が向上した。ユーザーリサーチを通じてアクセシビリティの向上に取り組み、ユーザーの声を取り入れることが重要であると考えている。社は、アクセシビリティー改善のため、専門家の支援を受けながら取り組んでいる。件程度の課題をリストアップし、対応している。ヶ月間担当し、毎週少しずつ改善している。なっている部分は、全画面に展開していくことで、改善を進めている。社は少人数でアクセシビリティ向上に取り組み、プロのコンサルタントを迎えて社内勉強会を開催。社自身が制作したサイトのアクセシビリティの向上にも取り組んでいる。ヘルプ記事やテンプレートの改善にも力を入れており、社内でアクセシビリティ委員会がどのように関わっているかを取り上げる記事も公開される予定。デザイナーとしてのアクセシビリティとの向き合い方デザイナーは、アクセシビリティを特別なものとして解釈してしまう人が多いことに気づく。アクセシビリティは普遍的であり、すべてのものに最初から存在している。デザイナーはユーザビリティの観点から、どのユーザーがどんなときにどう使うかを想定し、アクセシビリティの観点を持つことで安定して毎回アクセシビリティが高いものを作れるようになる。アクセシビリティの観点を持つことは、次に作ったものもまた使えるという状態を実現するために重要である。作成するウェブサイトやアプリのワイヤーフレームに、アクセシビリティに関する注釈をつけることで、アクセシブルなプロダクト開発を進めることができる。Annotations」を公開した。フレーム内にある各カテゴリーのアノテーションをコピー&ペーストして使用することができる。他にも多くのアクセシビリティに関するアノテーションキットが存在するので、自身のプロジェクトに合わせて選択することができる。読みやすい文字サイズやフォント、行間、文字数の調整が必要です。アイコンを使う際は、ラベルをつけて一般的なアイコンを使用しましょう。ボタンやリンクのテキストやアイコンは一貫性を持たせ、タップエリアを確保することが大切です。日、高知こどもの図書館のウェブサイトがリニューアル公開された。加え、継続的に取り組む項目を掲載することでアクセシブルな情報発信の場が育まれるよう努めた。ペパボの「minne」デザイナーが、サービスのブランドからカラーパレットの制作過程について紹介。基準を下回っていたことが挙げられた。そこで、プライマリカラーをブラック、アクセントカラーをオレンジに設定し、配色のバランスを調整している。ミッションやコンテンツ制作の観点からも配色を決定している。気象情報画面がリニューアルされ、色覚障害の方や加齢による見え方の変化がある方などの多様性に配慮した“色のユニバーサルデザイン”に基づく配色が採用された。個人差が大きい見え方に対応するため、デザイナーたちは試行錯誤を続けている。今後は、ユニバーサルデザインの勉強をし、配色が見分けやすいかどうかを常にテストすることが大切だと話している。則った振る舞いについて調査が行われた。標準アプリの多くはタブのロールを持ち、ランドマークに所属せず、フォーカスは移動しないという結果が多いことがわかった。自由なアプローチをとっていることがわかった。最終的に、ユーザーに行動の自由を与え、ローター機能を使って移動することができるタブの方が健全な実装だと考えられた。アクセシビリティに対応した概念であり、スクリーンリーダー対応に特化している。描画と同じくらい重要視されている。含むアクセシビリティ対応に注力している。標準ウィジェットを使用することで簡単に実現できるため、積極的に活用することが望まれている。基本設計や、ルール・チェック・リザルトについて詳しく解説している。形式で書かれ、スペックに基づいてテスト対象の要素を絞り込み、関数によって評価が行われる。リザルトは、ルールやチェックの評価結果や重大度などを含むオブジェクトとして返される。アクセシビリティツリーを読んでアクセシブルな実装に役立てようアクセシビリティツリーについて説明している。これらの情報を確認することで、アクセシビリティ対応に役立つ。アクセシビリティツリーを読み取ることで、アクセシビリティ上の欠陥に気づける。チェックを入れることで、アクセシビリティツリーを確認できる。おける多彩なアクセシビリティ設定について、『星のカービィ』『大乱闘スマッシュブラザーズ』などのディレクターである桜井政博氏が解説している。Webアクセシビリティの必要性を伝える材料になりそうな情報をまとめてみたこの記事ではアクセシビリティを社内で実装する際に周りの人を説得するための材料をまとめている。本記事はヒューマンケースとビジネスケースという考え方を基に、アクセシビリティの利点を示す情報を紹介している。アクセシビリティはハンディキャップを抱えた人のためだけのものではなく、全ての人のためのものであることにも触れている。属性を使用することでこれを上書きすることができる。上書きできないロールも存在する。要素の種類、属性、構造によって暗黙的なロールが決まるため、これらを考慮して暗黙的なロールを理解する必要がある。属性を使用して明示的なロールを指定することもできるが、仕様にないロールや抽象ロールは無視される。【アクセシビリティ】WAI-ARIAを完全に理解した。表現できない意味を属性で補完することができる。これにより、スクリーンリーダーなどの支援技術を利用して、障害を持つ人々に対しても適切な情報を提供することが可能となる。属性が定義されており、これらを適切に活用することでアクセシビリティを向上させることができる。要素の意味を変えないように注意する必要がある。使用しないようにすることも重要である。デザインと実装方法について解説している。アクセシビリティを考慮することで、ユーザーに情報を効率的に伝えることができる。記事では、タブボタンとタブパネルのアクセシビリティを向上させるための方法について詳しく説明している。アクセシブルにすることで、ユーザーの利便性が向上する。本記事では、マークアップの方法やスライドの操作、スライドコントロールボタンやスライドコントロールタブなどに関するアクセシブルな実装方法について説明する。実装について考察している。あり、ページのスクロール量を減らすために使用される。実装などについて考察している。(APG)を参考にすることが推奨されている。(APG)を参考に考察した。モーダルダイアログは、アクティブなダイアログウィンドウの外にある不活性なコンテンツを視認性を低くする。キーでもダイアログの外にフォーカスを移動させない。キーでダイアログを閉じ、ダイアログを閉じた時には通常呼び出した要素にフォーカスを戻す。