任天堂とアクセシビリティ
先日、任天堂の株主総会が行われた。例によって詳細をまとめているので前回の記事をご覧いただきたい。 任天堂株主総会レポート2024 | N-Styles 株主総会レポートでも記載したが、質疑応答で最初に指名された質問者が「任天堂は視覚障害者対応が遅れているのではないか」と指摘し、私はこの質問に非常に驚いた。 なぜなら、私自身が株主総会参加の半年以上前から用意していた質問とほぼ同じだったからだ。 この質問内容を7月1日に任天堂が掲載した議事録から引用する。 Q1 ゲームを遊びたいと思っている視覚障がいを持つ人も、世の中にはいると思う。任天堂がこうした方に向けて取り組んでいることがあれば説明してほしい。 A1 代表取締役社長 古川俊太郎： 当社では、世界中の多くの方々に当社のゲームを遊んでいただきたいと考えています。この場で具体的な取り組みを申し上げることは控えさせていただきますが、視覚障がいの
少しの記述・工夫でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニックを独断と偏見で集めてみました。最近クローズドな場所で登壇を行ったのですが、そちらで話した内容を纏めたものにいくつか内容を追加したものとなります。 原則的にこのブログで取り入れられている手法だったり過去の記事で触れた手法を紹介したものです。 button要素には touch-action:manipulation を指定するiOS限定の話ではありますが、button要素をつい連続でタップすると画面が拡大表示されてしまい非常に煩わしいです。 ポストを別枠で表示する そのため、パンおよびズームのジェスチャーは有効にしつつダブルタップ時のズームなどの標準外の追加的なジェスチャーを無効にするtouch-action:manipulationを指定して誤作動を防止しておくと良いでしょう。
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、Webアクセシビリティの初心者が基礎を学ぶときに助かった資料を紹介します。各資料に対する説明も掲載しているので、どうぞ最後までお楽しみください🌏 ※冒頭、Webアクセシビリティに関する前提知識の紹介が長くなっています。本編を読みたい方は「資料①｜ざっくり知ろう」からご覧ください。 ※今回は、デジタル庁等の引用元にならって「障害」の表記を使用します。 ※noteの内容に誤りがございましたら、お手数ですがコメントやSNS等でご指摘いただけると幸いです。 はじめにまずは、Webアクセシビリティに関する基礎知識の整理からスタートします。最近よく耳にする「合理的配慮」のことも振り返ります。 WebアクセシビリティとはWebアクセシビリティとは、文字通りWebサービスにおけるアクセシビリティのことです。 アクセシビリティは「アク
あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2023年のWebアクセシビリティに関連する出来事を振り返りつつ、2024年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2の勧告とWCAG 2.1の更新 長らく待ちわびていたWCAG 2.2について、2023年10月5日付けでようやくW3C勧告（Recommendation）となりました（日本語訳はまだありません。詳細は後述の「臨時WGの活動状況」を参照）。また、これと連動する形でWCAG 2.1（日本語訳）の勧告も改めて発行されました。 今回のWCAG 2.1の更新では、達成基準4.1.1構文解析に注記が設けられています。これにより、WCAG 2.2で削除された達成基準4.1.1の扱いについて連続性が保たれるようになっています。WCAG 2.1からの変更点は、公
筆者は、より多くのWebサイトやWebサービスが、より高いアクセシビリティをもつものになることを強く願っています。 （2024/02/04追記）もう少しわかりやすく書き直したものを投稿しました Webアクセシビリティと合理的配慮 「2024年からWebアクセシビリティ対応が義務化される」というようなことが書かれたWeb上の記事が増えているようです。 しかし、2024年1月現在、日本で「Webアクセシビリティ」について法的な義務が発生している・または2024年内に発生するようになる法的な根拠はおそらくありません。法律の改正が施行され、「やったほうがいい」度合いは高まっていると解釈できますが、「Webアクセシビリティは義務です」とまでは明言できないはずです。 ところが、「アクセシビリティ 義務化」などでWebを検索すると、「2024年にアクセシビリティが義務化します」と説明していたり、あるいは
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 | プレスリリース | フリー株式会社
freee、デザインシステム「vibes」を公開 アクセシビリティをはじめとするフロントエンド開発のノウハウが満載 ■マジ価値サマリー（このお知らせでお伝えしたいこと） ・freeeのアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes」を公開します ・あらゆる組織でシステム開発に携わるエンジニアやデザイナーの皆様に、「vibes」を利用してシステムを構築いただく、またはコード等を参照いただくことで、社会全体としてアクセシビリティ向上の取り組みが広がることを目指しています freee株式会社（本社：東京都品川区、CEO：佐々木大輔、以下「freee」）は、freeeがこれまで培ってきたアクセシビリティをはじめとするフロントエンド開発のノウハウが詰まったデザインシステム「vibes（読み：ヴァイブス）」を公開しました。本デザインシステムを公開するこ
Webアクセシビリティと合理的配慮｜ymrl
2024年（令和6年）4月1日に日本では「障害者差別解消法」という法律の改正が施行され、民間の事業者にとっては「合理的配慮」が義務化されます。義務化するのはあくまで「合理的配慮」であって、法律の条文にはどこにも「Webアクセシビリティ」とは書かれていません。 ここについての誤解が数多く出回ってしまっていて、先日「2024年4月や6月の時点では、まだ日本でWebアクセシビリティが義務化されません」という記事を書きました。 この記事について、以下のような声をもらいました 「専門用語が多くてわかりにくい」 「アクセシビリティは『合理的配慮』ではなかったの？」 「なぜアクセシビリティを推進したい人たちが急に『義務ではない』と言い出したの？」 そこで、もう少し的を絞って、「合理的配慮」「環境の整備」「Webアクセシビリティ」などの言葉の意味や関係について、説明しようと思います。 （筆者は法律に関して
こんにちは！SmartHRプロダクトエンジニアのhimiです。 この記事ではプレースホルダーのアクセシビリティとユーザビリティについての課題と、その解決手段についての話を書きます。 プレースホルダーって何？ Webアプリでよく見る、フォームコントロールに値が無いときに表示するテキストのことです。 主な用途としては、フォームの入力例や入力内容の説明テキストが設定されることが多いです。 HTML Standardでは The placeholder attribute represents a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief de
こんにちは。アクセシビリティ本部のアクセシビリティエンジニアの五十嵐です。SmartHRでは主にアクセシビリティテスターが見つけた課題を技術的な観点から改善したり、根本的な問題を解決するための仕組みづくりを担当しています。 さて、Meta が開発する UI ライブラリとして長い間人気を博している React ですが、2024年4月に最新版であるバージョン 19 のRC版が公開されており、注目を集めています。 バージョン 19 では "use client" や "use server" でも知られる Server Components を含む様々な機能が含まれる予定ですが、この記事では、そんな React バージョン 19 をアクセシビリティの観点からキャッチアップし、特に便利になりそうな点や、注意が必要になりそうな点などを見ていきます。 forwardRef が不要になった 仮想 DOM
『鉄拳8』アクセシビリティ設定に称賛も、一部は頭痛や発作の危険と専門家。原田氏「試しもせず誤解」「全員の特性に合わせたものではない」 | テクノエッジ TechnoEdge
ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 現在デモ版を無料配布中の格闘ゲーム『鉄拳8』が、いわゆる色弱を含め、さまざまな視覚特性のプレーヤーでも遊びやすくするアクセシビリティ設定で話題になっています。 フィルターによりキャラクターを単色のシルエットにしたり、コントラストを高めて視認しやすくするなど様々な設定が可能で、これまで遊びにくかった、遊べなかったプレーヤーにも門戸を開くものとして称賛を浴びました。 しかし12月27日、ゲームに関するアクセシビリティの専門家でX（Twitter）ユーザーのイアン・ハミルトン氏は、色覚設定オプションの一部がユーザーに頭痛やめまいを引き起こすと指摘しました。 これはSJS | Gatterallという名のXユーザーが
Access Accepted第778回：ゲーム業界で急速に進むアクセシビリティへの動き ライター：奥谷海人 ソニー・インタラクティブエンタテインメントが先日リリースした「Access コントローラー」は，誰もが不自由なく楽しめるように5年の歳月をかけて開発されたデバイスだ。アクセシビリティに対するゲーム業界の動きは以前から存在していたが，ここ最近はここ最近はプラットフォーマーや大手パブリッシャの間では，欠かせないものになってきている。 5年の歳月をかけて開発された「Access コントローラー」 ソニー・インタラクティブエンタテインメント（以下，SIE）が先日リリースした「Access コントローラー」は，PlayStation 5用アクセシビリティコントローラキットである。通常のゲームパッドの細かい操作を困難とする，さまざまな障害を持った人もゲームを楽しめるよう，付属するボタンやスティ
Web アクセシビリティに興味があったので、まず機械的なチェックツールから学んで知識を増やそうということでこのサイトに @axe-core/playwright と markuplint を導入してみました。 @axe-core/playwright のセットアップ 既に Playwright が導入されている状況を想定し進めます。まず@axe-core/playwright をインストールします。 pnpm add -D @axe-core/playwright このサイトの場合 VRT として Playwright を動かしているテストがあるので(過去資料)、そのプロセスに同居する形で axe を実行することにしました。 e2e.test.tsimport AxeBuilder from "@axe-core/playwright"; import type { Page, TestI
2024年度リクルート エンジニアコース新人研修の講義資料です
アップル、目で iPhoneやiPadを操作するアイトラッキングを追加。乗り物酔い防止や振動で感じる音楽などアクセシビリティ機能強化 | テクノエッジ TechnoEdge
ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 アップルは、毎年5月に行われれる世界各地でアクセシビリティを考える一日（Global Accessibility Awareness Day：GAAD）に合わせ、障害を持つ人たちに新たな体験を提供すべく、アップル製品への複数の新機能追加を発表しました。 今回発表された新機能のうち、iPhoneやiPadを対象とするものとしては、アイトラッキング(Eye Tracking)機能をはじめとして、カスタマイズ可能なVocal Shortcuts機能、Music Haptics機能、Vehicle Motion Cues機能などがあります。 アイトラッキングまず、一般ユーザーでも気になりそうなアイトラッキング機能は、
HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる）
HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる） これまでの何年間か、Webアクセシビリティまわりのことをやってきた中で、「Webアクセシビリティに取り組む」上でいろいろな障壁を感じてきました。 「なぜWebアクセシビリティをやるのか」の理解を得る・得てもらうまでの障壁 イノベーター層・アーリーアダプター層な開発者（エンジニアやデザイナー）が取り組みを始める上での障壁 マジョリティ層が取り組みを始める上での障壁 今回はこの3つめの「マジョリティ層が取り組みを始める上での障壁」の話です。 残りの2つについては、私が執筆に参加したWebアプリケーションアクセシビリティが網羅的なガイドになってくれるはずです。しかしコイツは内容的にも物理的にもゴツすぎる問題があると思っていて、導入編としては見えにくい、読みにくい
5分ではじめる、iOSのアクセシビリティ対応 - Goodpatch Tech Blog
こんにちは。iOS Developer の katoです。 2024年5月16日は 世界各地でアクセシビリティを考える1日、GAAD（Global Accessibility Awareness Day）でしたね。 GAAD Japan 2024、アクセシビリティの祭典 2024 など様々なイベントが開催され、私もオンラインで参加しました。 その中で紹介されたアクセシビリティ対応の進め方として「完璧でなくても、できることから取り組む」という考え方があります。 そもそも世の中には様々な人・状況などが存在しするため、アクセシビリティを完璧にすることは非常に難易度が高いです。 「現状よりもちょっと良く」を繰り返して、いまよりもアクセシブルな世界を目指すという考え方です。 そこで今回は、たった5分で、エンジニア主導で始められる、簡単に実装できるアクセシビリティについて、いくつか紹介します。 「反転
アクセシビリティの改善のために React Aria を活用しています - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは！DOGO プロジェクトでソフトウェアエンジニアとして活動している @nissy_dev です。 DOGO プロジェクトでは、React Aria を活用してアクセシビリティの改善を行っています。 今回の記事では、React Aria を国内にもっと広めて行きたいということで、React Aria を利用することに決めた理由を振り返りつつ、React Aria について簡単に紹介します。 目次 OSS を活用した効率なアクセシビリティの改善 ライブラリの選定 React Aria の概要 Next.js App Router との相性 終わりに OSS を活用した効率なアクセシビリティの改善 DOGO プロジェクトでは、フロントエンドの刷新を進めていく中でアクセシビリティの改善についても取り組んでいます。 具体的な事例などについては、次の記事も参考にしてもらえればと思います。 各
BARフロントえんどう #2 「CSS Library / Framework」での登壇資料
「症状検索エンジン ユビー」を総務省が募集している情報アクセシビリティ好事例2023に応募しました。（募集はすでに締め切っています。） 情報アクセシビリティ好事例2023 「情報アクセシビリティ好事例2023」は、総務省が主導する取り組みで、情報アクセシビリティに配慮したICT機器やサービスを対象とした募集活動です。この取り組みを通じてアクセシブルなICT機器・サービスの普及促進を目的としています。 応募には3つの書類が必要です。 情報アクセシビリティ自己評価様式（応募書式1－1及び1－2） 「情報アクセシビリティ好事例2023」応募資料 情報アクセシビリティ自己評価様式 情報アクセシビリティ自己評価様式とは、米国で採用されているVPAT (Voluntary Product Accessibility Template）に倣って定められた書式で、製品やサービスがJIS規格（JIS X 8
Webアプリケーションで、大量のデータを表示したいときに使われる、「仮想スクロール」と呼ばれるテクニックがあります。 大量のデータを素直にDOMに挿入してしまうと、レンダリングの処理に非常に負荷がかかり、場合によってはブラウザをフリーズさせてしまったりします。そこで使われるのが「仮想スクロール」です。スクロール位置に応じて、視覚的に見える範囲のデータのみをDOMに挿入することで、レンダリング処理を最小限にするというものです。 この仮想スクロールについて、直感的にスクリーンリーダーでの閲覧に耐えられるのかの不安を感じました。しかし、あまりテーブルを仮想スクロールする場合についてのまとまった情報をWeb上で発見することができませんでした。 そこで、実際に仮想スクロールを採用した検証用のWebアプリケーションを作成し、スクリーンリーダーでの動作を確認してみることにしました。 「日本の郵便番号」ア
フォームのアクセシビリティを考える
フォームのアクセシビリティを考える 2024.03.10 今日の Web におけるフォームはユーザーが情報を入力して対話するための重要な要素です。支援技術を利用しているユーザーがフォームの入力を妨げられることは当然避けるべきでしょう。また障害の有無に関わらず、ユーザーに迷いを与えたり、入力ミスを誘発するようなフォームはユーザーがタスクを完了せずに途中で離脱してしまう可能性が高まり、ビジネスの観点からも望ましくありません。この記事ではフォームのアクセシビリティについて考え、実際のフォームの実装においてどのような点に注意すべきかを紹介します。 今日の Web におけるフォームはユーザーが情報を入力して対話するための重要な要素です。スクリーンリーダーといった支援技術を利用しているユーザーがフォームの入力を妨げられることは当然避けるべきでしょう。また障害の有無に関わらず、ユーザーに迷いを与えたり、
本連載は『Webアプリケーションアクセシビリティ──今日から始める現場からの改善』の第7章「アクセシビリティの組織導入」を公開するものです。 改正された障害者差別解消法や、デジタル庁の取り組みからの影響を受け、アクセシビリティ向上への機運は日ごとに高まっているように感じます。著名な企業がアクセシビリティへのスタンスを表明するケースも増えてきました。 しかし、こうした情報が目に入っているのは、あなたがアクセシビリティに関心がある側の人だからです。多くの場合、社内でのアクセシビリティへの意識はまだまだ高くないのが実態です。 個人や有志による非公式な取り組みでも、アクセシビリティは徐々に改善することは可能です。しかし、いずれは限界を迎えます。企業が提供するWebサイトやWebアプリケーションは組織で開発されており、大規模であり、かつ成長していくからです。 継続的に取り組み、成果を出し続けるため
こんにちは。プロダクトエンジニアのatsushimと言います。 社内ではプロダクトを開発する傍ら、アクセシビリティを高めるための改善や仕組みづくりを進めています。 この記事ではSmartHR独自のESLintのルールを作っている話をしたいと思います。 SmartHRでは アクセシビリティ（以降a11y） を考慮したアプリの開発・改善を行っており、過去記事でその様子をご確認いただけます。 SmartHR Tech Blog: アクセシビリティ の検索結果 ただ普段の開発中、a11yを意識しつつ開発を行うことは、エンジニアにかなりの負荷がかかります。 フロントエンドの経験が少なく基本的なマークアップの知識が足りていない アクセシビリティを意識してね！といわれても何をすればいいのかわからない そのため、SmartHRでは独自のESLint ルールを作成し、CIに組み込むことでa11yを担保、改善
「Xbox Adaptive Joystick」は，Xboxのアクセシビリティへの考えが詰まったコントローラ用アクセサリ。ドイツで実機をお試し［gamescom］
「Xbox Adaptive Joystick」は，Xboxのアクセシビリティへの考えが詰まったコントローラ用アクセサリ。ドイツで実機をお試し［gamescom］ 編集部：Junpoco Microsoftが2024年8月21日（海外時間）に発表した新プロダクト「Xbox Adaptive Joystick」は，身体の動きに制約のあるゲーマーのニーズに応える形で設計されたジョイスティックだ。 本製品は，Xbox用コントローラやXbox Adaptive Controller向けに作られた有線接続のアクセサリで，扱いやすい形状や重さ，Xboxアクセサリアプリでのボタンの再マッピングなど，さまざまなプレイ環境を想定したデザインやカスタマイズ性の高さが特徴となっている。 この新製品について，ドイツで開催中のgamescom 2024のMicrosoftビジネスブースで，8月22日に行われたプレゼ
『鉄拳8』色覚にあわせて画面を調整する「アクセシビリティ設定」が「こんな機能ほかに見たことがない」とファンの間で話題に。『鉄拳7』アクセシビリティ版（非売品）などを経て以前から研究され、今後も機能を拡張予定
『鉄拳8』色覚にあわせて画面を調整する「アクセシビリティ設定」が「こんな機能ほかに見たことがない」とファンの間で話題に。『鉄拳7』アクセシビリティ版（非売品）などを経て以前から研究され、今後も機能を拡張予定 人気格闘ゲームシリーズの最新作『鉄拳8』に収録されるアクセシビリティ設定がSNS上で注目を集めている。実際に他のゲームに存在しないかは不明だが、少なくとも「こんな機能ほかに見たことがない」とファンの間で話題を呼ぶかたちとなっている。 同システムが注目を集めたこともあり、鉄拳プロジェクトのエグゼグティブプロデューサー／ディレクターである原田勝弘氏がシステムの詳細や開発経緯をコメントで明かした。 I have developed and tested “an accessibility version of TEKKEN 7” (albeit not for sale), several
高評価ローグライトSTGに「アクセシビリティ要素で実績取りやすくなりすぎ」との批判寄せられる。ゲーム実績の希少性と、ホスピタリティのジレンマ - AUTOMATON
『Whisker Squadron: Survivor』の開発者の1人Aaron San Filippo氏は9月28日、同作のアップデートにおける「アクセシビリティ設定実装の意図」を説明する声明を投稿した。同作に先日実装されたアクセシビリティ設定に対して、実績が以前より取得しやすくなるのではないかといった批判が寄せられていたという。 高評価を獲得するローグライト奥スクSTG 『Whisker Squadron: Survivor』は3Dシューティングゲームだ。本作の舞台となる銀河は「Swarm」と呼ばれる、分裂や増殖を繰り返すロボットに征服されてしまった。銀河に生きる動物たち（Animalkind）を守るため、プレイヤーは猫のパイロットとなり、Swarmを一掃することとなる。 ゲームプレイでは、画面奥へと進む機体を操作しながら敵を倒していく。プレイヤーはショットとブーストを使用可能で、これ
freeeアクセシビリティー・ガイドライン Ver. 202408.0を公開しました & アクセシビリティー関連の問い合わせもしやすい体制作りを始めました - freee Developers Hub
こんにちは、freeeのアクセシビリティー・ガイドラインおじさんの中根です。 1年ほど前にこちらで書いた記事で触れた健康年齢、1年後の健康診断の結果によると10歳くらい下がって、実年齢とほぼ一致しました。こんなに値がぶれるものに一喜一憂するのは馬鹿馬鹿しいので、今後は気にせず暮らしていくことにしました。 さて、こちらに書くのは久しぶりですが、例によってfreeeアクセシビリティー・ガイドラインの更新情報です。 そして、今回はそれに加えて、freeeのプロダクトをご利用いただいている方や導入を検討してくださっている方などからの、アクセシビリティーに関連するお問い合わせをしていただきやすくなることを目指して始めた施策についても、簡単に紹介します。 最新版はVer. 202408.0 freeeアクセシビリティー・ガイドライン Ver. 202408.0リリース・ノート こちらで最後に更新情報を
世界最大のプレプリントサーバー「arXiv」でついに論文をHTML形式で表示可能に、視覚障害や失読症を持つ人のアクセシビリティが向上
物理学・数学・コンピューターサイエンス・統計学などの分野における世界最大のプレプリント(査読前論文)サーバーである「arXiv」が、ついに論文のHTML表示に対応し始めたことを発表しました。 Accessibility update: arXiv now offers papers in HTML format – arXiv blog https://blog.arxiv.org/2023/12/21/accessibility-update-arxiv-now-offers-papers-in-html-format/ arXivは1991年、当時ロスアラモス国立研究所の研究員だった物理学者のポール・ギンスパーグ氏が、物理学分野のプレプリントを保存するサーバーとして開発しました。その後、arXivの運営はコーネル大学に移管され、今や世界中の科学者らが最新の科学研究の成果をオープンに共有
“あご”でFPSを楽しむ「障がい者ゲーマー」にゲームプレイのハードルを聞く―当事者から見たアクセシビリティとは？【インタビュー】 | Game*Spark - 国内・海外ゲーム情報サイト
昨今のゲーム業界を取り巻く流れとして、どのような障がいを持つ方でもゲームが遊べるようにというアクセシビリティ化の動きが加速しています。直近では、ある程度手足が動かせる方が買ってすぐプレイできるようにと、SIEがAccessコントローラーをリリースしたのも記憶に新しいでしょう。 しかし同時に、個々人がもつ身体的なハードルの高さ、そして各々を取り巻く環境は様々だと思います。ゲーム業界がプレイのハードルをなくす世界を望んでいることを感じながらも、未だ至らぬ点は多いはずです。そこで本記事では、そうしたアクセシビリティ問題の当事者の声を聴くべくインタビューを敢行しました。 今回お答えくださったのは、YouTubeで「りくおのへや【Chin Game Player】」というチャンネルを運営しているゲーマーの「りくお」さんです。「脳性麻痺のアテトーゼ型」という障がいを抱えながらも、顎を使ったプレイにて『
プロダクトエンジニアリング部の千葉です。 LIFULL HOME'S不動産査定とホームズマンション売却の開発に携わっています。 この記事では、売却査定サービスにおけるアクセシビリティ対応の取り組みについて紹介していきます。 マンション査定シミュレーション input要素 コンボボックス 所在地選択ダイアログ キーボードフォーカス リストボックス 最後に マンション査定シミュレーション マンション査定シミュレーションは、インターネット上でマンションの価格を調べることができる簡易査定の機能です。 売却計画を立てる際や、不動産一括査定サービス利用時の参考として使用することができます。 LIFULL HOME'Sのマンション査定シミュレーションではマンション名、所在階、専有面積、間取りを入力すると参考価格を算出することができます。 まずは、ここの入力欄要素での取り組みについて紹介します。 inpu
こんにちは、デザイナーのid:ymrlです。今年は書道大会を提案したり、ヒットソングの作詞（？）をやったりしました。あとWebアクセシビリティの本を出版しました。充実した1年でした。 gihyo.jp この記事は freee Developers Advent Calendar の18日目です。ちなみにデザイナーのアドベントカレンダー もあって、そちらでは2日目に見よう見まねでデザインしてるという話も書きました。 freeeではアクセシビリティー・ガイドライン を策定して、チェックリストを運用して、プロダクトのアクセシビリティが一定以上に担保された状態でリリースされることを目指しています。現場で使いやすく・わかりやすいものを目指して作って運用してきているわけですが、しかし、実際にやってみると「これってOKにしていいんだっけ」とか「これ本当にNGなの？」というものも出てきます。そういうものは
そもそもアクセシブルなサービスとは、どのようなサービス、実装を指すのでしょうか。 端的に表現するならば、「伝えたい情報が正しい文書構造によって実装されているサービス」だと考えます。 例えば以下のようなボタンの実装があったとします。 こちらがレンダリングされた結果です。 こちらがスクリーンリーダーの結果です。 (Macの場合command+F5でVoiceOverを使用することができます。) この例の場合、視覚的な情報と、支援技術を介して得られる情報とで差異が産まれてしまっています。これはアクセシブルではありません。（例外[1]もあります。） この例の場合、ボタンの働きが編集であれば、スクリーンリーダーにより取得した削除という情報は誤りになります。 スクリーンリーダーのような支援技術は、アクセシビリティツリーを元に情報の処理・出力を行います。 このアクセシビリティツリーは、DOMツリーという
PS5®本体アップデートを本日配信開始！ 新しいアクセシビリティ機能やオーディオ設定に加えて、リモートプレイの対応機器が追加！
2023年9月13日2023年9月13日 PS5®本体アップデートを本日配信開始！ 新しいアクセシビリティ機能やオーディオ設定に加えて、リモートプレイの対応機器が追加！ ホリデーシーズンが近づき、新作ゲームの発売に向けて期待が膨らむなか、本日9月13日（水）に最新のPlayStation®5システムソフトウェアアップデートの配信を開始したことをお知らせします。ベータテストにご参加いただいた多くの方のご協力により、今回のアップデートではベータ版にも含まれていた以下の機能をリリースします。 2個目のコントローラーによるアシストなど、新しいアクセシビリティ機能 Tempest 3DオーディオがDolby Atmos対応のHDMI機器でお楽しみいただける新しいオーディオ設定 マルチプレイセッションやソーシャル機能の向上 大容量M.2 SSD（最大8TB）への対応 さらに今回のアップデートでは、より
Googleマップの新デザイン、見慣れました？ 元デザイナーは苦言を呈しているが、アクセシビリティーの観点からメリットもありそう
Googleマップのデザインが11月中旬頃に変わりました。主に地図全体の配色が変更され、一目で「変わったな」と分かる大きなアップデートです。従来の配色とかなり異なるため、一部では賛否両論のようですが、アクセシビリティーの観点でメリットを指摘する声もあるようです。 Googleの元デザイナー「人間的ではない」 実は9月頃から、一部ユーザーを対象にGoogleマップの新しいデザインがテストされてきました。11月中旬のタイミングで多くのユーザーに反映されたようで、今注目が集まっているということです。 海や緑地の色が淡い色合いになったり、道路上の横断歩道が表示されるようになったりと、見慣れたGoogleマップの見た目が変わって新鮮に感じる一方で、一般道と高速道路が同じ灰色基調で表示されるなど、見づらくなったと言う人もSNSで見かけます。 米Googleの元デザイナーで、Googleマップのデザイン
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG
Webアクセシビリティことはじめ【おすすめ資料5選】｜akane
2024年のWebアクセシビリティ | gihyo.jp
まだ日本ではWebアクセシビリティが義務化されません（2024年4月から6月の時点では）
プレースホルダーのアクセシビリティ上の課題と解決策 - SmartHR Tech Blog
Microsoft、「VS Code」ベースの無料コンピュータサイエンス教育環境を公開／多彩なコースとアクセシビリティ機能もビルトイン
React 19 で変わるアクセシビリティ周りの技術 - SmartHR Tech Blog
Access Accepted第778回：ゲーム業界で急速に進むアクセシビリティへの動き
axe-core/playwrightとmarkuplintを導入しアクセシビリティの自動テストをできるようにした
Webアクセシビリティ入門_2024
アクセシビリティを考慮したUI/CSSフレームワーク・ライブラリ選定
「情報アクセシビリティ好事例2023」に応募しました
テーブルの仮想スクロールとスクリーンリーダー向けのアクセシビリティ
4月1日に改正法施行！ Webアクセシビリティ改善を進めるには、どうすればいいですか？ 植木真さんに聞いてきた | Webのコト、教えてホシイの！
第6回 アクセシビリティを必要とする人に会う | gihyo.jp
アクセシビリティを担保するためにESLintの独自ルールを作っている話 - SmartHR Tech Blog
Adobe、新しいUIデザインシステム「Spectrum 2」を発表 ～2024年Web製品より順次展開／アクセシビリティ、親しみやすさ、クロスプラットフォーム一貫性の3点が軸
Microsoft、「Copilot in Windows 11」の新機能を発表 ～あらゆる場面でAI活用を加速／OSだけでなく、同梱アプリ、アクセシビリティ、企業のデバイス管理にもAIを
売却査定サービスにおけるアクセシビリティ対応の取り組み - LIFULL Creators Blog
アクセシビリティに関する社内の判断事例集を作ってる - freee Developers Hub
aria-labelで始める、アクセシビリティ改善活動
Googleが2023年のお気に入り「Chrome」拡張機能を発表 ～今年はやっぱりAIに注目？／時短、オンラインミーティング、アクセシビリティ、ゲーム、ショッピングの分野で【やじうまの杜】
【Mac Info】 macOS Sonamaで大幅進化！Macの「アクセシビリティ」の新機能をくまなくチェック
