アクセシビリティ

この記事は、Goodpatch Advent Calendar 2024 24日目の記事です 🎄 グッドパッチでエンジニアリングマネージャーをしている大角です。私はこれまでプレイヤーとして活動してきましたが、去年からマネージャーとして事業づくりや組織づくりにも関わっています。 私がマネージャーとして取り組んでいるものの１つが「アクセシビリティ」の推進です。グッドパッチでは、これまでもアクセシビリティに関心のあるメンバーの努力によってアクセシビリティ文化の基礎が支えられてきましたが、組織的な取り組みまで昇華できていませんでした。そこで、2024年4月の障害者差別解消法の改正・施行をきっかけに組織…

今年は、「視覚が使えない人がポケモン対戦を楽しめるようにする」という活動を行っていました。私の日常生活の中で、この活動を紹介することが時々あるのですが、聞いた方がまず驚くのは、「キャラクターのビジュアルが際立つポケモンというゲームを、視覚が使えない人が楽しんでいる」という事実です。 私も決して多くの事例を細かく知っているわけではありませんし、関わりのない人たちからすると尚更だと思います。興味を持ちましたので、実際にポケモンをプレイされている複数の全盲のプレイヤーに、ポケモンの遊び方を聞いてみることにしました。

この記事は「アクセシビリティ Advent Calendar 2024 - Adventar」 の3日目の記事です。 1日目・2日目の記事や明日以降の記事もチェックしてみてください！ 2023年に続き、2回目となったアクセシビリティカンファレンス（以下、アッカン）。2023年のアッカンの翌日から、実行委員たちには既にひとつの大きな課題がありました。 皆さんの記憶にも新しいでしょう。今年の閉会式でアナウンスされた、ゆうてん実行委員長の退任です。 つぎのつぎはどうしよう 今年のテーマである「つぎはどうする」が発表された時点よりも前に、実行委員のメンバーはゆうてんさんの退任の意思を聞いていました。 …

この記事は、弁護士ドットコム Advent Calendar 2024 の 2 日目の記事です。 こんにちは、弁護士ドットコムでクラウドサインというサービスのフロントエンドを実装している @RINYU_DRVO と申します。車とギターが大好きです。 昨年の Advent Calender は Go html/templateで書くHTMLメールのハマりどころと対処法 を投稿しました。 今年のテーマは「ドロップダウンメニュー」「アクセシビリティ」です。 この記事で伝えたいこと 背景 改修対象 構成の全体像 解説 role 属性 menu menuitem none aria 属性 aria-la…

こんにちは、エンジニアの中島です。 この記事は2024年10月のLIFULL社でのアクセシビリティ改善およびやっていき活動の報告です。 この活動報告は月次で出すかもしれないし出さないかもしれないくらいの温度感で運用されています。

まずはこちらをお聞きください。 技術的解説: ボタンを a 要素で作るな a 要素は URL などへのリンクをつくるためのもので、button 要素はなんらかの処理を起動するボタンをつくるためのものです。 配置されるものがリンクなら a 要素で実装し、ボタンなら button 要素で実装すべきです。 これに違反すると、意図しない動作や、アクセシビリティ上の問題が発生します。 これは MDN でも詳しく説明されています。 onclick イベント -- \<a>: アンカー要素 - HTML: ハイパーテキストマークアップ言語 | MDN よく見られる誤った使い方として、擬似的なボタンを作成する…

ポケモン対戦画面読み上げアプリのエモい開発記録、第3弾です。開発経緯の網羅的な記録は今回が最後です。全盲プレイヤーがマスターボール級に到達するところを区切りとして、それまでに実施してきた支援についてお話しします。 実際にユーザーのプレイングを観察し、ときにはユーザーの姿に心を動かしながら、開発開始時には想定していなかった実践的な取り組みを行うことになりました。

