…きなメリットでした。freeeアクセシビリティー・ガイドラインは公開して社外の方からも使ってもらえるよう、汎用的な書き方にしています。社内に閉じたドキュメントとすることで、「いろんな選択肢があるけど、freeeでは、この製品ではこの方針でやっています」という、より具体的なプロダクトの方針に関する言及がしやすくなりました。 また、「とりあえず結論だけ書いておく」のような運用もしやすくなり、それだけでも「相談のログ」のようなフロー情報ではなく、ストック情報の蓄積される場所が生まれ…

こんにちは。freee人事労務でQAエンジニアをしているshihoです。 freee QA Advent Calendar2023 15日目です。 自己紹介 元カスタマーサポートで、2016年8月にfreeeに入社しました。3年前にQAエンジニアに異動してから、品質保証の重要性とユーザーのニーズに焦点を当てた仕事に取り組んでいます。お客様との関わりがあった経験を活かし、使いやすく信頼性の高いプロダクトを提供することに情熱を燃やしています。 アクセシビリティとは アクセシビリテ…

…ます。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 freeeアクセシビリティー・ガイドライン Ver. 202311.1リリース・ノート 以下、Ver. 202307.0の更新情報をこちらに投稿してから後の変更について、特に大きな②項目を紹介します。 各ガイドライン項目の「優先度」の廃止 各ガイドライン項目には、当初[MUST]または[SHOULD]のいずれかの優先度を設定していました。しかし、以下のような理由で、この優先度をVer. …

…こちらでは久しぶりのfreeeアクセシビリティー・ガイドラインの更新のお知らせです。 freeeアクセシビリティー・ガイドライン Ver. 202307.0リリース・ノート 今確認してみたら、前回こちらでお知らせしたのが去年の9月のリリース時だったのですが、その後もそれなりに更新していました。今回以外の更新情報も合わせてご確認ください。 freeeアクセシビリティー・ガイドラインの更新履歴 アクセシビリティー・チェック・リスト更新履歴 今回なぜ久しぶりに更新のお知らせをしよう…

…ます。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 freeeアクセシビリティー・ガイドライン Ver. 202209.0リリース・ノート モバイル・アプリケーション観点からの見直し 前回の更新から4カ月近く経っていますが、この間、モバイル・アプリケーションの観点でガイドライン全体の見直しをするという作業を主にやっていました。 その結果、ガイドライン、チェック内容ともにかなりいろいろな変更をしました。（とはいえ、これまでのバージョンとの互…

…です。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 freeeアクセシビリティー・ガイドライン Ver. 202202.0リリース・ノート 「マークアップ全般」カテゴリーの見直し 今回の内容的な変更は、これまで「マークアップ全般」という名前だったカテゴリーの全般的な見直しです。 まず、そもそも今やモバイル・アプリについても対象にしようという方向で情報を増やしている中で、「マークアップ全般」というのはどうなのか、というのがあって、「マークア…

…ます。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 freeeアクセシビリティー・ガイドライン Ver. 202201.0リリース・ノート 前回ここに投稿した更新情報は、昨年10月のVer. 202110.0リリース時でした。そのリリースと今回のリリースの間に、こちらでは特にお知らせしませんでしたが4回リリースがありました。 と言うことで今回は、前回の投稿より後の更新内容の中からいくつか紹介します。 Android関連の情報を追加 前回の…

…す。 freeeではfreeeアクセシビリティー・ガイドラインを策定して、誰でも使えるアクセシブルな製品開発ができるよう取り組んでいます。これまでも、開発者（エンジニア、プロダクトマネージャー、デザイナー）向けには実習を含むアクセシビリティー研修を行ってきました。 そしてこのたび10月から 対象を全新入社員向けに拡大 してアクセシビリティー研修を行うようになり、あわせて開発者向けの研修も内容を整理したので、今回はその紹介をします。 なぜ全員に研修をするのか これまでのアクセシ…

…うか。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 freeeアクセシビリティー・ガイドライン Ver. 202110.0リリース・ノート 前回のリリースからほぼ3カ月もあったということで、実はかなりいろいろと更新しているのですが、特に大きな変更について紹介します。 チェックリストのモバイルアプリ対応 社内からも社外からも、モバイルアプリのアクセシビリティー・チェックってどうすればいいの？という質問をしばしば受けます。 freeeアクセシ…

