freee、Web開発で音声読み上げを活用するための解説動画を公開

この記事は約6分で読めます。
■マジ価値サマリー(このお知らせでお伝えしたいこと)
・freeeは、視覚障害者がPC操作をする際の補助として必要な「スクリーンリーダー」の利用を考慮したWeb開発に必要な手順がわかる解説動画集(全22本)を公開しました
・freeeが社内向けにアクセシビリティを意識した開発を推進する為に制作した動画ですが、社会全体でスクリーンリーダーに対応するためのアクセシビリティ開発が拡がっていくことを目的に公開しています

イメージ:解説動画一覧。初期設定から陥りがちな設定ミス、アクセシビリティチェックの具体的な方法まで分かりやすく解説イメージ:解説動画一覧。初期設定から陥りがちな設定ミス、アクセシビリティチェックの具体的な方法まで分かりやすく解説

freee株式会社(以下freee)は、視覚障害者がPC操作をする際の補助として必要な「スクリーンリーダー(音声読み上げ)」を、Web開発で活用するために必要な手順や具体的な方法がわかる解説動画集(全22本)を公開したことをお知らせします。本解説動画は、無料で使えるオープンソースのWindows用スクリーンリーダー「NVDA(NonVisual Desktop Access 以下:NVDA)」を使って、Webコンテンツのアクセシビリティをチェックする具体的な方法をわかりやすく解説しています。

本解説動画はfreeeが社内向けにアクセシビリティを意識した開発を推進する為に制作した動画ですが、社会全体でスクリーンリーダーに対応するためのアクセシビリティ開発が拡がることを目的に公開しています。

アクセシビリティを意識した開発を検討している企業・団体・その他個人の皆さまも是非お役立てください。

本動画は、NVDA日本語チームより「NVDA日本語版」の開発の委託を受けている株式会社シュアルタ 代表取締役 西本卓也様にご協力いただき制作しました。


動画URL: https://www.youtube.com/playlist?list=PLmkNfH1cqh_H1HjnnDNmqSXmS7E_XttHg

動画中で参照している解説サイトURL:https://freee.github.io/a11y-training/

イメージ:「黒部ダムの放水」画像に適切な音声読み上げを設定する方法を説明している動画イメージ:「黒部ダムの放水」画像に適切な音声読み上げを設定する方法を説明している動画

■アクセシビリティとは

年齢、性別、利用環境、障害の有無、その他様々な社会的属性などの違いに関係なく、所要時間、身体的負荷、精神的ストレスなどに差が無い状態で利用できることを「アクセシビリティが高い状態」と表現します。


■freeeのアクセシビリティ関連資料について

freeeではfreeeアクセシビリティ・ガイドラインを策定して、誰でも使えるアクセシブルな製品開発ができるよう取り組んでいます。これまでも、開発者(エンジニア、プロダクトマネージャー、デザイナー)向けに実習を含むアクセシビリティ研修を行ってきました。

そして2021年10月には対象を全新入社員向けに拡大してアクセシビリティ研修を行うようになり、研修で使用する資料を公開しました。

その他にも、サービスがアクセシビリティ・ガイドラインを満たしているかどうかをチェックするための「アクセシビリティチェックリスト」を公開するなど、freee以外の皆様の取り組みにも役立てるよう積極的に資料公開をしています。


freeeのアクセシビリティ研修資料

[shared][公開用]アクセシビリティー研修 for All freeers デザイン基盤 FY22Q2
アクセシビリティー研修 for All freeers


freeeアクセシビリティ・ガイドライン

freeeアクセシビリティー・ガイドライン — freeeアクセシビリティー・ガイドライン Ver. 202306.1 ドキュメント


アクセシビリティチェックリスト

チェック実施用Googleスプレッドシート — freeeアクセシビリティー・ガイドライン Ver. 202306.1 ドキュメント


■NVDAとは

NonVisual Desktop Access (NVDA) は無料(オープンソース GPLv2)のWindows 用スクリーンリーダー(音声読み上げソフト)です。オーストラリアの非営利法人 NV Access を中心とするコミュニティが開発を行っています。

(NVDA日本語版ページより:https://www.nvda.jp/


■非営利団体NVDA日本語チーム代表 辻勝利様より

NVDAはオーストラリアの非営利法人 NV Accessが中心に開発しています。日本語対応を担当する「NVDA日本語チーム」代表辻様より本動画公開にあたってコメントをいただいています。


「NVDAはオープンソースのWindows用スクリーン・リーダーで、世界中で多くの方々が仕事や生活の中で利用しています。

スクリーン・リーダーのユーザーはもちろん、自身のコンテンツのアクセシビリティチェックをする方々にも、最新の技術に対応したスクリーン・リーダーとして活用されています。

これまで、ユーザー向けに操作方法を解説するコンテンツはいくつも公開されてきましたが、まずはキーボードのみでWindowsを操作するという大きなハードルがあり、アクセシビリティチェックをする方にとってはそれがNVDAの使い方を学習する上での大きな課題となっておりました。

今回公開されたコンテンツはキーボード操作だけにとらわれることなく、画面を見ながらマウス操作でNVDAをチェックツールとして活用する方法が紹介されていますので、これからNVDAを使って画面を見ながらアクセシビリティチェックをしていく方々に役立てていただけることが期待されます。

NVDAで自社コンテンツのアクセシビリティをチェックして改善するということは、世界中のスクリーン・リーダーユーザーにむけてアクセシブルなコンテンツを発信することに繋がります。

多くの皆様にこのコンテンツを活用していただき、アクセシブルな社会をいっしょに作っていただけることを期待しています。」

                      [NVDA日本語チーム代表/辻勝利]


■freee株式会社 概要

会社名  freee株式会社(登記名:フリー株式会社)

代表者  CEO 佐々木大輔

設立   2012年7月9日

所在地  〒141-0032 東京都品川区大崎1-2-2アートヴィレッジ大崎セントラルタワー 21階

フリー株式会社
フリー株式会社の公式企業サイトです。会社概要、プレスリリース、サービス紹介、採用情報などを掲載しています。

<経営者から担当者にまで役立つバックオフィス基礎知識>:https://www.freee.co.jp/kb/

<freee株式会社最新の求人一覧>:https://jobs.freee.co.jp/#job_list


freeeは「スモールビジネスを、世界の主役に。」というミッションのもと、だれもが自由に経営できる統合型経営プラットフォームを実現します。日本発のSaaS型クラウドサービスとして、パートナーや金融機関と連携することでオープンなプラットフォームを構築し、「マジ価値」を提供し続けます。

タイトルとURLをコピーしました