スマートフォンを使用しているときに、自分が触れてもいないのに画面が勝手に操作されてしまうことがありますよね？ これを「ゴーストタッチ」と呼びます。 iPhoneユーザーにとっては特に、この問題は大変困ったものです。 ゴーストタッチは操作ミスではなく、さまざまな原因によって発生する問題です。 この記事では、ゴーストタッチの原因とその対策について詳しく解説します。 ゴーストタッチの解説：iPhoneが自動操作される原因 ゴーストタッチは、ユーザーの意図とは無関係にスマートフォンの画面が反応してしまう現象です。 主にハードウェアの故障やソフトウェアのバグが原因となります。 この問題の発生頻度や影響範…

血流制限バンドの市場規模と予測 血流制限バンドの市場規模は、2024年には242万米ドルと評価され、2031年には389万米ドルに達すると予測され、予測期間2024-2031年のCAGRは6.12%で成長します。 血流制限バンド市場は、骨の関節や手足が弱くなる関節炎や手足の手術の有病率の上昇により発展すると予測されています。フィットネスやウェルビーイングの人気の高まり、より良い健康結果を得るための医療は、市場拡大に拍車をかけると予測されています。血流制限バンドの世界市場レポートは、市場の全体的な評価を提供します。主要セグメント、動向、促進要因、阻害要因、競争環境、市場で重要な役割を果たしている…

サイトカイン放出症候群治療薬の市場規模と予測 サイトカイン放出症候群治療薬市場規模は、2023年に13億米ドルと評価され、2031年には37億米ドルに達すると予測され、予測期間2024年から2031年の間に12.1％のCAGRで成長します。 サイトカイン放出症候群治療薬の世界市場促進要因 サイトカイン放出症候群治療薬市場の市場促進要因は、様々な要因によって影響を受けます。これらには以下が含まれます： 癌および自己免疫疾患の発生率の増加： 癌と自己免疫疾患の有病率の増加は、サイトカイン放出症候群（CRS）治療市場の主要な促進要因です。これらの疾患はCAR T細胞療法などの免疫療法で治療されること…

調節可能な病院用ベッド市場規模と予測 調節可能な病院用ベッド市場規模は2023年には31億米ドルと評価され、2031年には56億米ドルに達すると推定され、2024年から2031年のCAGRは7.5%で成長すると予測される。 世界の調節可能な病院用ベッド市場の推進要因 調節可能な病院用ベッド市場の成長要因は、さまざまな要因の影響を受ける可能性があります。 これには以下が含まれます 高齢化人口： より良い患者ケアを提供するためには、高齢化人口の増加に伴い、追加の医療施設と適応可能なベッドが必要となります。 慢性疾患の増加： 糖尿病、肥満、心血管疾患などの慢性疾患には長期入院が必要であるため、調節可…

Cerebral blood flow differences in cognitive disengagement syndrome Reduced Theta Inter-Trial Phase Coherence in Error Processing: A タイトル：在宅でのブレインバランスプログラムの認知能力の結果 Understanding psychotic-like experiences in children in the context スポーツ好きな児童および思春期患者の嗜好に関する新しい質問紙の評価 Prevalence of co-occurring conditi…

この記事では、国際送金やマイクロペイメントで注目を集める暗号資産、Stellar（ステラ）のネイティブ通貨であるXLM（ステラルーメン）について、その仕組み、歴史、将来性を初心者にもわかりやすく解説します。XLM投資を検討している方にとって必要な情報を網羅し、意思決定をサポートします。 XLMの基本情報 項目 内容 発行開始年 2014年7月 発行上限枚数 500億枚 時価総額ランキング 24位（2024年1月16日時点、CoinMarketCap調べ） コンセンサスアルゴリズム Stellar Consensus Protocol (SCP) XLMの歴史：金融包摂を目指した誕生 XLMは、…