…うか。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 freeeアクセシビリティー・ガイドライン Ver. 202107.0リリース・ノート と言いつつ、今回もあまり大きな変更はありません。 だから、というわけではありませんが、最後に近日開催予定のイベントのお知らせもありますので、最後までお付き合いください。 ガイドラインの文言を一部変更 以下の2つのガイドラインについて、文言を変更しました。 入力ディバイス：[MUST]キーボード・トラッ…

…した。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお送りします。 とはいえ、今回は更新内容が少ないので、今回の更新に関連してfreeeアクセシビリティー・ガイドラインで紹介しているブックマークレットをまとめて掲載します。 そして前回の更新情報でお知らせしたイベントについて、関連資料や当日の動画アーカイブを紹介します。 freeeアクセシビリティー・ガイドライン Ver. 202105.0リリース・ノート グレースケール表示のためのブックマークレットを追…

…知らせもあります。 freeeアクセシビリティー・ガイドライン Ver. 202104.0リリース・ノート axe改めaxe DevToolsのルールに関する情報を追加 まず、freeeでも活用していてガイドラインの参考情報でも取り上げているアクセシビリティーのチェック・ツールaxeがいつの間にかaxe DevToolsに改名されていました。ということで各所の表記やスクリーン・ショットを修正しました。 というのはある意味どうでも良い話で、ここからが重要です。 axe DevT…

…しています。これは freeeアクセシビリティー・ガイドラインでの定義 やその元となった WCAG (Web Content Accessibility Guidelines) での定義に従ったものです。 ダークモードの配色を作ってみると、文字やボーダーの色選びがライトモードのときよりもしやすいと感じました。コントラスト比は「相対輝度」によって計算するのですが、相対輝度の高い白や薄いベージュに対してコントラスト比を高めるには相対輝度を低く、暗い色にしていく必要があり、しかしそ…

…した。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 freeeアクセシビリティー・ガイドライン Ver. 202102.0リリース・ノート ホバーで表示されるコンテンツに関するガイドラインの見直し 今回の更新では、ホバーによって表示されるガイドラインと関連するチェック内容の見直しを行いました。 [SHOULD]ホバーで表示されるコンテンツ [SHOULD]ホバーで表示されるコンテンツについて、以下のすべてを満たす。 ポインターを移動させる…

…します。 では早速、freeeアクセシビリティー・ガイドラインVer. 202101.0の更新内容を紹介します。 freeeアクセシビリティー・ガイドライン Ver. 202101.0リリース・ノート 参考情報の更新 と言っても、今回の更新内容は非常に少なく、参考情報を1箇所更新したのみです。（他に誤字の修正はありますが。） 具体的には、Tab/Shift+Tabキーを用いたチェックに、キーボードのみで操作できるコンテンツかどうかを確認する際に活用できるブックマークレットを追…

この記事はfreee Developers Advent Calendar 2020の18日目です。 こんにちは、freeeの@magi1125こと伊原です。自称「アクセシビリティで一発当て太郎」です。アクセシビリティによるビジネス貢献を模索していますが、最近は「いつ当てるの？」と聞かれて悩んだりもしています。もうちょっと待って。 この記事ではタイトル通り、2020年のfreeeにおけるアクセシビリティ関連の出来事をご紹介します。なお、2019年以前の活動については「2019…

こんにちは、freeeのUXチームというところでデザイナーとエンジニアの狭間の生活をしている id:ymrl です。このブログの編集長（自称）でもあります。 はやいもので2020年も終わりが近付いてきました。今年は感染症の流行、オリンピック延期、リモートワークやDXブームなど、振り返ってみれば激動の一年でした。そして年のおわりの12月ということで、今年もfreee Developers Advent Calendarとして、12月25日まで毎日いろいろなメンバーがブログを書い…

………。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 なお、本稿で触れていない変更もありますので、リリース・ノートも合わせてご覧ください。 freeeアクセシビリティー・ガイドラインVer. 202011.0リリース・ノート WCAG 2.1との対応を確認 まず、今回は新たに以下の情報を追加しました： WCAG 2.1の各達成基準と当ガイドラインの項目との対応 当ガイドラインの優先度とWCAG 2.1の適合レベルについて 前者は、WCAG …

…さい。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 なお、本稿で触れていない変更もありますので、リリース・ノートも合わせてご覧ください。 freeeアクセシビリティー・ガイドラインVer. 202010.0リリース・ノート そのチェックってどうやるの？に答えるべく 各ガイドラインを満たしているかどうかを確認するために示している「チェック内容」について、具体的にどのようにチェックを自死すれば良いのか分かりづらいという声が社内でありました。 …

