freeeアクセシビリティー・ガイドライン の検索結果:

freeeアクセシビリティー・ガイドラインVer. 202110.0を公開しました

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

freeeアクセシビリティー・ガイドラインVer. 202107.0を公開しました

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

freeeアクセシビリティー・ガイドラインVer. 202105.0を公開しました

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

freeeアクセシビリティー・ガイドラインVer. 202104.0を公開しました

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

Webのダークモードを実現するには

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

freeeアクセシビリティー・ガイドライン Ver. 202102.0を公開しました

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

freeeアクセシビリティー・ガイドラインVer. 202101.0を公開しました

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

2020年、freeeのアクセシビリティを振り返る

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

デザインシステム “Vibes” の育てかた

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

freeeアクセシビリティー・ガイドラインVer. 202011.0を公開しました

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

freeeアクセシビリティー・ガイドラインVer. 202010.0を公開しました

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

freeeアクセシビリティー・ガイドライン Ver. 202009.0を公開しました

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

freee社内のアクセシビリティのいい話 2020年8月号

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

サマーインターン生がアクセシビリティの改善に取り組んだお話

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

freeeアクセシビリティー・ガイドラインVer. 202008.0を公開しました

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

freeeアクセシビリティー・ガイドライン Ver. 202007.0を公開しました

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

freeeアクセシビリティー・ガイドライン Ver. 202006.0を公開しました

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

GitHub Actionsで静的Webサイトのリリース手順を簡略化した話

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

freeeアクセシビリティー・ガイドライン Ver. 202005.0を公開しました

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

freeeアクセシビリティー・ガイドラインを一般公開しました

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