【テレビCMにも字幕を！】テレビ番組の字幕はNHK総合100％、NHK教育97.2％在京キー5局100％（※１）とほぼ字幕が付与されます。 一方で、テレビCMの字幕はというとわずか25.2％、118社がＣＭに字幕を付与しています。（※２） www.jaaa.ne.jp字幕付きCM ポータルWEB – JAAA 一般社団法人 日本広告業協会CMは最強の宣伝メディアと言われ会社・商品・サービスを知ってもらい売上を伸ばすことが目的です。そのCMに字幕が付与されないということは情報を伝えないという不当な扱いであり必要な情報を得る機会を制限されているともいえます。「本当の意味で消費者になれていない」 そ…

背景 以前3級を取得したものの、履歴書に書けるのは2級から！という声を周囲でよく耳にしました。 以来、ずっと目標にしていたウェブデザイン技能検定2級をついに受験してきましたのでその記録を受験記としてまとめました！ 受験の準備 勉強期間とスケジュール 試験勉強としては約3カ月ほどです。実技試験の中で馴染みのなかった作業を重点的に行う2カ月間、学科試験範囲の学習に一月といったバランスでした。 後述する書籍の問題集と過去問を繰り返し解き、大体半分の試験時間で解けるくらいを目処にしました。 受験申込と受験までの流れ 基本情報を登録後、受験級・受験資格確認・決済方法の選択をして申請します。 身分証のコピ…

こんにちは！ソリューションコンサルタントの田上です。 Reactを使ったUI開発を効率化するには、適切なUIライブラリの選択が鍵を握ります。この記事では、2025年最新版の25個の無償UIライブラリと、5個の有償UIライブラリを比較し、それぞれの特長や選択肢を詳しく解説します。初心者から上級者まで、React開発者が直面する選択肢を明確にし、プロジェクトに最適なライブラリ選定をサポートします。 また、多くの企業が「無償ライブラリのOSS（オープンソースソフトウェア）で十分では？」と考えがちですが、有償ライブラリを導入した際に得られる「費用対効果（大きなコスト削減、生産性向上による開発工数削減）…

サイトメガロウイルスCMVワクチンの市場規模および予測 サイトメガロウイルスCMVワクチンの市場規模は、ここ数年かなりの成長率で緩やかなペースで成長しており、予測期間（すなわち2024年から2031年）に市場が大幅に成長すると推定されています。 サイトメガロウイルスCMVワクチンの世界市場促進要因 サイトメガロウイルスCMVワクチン市場の促進要因は、様々な要因によって影響を受ける可能性があります。これらには以下のものが含まれます： サイトメガロウイルス感染の有病率の増加： 特に免疫不全患者、妊産婦、新生児の間でサイトメガロウイルス（CMV）感染症が増加していることは、CMVワクチン市場の重要な…

こんにちは！長谷川です😊✨今回は「Google Search Console のエラー：画像最適化不足について」というテーマで、画像サイズや alt 属性に問題がある場合に報告されるエラーについて詳しく解説いたします。画像最適化はウェブサイトのパフォーマンス向上と SEO において非常に重要です。適切に最適化されていない画像はページの読み込み速度を低下させ、ユーザー体験を損ねるだけでなく、検索エンジンの評価にも影響を与えます。本記事では、画像最適化不足のエラー原因やその改善方法について、具体的な手順とともに詳しくご紹介します。 🌱 はじめに 📚 画像最適化不足エラーとは？ 🔍 画像最適化不足エ…

ChatGPTのようなAIシステムの効果的な学習と利用には、ユーザーフレンドリーで柔軟性が高く、拡張性のあるインターフェース設計が不可欠です。優れたインターフェース設計は、効率的な操作やエラーハンドリングの向上だけでなく、安全性とプライバシーの確保にも寄与します。本記事では、インターフェース設計における重要な要素と、その具体的な実践方法について詳しく解説します。 インターフェース設計の基本要素 ユーザーフレンドリーなデザイン 重要性: シンプルで直感的なデザインは、ユーザーがAIを効率的に操作し、目的を達成するための鍵となります。 実践方法: 明確なラベル付けや適切な配色を使用して、重要な情報…