…ます。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 a11y-guidelines.freee.co.jp テキストの拡大表示関連をあれこれ見直し 9月29日に公開したVer. 202009.0では、 テキストの拡大表示に関連するガイドライン、チェック内容、参考情報について、意図が明確になるように見直しを行っています。 これまで、拡大表示関連では以下の2つのガイドラインがありました： 200パーセントの拡大表示： [MUST] コンテンツ…

どうも、20新卒の全盲のコード書き、野澤です。社内では cat と呼ばれています。猫好きなのでこの名前です。もう猫になりたいぐらい猫好きです。 私が正社員として入社してから4か月が経過しました。そのなかで、freee社内でアクセシビリティのいい話がたくさんありましたので、そのうちのいくつかを共有したいと思います。「アクセシビリティ」という言葉を聞いたことがない方や、アクセシビリティについてもっと知りたいという方は、以下のエントリーもぜひご覧ください。 jobs.freee.c…

…ります。 そのうち、freeeアクセシビリティー・ガイドラインを一般公開しましたを引用すると 誰でも、ほぼ同じコストで、ほぼ同じようにサービスや情報を利用できる ような状態をアクセシビリティが高い状態といえます。 2020年現在、あらゆる人がインターネットやスマートフォン、IoTにクラウドなどを利用しています。 そのため、国籍、年齢、性別、障害の有無、マシン環境など、誰でもストレスなく平等にサービスを利用できることが求められます。 誰にとっても使いやすいこと、同じような操作が…

…ます。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 中心は「チェック内容」の見直し 8月21日に公開したVer. 202008.0の更新内容の中心は、各ガイドラインに対応できているかどうかを確認するための「チェック内容」に関する見直しです。 前回のリリースまでの作業で、ガイドライン本文の内容が基本的に固まり、追加しようと思っていた参考情報も概ね追加できたことから、各ガイドラインについてのチェックを効率的に進めるための方法を検討した結果が、…

…です。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 今回のリリースは、Ver. 202007.0です。 NVDAに関する参考情報を追加 今回、スクリーン・リーダーを使ったアクセシビリティー・チェックに取り組もうという人たち向けに、Windows用のオープンソースのスクリーン・リーダー、NVDAに関する参考情報を追加しました。 a11y-guidelines.freee.co.jp この参考情報は、以下のような内容になっています。 free…

…根です。 相変わらずfreeeアクセシビリティー・ガイドラインと戯れる日々を過ごしています。 今回は、6月18日にリリースしたfreeeアクセシビリティー・ガイドライン Ver. 202006.0の更新内容を紹介します。 # CDNのキャッシュ更新のタイミングの関係で、ページによって旧版が表示されるかもしれませんが、その場合は時間をおいてアクセスしてみてください。 a11y-guidelines.freee.co.jp 今回は主に各ガイドラインの構成変更 これまでは、各ガイド…

…先日から紹介しているfreeeアクセシビリティー・ガイドラインですが、一般公開に当たって、リリース作業をいかに簡単にするかというところで少しがんばってみたので、今日はそのことについて紹介します。 タイトルの通り、GitHub Actionsを活用しています。 リリースに当たって必要な作業 まず、今ガイドラインの新バージョンをリリースする際の手順をまとめておきます。 検討用に社内向けに公開しているソースを、一般公開用のリポジトリーに反映 リリースのタグを追加 そのソースからHT…

…じさんの中根です。 freeeアクセシビリティー・ガイドラインを紹介した先日の記事が結構多くの方に読んでいただけたようで、独りニヤニヤしています。 developers.freee.co.jp そのfreeeアクセシビリティー・ガイドラインですが、5月21日にVer. 202005.0を公開しました。 ちなみに毎年5月の第3木曜日は、世界中でアクセシビリティーに関する何かしらの活動をしようというGlobal Accessibility Awareness Day (GAAD)…

…4.0を一般公開したfreeeアクセシビリティー・ガイドラインをご紹介しようということで出てきました。 (このバージョンが一般公開した最初のバージョンです。) a11y-guidelines.freee.co.jp そもそもアクセシビリティーって? 「アクセシビリティー (accessibility)」という言葉については、いくつかの公式な定義があるはずですが、僕は分かりやすく、 誰でも、ほぼ同じコストで、ほぼ同じようにサービスや情報を利用できる そういう状態を「アクセシブル…