user avatar
Rikiya Ihara / magi
@magi1125
共著『Webアクセシビリティの教科書』『Webアプリケーションアクセシビリティ』『モバイルアプリアクセシビリティ入門』amazon.co.jp/stores/author/…｜毬藻企画｜ Studio、CULUMUのアクセシビリティ支援
Tokyo
note.com/magi1125/n/nbe…
Joined April 2007
1,535
Following
6,259
Followers
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Jul 23, 2020
    「きれいなHTML書きはりますなぁ」は恐ろしさあるな
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Apr 7, 2022
    HTML解体新書の見本誌をいただきました！帯がすでに最高なんだよな。この本によって日本のウェブの品質が100倍良くなるはず。ウェブを仕事にするすべての人に届いて欲しい。ウェブはHTMLでできているから。 #HTML解体新書 amazon.co.jp/dp/4862465277
    「HTML解体新書―仕様から紐解く本格入門」の書影。帯に「『仕様書を読め！』と上司に言われたら、真っ先に読む本！」と書いてある
    帯の表側。「i要素はiconのiではない！label要素の中にdiv要素を入れたらダメ！DOCTYPEは文書型宣言ではない！WAI-ARIAのポイントはWAI-ARIAを使わないこと！」と書いてある。
    帯の裏側。「『HTML5』とまだ言っている、そんなアナタに読んで欲しい1冊！」と書いてある。
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Jul 19, 2024
    むかしは「アクセシビリティが高いサイトを教えてください」という質問にパッと答えられなかったけど、いまは「AAA11Yを見てください」と言える。コツコツと運営していただきとてもありがたいです。
    user avatar
    AAA11Y（トリプルエーイレブンワイ）Accessible Website Gallery
    @AAA11YGALLERY
    Jul 18, 2024
    おかげさまでAAA11Y（トリプルエーイレブンワイ）に掲載したアクセシビリティが高い素敵なデザインのWebサイトが800サイトを超えました！！これからももっともっと皆様のお役に立てるよう精進してまいります！
    WebサイトAAA11Y（トリプルエーイレブンワイ）のトップページのスクリーンショット
    43K
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Feb 16, 2022
    令和のHTMLガチ本です。これを読めば「俺たちは雰囲気でHTMLを書いている」を卒業できます。全てのウェブに関わる人に絶対読んでほしい一冊。ちなみに私も初稿レビューで微力ながらお手伝いさせてもらいました！
    HTML解体新書-仕様から紐解く本格入門
    From amazon.co.jp
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    May 26, 2023
    ウェブアクセシビリティを普及啓発する活動を始めて10年経ったので、これまでの登壇資料・動画・記事をベストアルバム的にまとめました。すべて無料です。このまとめが、アクセシビリティを学び実践しようとする皆さんの後押しになれば幸いです。
    ウェブアクセシビリティを無料で学べる資料まとめ（10年分）｜magi1125
    From note.com
    59K
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Dec 24, 2022
    2月末に発売の書籍『Webアプリケーションアクセシビリティ』の書影がでました。こんな力強い「アクセシビリティ」の表記はじめて見た。amazonで予約受付中です！ amazon.co.jp/dp/4297133660
    『Webアプリケーションアクセシビリティ』の書影。WEB+DB PRESS plusシリーズのフォーマットに則り、タイトルが極太明朝体で記載されているため、非常に強い主張になっている。 以下書影に記載されているテキスト： WEB+DB PRESS plus Webアプリケーションアクセシビリティ 今日から始める現場からの改善 伊原力也 小林大輔 桝田草一 山本 伶 [著] 「使えない」を「使える」にするデザインと技術 マシンリーダブル / キーボード操作 / フォームの検証とエラー / 色とコントラスト / モーダルダイアログ / ツールチップ / 画面遷移 / デザインシステム そして、はじめからアクセシブルであるための原理へ 技術評論社
    53K
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Dec 19, 2023
    freeeのデザインシステムの中核を成すUIコンポーネント群 「Vibes」がOSSとして公開されました。組織でアクセシビリティを推進することを強く意識し生まれたものです。参考にして頂ければうれしく思います。 vibes.freee.co.jp
    Vibesのキービジュアル。ソテツが生えている商店街のなかで、コーヒーを片手に歩く人、大きめのヘッドホンをした人、スポーツサイクルにのって通勤する人、スケボーに乗って移動する人などが往来している。
    46K
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Apr 2, 2020
    東京都コロナ対策サイト、グラフ色の調整版がリリースされました。軸ラベル、4系統以上の対応、他地域展開のケースなど、残課題はありますが、まずは漸進的対応を実施しました。ご協力頂いた皆様、ありがとうございます。 stopcovid19.metro.tokyo.lg.jp
    調整後のグラフ。3系統が、薄緑+ボーダー、明るい緑、濃い緑で表現されている。
    調整前のグラフ。3系統が、濃い緑、暗い緑、濃い青で表現されている。
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Oct 7, 2021
    おそらく国内史上初（俺調べ）、モバイルアプリ対象のアクセシビリティチェックリストができました。iOSやAndroidでの実装のポイントや実装例の記載もあります。加えてiOSのアクセシビリティオプションの使い方もガイドラインに載りました。ぜひご活用を！
    freeeアクセシビリティー・ガイドラインVer. 202110.0を公開しました - freee Developers Hub
    From developers.freee.co.jp
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Apr 15, 2022
    freeeのユーザーリサーチQ&Aの目次です。入社すると全文が読めます。 #researchconf
    ユーザーリサーチQ&Aのdocの目次。 Q：リサーチのときの社内手続きはどう進めたらいいですか？ Q：そもそもユーザーリサーチしたほうがいいんでしょうか？ Q：ターゲットを決めてからリサーチするか、リサーチしてからターゲットを決めるか、どっちのほうがいいですか？ Q：誰をターゲットにリサーチしたらよさそうですか？ Q：リサーチのターゲットを決める場合のコツはありますか？ Q：定性調査はいろいろ手法があるみたいですが、どれをやるのがよさそうですか？ Q：どのくらいの人数にインタビューしたらいいですか？ Q：同時に複数の人にインタビューするってアリですか？ Q：アンケートでは何件ぐらいの回答を集めればいいですか？ Q：網羅的にリサーチしたほうが良いですか？それとも個別にやったほうがいいですか？ Q：アンケートとインタビューのどっちを先にやったほうがいいですか？ Q：インタビューだけだと or アンケートだけだと自信が持てません。どうしたらいいでしょうか？ Q：このリサーチってどのぐらい難しいですか？リサーチャーに入ってもらったほうがいいですか？ Q：リサーチ実施にはどのくらいのスタッフ人数を見込んでおけばいいですか？ Q：リサーチ実施にはどのくらいの期間やコストを見込んでおけばいいですか？（＆それぞれのやり方を教えてください） Q：リクルーティングに苦戦しています。他にいいやり方はありませんか？ Q：リサーチを外注するときに気にするべきポイントはありますか？ Q：アンケート設計やインタビュー設計のやりかたやコツを教えてください Q：アンケート設問 or インタビュー台本できました。レビューしてください Q：アンケート謝礼はいくらぐらいにすると良さそうですか？ Q：これまでに上手く行ったアンケート依頼メールのサンプルを教えてください Q：うまく返事がもらえるアポ取り文面を教えてください Q：調査結果の分析やまとめかたのコツを教えてください Q：ユーザビリティテスト(UT)と受容性評価ってどう違うんですか？ Q：受容性評価をやるときには何を準備したら良いですか？ Q：受容性評価のときのモデレートのコツはありますか？ Q：受容性評価のときに、この案で行けそうかどうかってどう判断したら良いですか？ Q：UTをやったほうがいいのってプロダクトだけですか？ Q：UTだと明らかにで
    user avatar
    Rikiya Ihara / magi
    @magi1125
    Apr 15, 2022
    プロセスやナレッジの継承っていうところでいうと、リサーチ相談でよく聞かれる質問をまとめたQ&Aコンテンツを作ってみたのだった。なおdocで30ページになった #researchconf
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Mar 28, 2020
    東京都コロナ対策サイトのグラフの色弱対応の件、新しいIssueにおいて新しい案を提示いただき、建設的な改善の流れに向かっています。Twitter上では従前の意思決定や進行への批判が大半のままなので、この点はお知らせしておきたいと感じました。 github.com/tokyo-metropol…
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Oct 12, 2023
    UIデザイナー、Webデザイナーの方向けの、読みやすい配色にするための解説記事です。まずはいったん「読みやすい配色にするための新しい考え方があるんだな〜」って感じで読んでいただくと良いんじゃないかなと思います。錯視の話もあり、面白いし参考になります。
    第1回　デジタルコンテンツの視認性とWCAG2のコントラスト比の課題 | gihyo.jp
    From gihyo.jp
    41K
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Feb 21, 2022
    freeeの、全社員向けアクセシビリティ研修の動画が公開されました！新入社員研修や社内勉強会でぜひご活用を。25:06〜27:30 及び 31:42〜35:05 の「なぜfreeeでアクセシビリティ？」の部分を自社文脈に置き換えるだけでそのまま使える形になっています！ youtube.com/watch?v=gm1-xO…
  • user avatar
    Rikiya Ihara / magi
    @magi1125
    Jun 8, 2020
    freeeにて、業務アプリに対しオブジェクト指向UIデザイン（OOUI）を実践した事例をご紹介しています。銀の弾丸はどこに撃つべきか、引き金を引くと何が起きるか。それは本当に銀の弾丸なのか。設計時の思考プロセスやリリース後の効果、ユーザーの反応も含め記載しています。
    Login or Sign Up for a Dropbox Account
    From dropbox.com