令和にもなって色覚サポートに対応していない任天堂のパズルゲームがあるらしい - 最終防衛ライン3
「ドクターマリオワールド」お前だよ！尚「ツムツム」も対応していない模様。 ドクターマリオワールドがリリース drmario-world.com 任天堂IPであるドクターマリオのスマホ版が、LINE と NHN との協業でリリースされました。 これまでのドクターマリオとは異なり、下から上にカプセルが昇っていきます。画面下部が忙しくなりがちなスマートフォン向けと考えると、落ちものから昇りものパズルへの変更は英断だと思います。 早速ダウンロードしてプレイしたのですが、チュートリアルが20ステージもあるのは長過ぎてだれます。しかも、読み込みが遅く無駄な演出表示が多いので、ステージを遊ぶまでに時間がかかりすぎ。 ただ、チュートリアルを抜けると対戦などもできるので楽しいです。チュートリアル以後も、新要素が追加されていくためチュートリアルはせいぜい10ステージで十分だったのではと思えます。 順調にプレイ
フォームのボタン配置は、多くの場合無視されるか、見映えに基づいて優先順位がつけられます。しかし、ボタン配置は非常に重要で、フォームを使いづらくする要因の一つであるため、正しく配置することが不可欠です。 フォームのボタン配置は、対象のボタンとフォームのタイプに依存されます。 さまざまなタイプのフォームを総合的に調査・分析し、それぞれのタイプでどこにボタンを配置するかについて解説します。 Where to put buttons on forms by Adam Silver 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 プライマリボタンは入力欄の左端に揃える 「戻る」ボタンはフォームの上に配置 分岐するアクションはフォームの上に配置 機能に応じて追加のボタンを配置 一部の単一フィールドのフォームでは、入力欄の横にボタンを配置 マ
アプリ インフラ構築 保守運用 ケンタッキーフライドチキン 公式モバイルアプリ、公式Webサイト（2024年3月末まで提供） ケンタッキーフライドチキン(以下、KFC)の公式モバイルアプリ、及び、公式Webサイトをリニューアル。企画、運用設計、UI/UX設計、デザイン、開発を担当しました。 今回リニューアルでは、ユーザーにより直観的に情報を提供できるUI/UXと、それを実現可能なシステムをクライアントとともにアイデアを出し合いながら設計しました。公式モバイルアプリと公式Webサイトの更新方法を一元化し、フロントエンドからバックエンドまで、一貫した設計・管理・運用とデータ更新を双方で共通化することで、日々の運用負荷を軽減し、ユーザーに素早く情報を届けることを可能にしました。 また、赤と白を基調とした、KFCのブランドイメージをより印象付けるデザインを企画しました。 *2024年3月末まで提供
なぜ <div> に onClick がダメなのか？
■ はじめに <div>要素にonClickを渡すべきではない、ということ聞いたことはないでしょうか？ ただ、なぜ渡すべきでないのか？ 理解してなかったので今回調べてみました。 サンプルコード 今回動作確認に利用したサンプルリポジトリのコードはReactで書いています。 ■ 結論：<div>にonClickを定義するのがなぜダメなのか？ ユーザーにとって操作性の低いボタンになってしまうから、です！ 要するに UX が悪くなってしまうから！ その理由を解説していきます！ ■ 操作性の低いボタンになってしまう理由 大きく３つあると考えています。 div要素は focus を持たないから returnキー, spaceキーをonClickに変換しないから スクリーンリーダーが認識しない要素だから ◎ focus を持たないから <div>要素はfocusを持ちません。 なので、tabキーで要素に
新型コロナウイルスの感染拡大を受けて、日本医師会は、一部の地域では病床が不足しつつあるとして、「医療危機的状況宣言」を独自に発表し、国民に感染を広げない対策や適切な受診行動を呼びかけました。 こうした中、日本医師会の横倉会長は記者会見で、「国の宣言は国民の生活や経済の影響を踏まえて発令をされるのだろうが、一部の地域では病床が不足しつつあり、感染爆発が起こってからでは遅い。今のうちに対策を講じるべきだ。現場は『医療危機的状況宣言』と言える状況だ」と述べました。 そして医療提供体制を維持するために、国民に対し、みずからの健康管理や、感染を広げない対策、そして適切な受診行動をとるよう呼びかけました。 一方で横倉会長は政府の新型コロナウイルス対応について、「今、物資の不足とか、体制が十分にとれていないという現実からみれば、もっと対応を加速してほしい」と述べました。
私が見ている赤は、他人にも同じような赤として認識されているのか？ 私が赤と認識しているものは、別の人にとっては青である可能性はあるのか？ これらは誰もが人生で一度は考える疑問だと言われており、古代から哲学者たちの頭を悩ませてきました。 個々の人が持つ主観的な感覚体験のことを「クオリア」と呼びますが、自分のクオリアと他人のクオリアが同じであるかどうかを証明することは困難だからです。 しかし米国のジョンズ・ホプキンス大学（JHU）で行われた研究により、私たちの網膜に存在する色覚細胞がどのような仕組みで生成されるか、またどんな比率で存在するかが確かめられ、この長年の哲学的疑問の答えとなり得る結果が得られました。 研究者たちは「正常な色覚を持つ人たちの間でも、同じリンゴに対して色が少し違って見える可能性がある」と述べています。 今回はまず実験の背景を解説しつつ、次ページ以降でクオリアに関連する発見
iOS 14/iPadOS 14の正式版が公開された。いきなりの公開は開発者にかなり負担が大きく、混乱を招いているのはちょっとどうかと思うのだが、それはそれとして、良い機能が多いのも事実だ。 特に、AirPods Proとのセットで実現する「空間オーディオ」と第2世代AirPods以降で使える「Bluetooth接続先の自動切り替え」は素晴らしい。素晴らしさを急いで伝えるべく、正式版発表に合わせて急いで記事も作ったくらいだ。 iOS 14でAirPodsの価値急上昇！ 「空間オーディオ」と「自動切り替え」やってみた 日常的な部分で特に価値が大きいのは「自動切り替え」だろう。これは「複数のApple製品同士を使っている場合」という条件はあるものの、極めて便利だ。というよりも、ワイヤレスヘッドフォンの使い勝手を画期的に進化させる一歩といっても過言ではない。 Bluetoothヘッドフォンにはい
アクセシビリティとはアクセシビリティは、サービスや情報をどんな利用者も円滑に利用できるかの度合いです。 アクセシビリティが高いほど、より多くのユーザーが円滑に利用でき、アクセシビリティが低いほど、より多くのユーザーが利用できないということです。 アクセシビリティ向上は、障害当事者だけでなく、さまざまな環境や状況にいる人、高齢者、日本語以外を得意な言語とする人など、すべての人のためのものです。人だけでなく、サービスや情報にアクセスする機械(ロボット)もアクセシビリティの影響を受けます。 SmartHRの開発方針SmartHRは「well-working 労働にまつわる社会課題をなくし、誰もがその人らしく働ける社会を作る。」というミッションを掲げ、働くすべての人を後押しするプラットフォームをつくっています。 誰もがその人らしく働ける社会を実現するため、SmartHRはアクセシビリティの向上に取
ツイッターでアクセシビリティ向上日誌２【目視試験編】‐Akira Tsuda Portfolio and Blogというのを見かけて、そういえばアクセシビリティチェックって何をどうしているのかという話をウェブ上でほとんど見かけない（というか自分は知らない）ので、思い切ってチェックの過程や考え方を書いてみようかなと。 チェック対象のサイトを作った@HeldaForStudy氏に尋ねたところ、題材として使ってよいという返事をいただいたので、「アトリエ金工やまぐち」のサイト1ページをチェックしてみることにします。 対象ページはBasic認証がかかっているので、アクセシビリティ向上日誌１【各種ツール評価編】からたどってください。 @HeldaForStudy氏はレベルはA*1でチェックしたとのことなので、チェック基準はWCAG 2.1レベルAでチェックすることにしましょう。 わたしは普段はCOB-
幼稚園や小学生の課外事業でよくある、バスの「乗り方教室」が、高齢者向けに行われることが増えてきました。長年バスを利用していなかったため、乗ること自体に抵抗を感じる人も。これが運転免許返納のひとつの壁にもなっています。 高齢者向け「市内路線バスでお買い物ツアー」も バスや鉄道の利用に慣れない子どもに、きっぷの買い方や車内マナーなどを教える「乗り方教室」は、いまも昔も幼稚園や小学校における課外授業の定番でしょう。ところが2019年現在、こうした教室を高齢者向けに開催するケースが増えています。 拡大画像 茨城県常陸太田市では、路線バスで市内の道の駅へ買い物に行くツアーを実施。バスの乗り方も学べる（画像：茨城交通）。 たとえば福島県内でバスや鉄道を運行する福島交通は、県内各地で定期的に高齢者向け「バスの乗り方教室」を実施しています。バスを長年使っていなかった人は、乗車方法やICカードをタッチする場
ゲーム内の色違いアイコンについて
よくあることなんだけど、同じマークなのに効果が違うのなんでだろうって思ってたら、実は色違いでしたってことがよくある。 理由は自分が色弱だからなんだけど、影響が小さいものだとゲームの終盤まで、下手したら終わっても気づいてないものっていうのが多くあるんだろうなって思う。 パズルゲームみたく色の見分けがつかないとそもそも満足にプレイできないゲームとかならさっさと諦めるからいいんだけど、アクションゲームとかRPGとかだとそれに気が付かなくてもなんとかなってしまうことが多くて、勝手に苦労しておいてからあとになってそんな簡単なことだったのか！って気づくことはよくある。 ゲームだからいいけど、世の中でも色に頼ればもっと近道できることがあったんだろうなって思うと、色々と心がざわつく。 デザインコストがかさんでしまうかもしれないけど、やっぱり形状を変えてほしい。 それが無理なら、せめてモノクロに変えたときに
きせしょう @kiseshou この前はじめて「逆方向の電車に乗る」というミスを銀座駅で犯してしまったんだけど、きょうやっと理由がわかった pic.twitter.com/IYNh31hv6e 2020-09-01 19:45:04
株式会社斎藤佑樹
プロ野球のマウンドに、 立ち続けることはできなかった。 けれど、野球を通じて 誰かの力になろうとめざす日々を、 これからも続けようと思う。 自分が野球人生で 感じてきたことを、 野球の未来につなげていく。 できることから、 少しずつでも、 そのためのアクションを起こすこと。 さまざまな人と力を出しあい、 さまざまな人に知恵をもらいながら。 まっすぐ、まっすぐ、 想いを投じていきたい。
交通系ICカードが鍵となり、決済もできる仕組みのコインロッカーから荷物を盗んだとして、愛知県警は6日、名古屋市南区の無職田中豊容疑者（76）を窃盗の疑いで逮捕し、発表した。施錠が完了する前に「使用可」のランプが消えるため、閉めたと思い込んで被害に遭ったとみられ、同様の被害が相次いでいるという。 中村署によると、田中容疑者は昨年11月12日午後0時55分ごろ、JR名古屋駅構内のコインロッカーからリュックサック（計約9万1千円相当）を盗んだ疑いがある。観光で訪れた大阪市東成区の自営業男性（48）が預けたもので、携帯ゲーム機やタブレット端末などが入っていた。田中容疑者は「盗んだことは間違いないが、動機は言いたくない」と話しているという。 このタイプのロッカーは、荷物を入れて扉の横のレバーを下げると一時的に施錠され、「使用可」のランプも消える。さらに画面を操作して料金を支払うと施錠が完了する。被害
少しの記述・工夫でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニックを独断と偏見で集めてみました。最近クローズドな場所で登壇を行ったのですが、そちらで話した内容を纏めたものにいくつか内容を追加したものとなります。 原則的にこのブログで取り入れられている手法だったり過去の記事で触れた手法を紹介したものです。 button要素には touch-action:manipulation を指定するiOS限定の話ではありますが、button要素をつい連続でタップすると画面が拡大表示されてしまい非常に煩わしいです。 ポストを別枠で表示する そのため、パンおよびズームのジェスチャーは有効にしつつダブルタップ時のズームなどの標準外の追加的なジェスチャーを無効にするtouch-action:manipulationを指定して誤作動を防止しておくと良いでしょう。
全盲のeスポーツプレイヤーたちが開発に協力。『ストリートファイター6』のアクセシビリティ向上はどう実現した？ | CINRA
近年のビデオゲームの進化はめざましい。技術の発達で、現実と見まがうようなリアルなグラフィックのゲームがいくつもつくられ、またオンラインを介して国籍や言葉を超えた多様なプレイヤーが仮想世界の冒険や戦いや出会いを楽しんでいる。 しかしそれと並行して、じつは進化し続けているのがユーザーのアクセシビリティ。障がいなどがある人でもゲームを楽しめる工夫の進化だ。その最前線を突き進んでいるのが人気格闘ゲームの最新作『ストリートファイター6』だ。同作では、eスポーツを介した障がい者の就労支援を行なう株式会社ePARAと共同し、対戦相手との距離やお互いのコンディションをサウンドで把握する工夫などが随所に盛り込まれている。 今回、同作を制作したカプコンからディレクターの中山貴之、サウンドチームの渥美格之進、小池義規、ePARAから代表取締役の加藤大貴、ブラインドeスポーツプレイヤーのNAOYA、今回の共同プロ
「HTML解体新書」リフロー版電子書籍を作りました - 弁護士ドットコム株式会社 Creators’ blog
4月に発売された書籍「HTML解体新書」。その電子版は今までPDF版しかありませんでしたが、このたびリフロー版が発売となり、Amazonでも購入できるようになりました。 この記事では、HTML解体新書のリフロー版電子書籍を実際に作成した際の流れについて、なぜ作成したのか、どうやって作成したのか、どのようなトラブルがあったか、といった点をご紹介します。リフロー版の電子書籍の作成、出版を検討されている方の参考になれば幸いです。 リフロー版の電子書籍を作った理由 リフロー型と固定レイアウト型 リフロー型とアクセシビリティ リフロー版の電子書籍を作るには 電書協 EPUB 3 制作ガイド 実際の制作の流れ テキスト原稿を用意する XHTMLを作る その他EPUBに必要なファイルを準備する OCFコンテナのメタデータを用意する mimetype container.xml OPFパッケージのデータを
あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2022年のWebアクセシビリティに関連する出来事を振り返りつつ、2023年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2 2022年9月版のWCAG 2.2で、文書のステータスとしてはようやく勧告候補（Candidate Recommendation）にまでたどり着き、仕様文書として完成する勧告（Recommendation）が見えてきた…と思っていたところですが、12月になって達成基準4.1.1構文解析を削除するという話が急浮上してきました。 達成基準4.1.1がどういったものなのか、改めて振り返ってみましょう。この達成基準については、もとはWCAG 2.1（原文、参考日本語訳）と同じものであり、WCAG 2.0とも同一です。達成基準4.1.1は、マークアップ言語
文●池田直渡 写真●マツダ 年末年始に掛けて、BEVを生活のアシにすると一体どうなるのかの実験を行っていた。借り出したのはマツダのMX-30 EV MODEL。貸してもらったマツダには悪いが、それは想像以上にしんどいものだった。で、本来であれば年末の記事『ところで水素はどうなった？』の後編を書くつもりだったのだが、こちらを先に割り込ませたくなった。 BEVのある暮らしを正月休みを使って擬似体験した まず、これは実験以前から分かっていたことだが、BEVだけで生活するためには、自宅に充電器は必須。無い状態で買うのは絶対に止めた方が良い。 さて、充電器とはどういうものか？ 基本的に(1)車両側の受け入れ最大電力 （2）充電器の最大出力 （3）バッテリーの残量 （4）外気温の4つで能力が決まる。（1）と（2）のどちらか低い方でポテンシャルが決まり、（3）と（4）がそれに影響を与える。 家庭用の充電
2023/08/26(土)に開催された Frontend Nagoya #11 のセッションで使用したスライド資料です。
チャートのカラーをアクセシビリティを考慮した色へ変更する · Issue #1172 · Tokyo-Metro-Gov/covid19
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
デジタル庁創設に向けた準備サイト(www.digital.go.jp) なるものが立ち上がったようです。 が、スクリプト無効設定でアクセスすると残念なことに……。 スクリプト無効設定で www.digital.go.jp にアクセスした様子。真っ白で何も表示されていない。 サイトポリシー(www.digital.go.jp) の「閲覧環境について」を読むと、 当ウェブサイトでは、より快適にご利用いただくためJavaScriptを使用しています。ご使用のブラウザの設定においてJavaScriptが有効となっていない場合、正しく表示されない、又は操作できないことがありますので、ご了承ください。 サイトポリシー(www.digital.go.jp) とあるので、これは設定ミスやサーバーのエラーでそうなっているのではなく、意図的な作りと思われます。ソースコードを見るに「Nuxt.js」を使い、レン
公開日 : 2021年10月14日 (2023年10月11日 更新) カテゴリー : ユーザビリティ / アクセシビリティ ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化する UI があります。たとえば、利用規約などの文書を読んで同意する旨のチェックを入れないと、あるいは、入力必須フィールドにすべて正しく情報を入れないと、ボタンがアクティブにならない、というものです。 サブミットボタンがデフォルトで無効化されているフォームの例。 このような UI は、アクセシビリティやユーザビリティの観点で、以下の問題があります。 そこに存在しているはずのサブミットボタンが使用できないことに対して、その理由をユーザーが理解できずに、混乱してしまう恐れがある。(ユーザーの側に誤っているという自覚がなくても、ちょっとした見落としや入
アクセシビリティー対応とかいう害しかないクソ
今年の初めから弊社の公式サイトは「音声読み上げソフトに配慮した記述」が求められるようになった。 例えば「7/28(火)」はNG、「7月28日（火曜日）」が正しい。これはまあいい。 でも他の例では「※詳細はこちら」これはダメで、「注記：詳細はキャンペーン詳細サイト（外部サイトへ移動します）（別ウィンドウで表示します）をご覧ください。」と、こうなる。 あと「～」が使えなくなった。これ、「５～８ポイント」を「５から８ポイント」とするのが本来のアクセシビリティー対応なのだが、画一的に「～」を禁止されて「アマゾン ～最後の秘境～」とかの固有名詞まで「アマゾン 最後の秘境」に書き換えが発生している。もはや意味もないし商品名や番組名を改変しちゃって怒られるまである。 どうなんかね？音声ブラウザならまだしも、通常のブラウザでは明らかに日本語としての可読性が下がって苦情も来ている。でも社会的要請からアクセシ
freeeのエンジニアにリモートワーク環境のこだわりを聞いてみた - freee Developers Hub
こんにちは、DevBrandingのellyです。 先日、こちらの記事でfreeeの開発メンバーがどのようなキーボード・マウスを使っているのかをご紹介しました。そのアンケートの中で、キーボードやマウスの他にも、椅子や机、音響、カメラ等の作業ツールへのこだわりやライフスタイルの変化についても回答してくれた人も多くいました。 今回はその中から特に気になる5人のエンジニア・デザイナーに、書斎を持つことが夢なichienさんと一緒にインタビューしてきました！ kenoji tomoz toofu harutan manabusakai kenoji ―kenojiさんはfreeeでも随一のガジェットマスターらしいですね。キーボードは何を使ってますか？ キーボードはTEX Shinobi(TTC Gold Pink スイッチ)かHHKB(全キー35gへ押下圧軽量化&グリス塗布済み)をよく使っています
今どきの暮らし、玄関からは「ピンポン」、台所から「ピーピー」、体温計が「ピピッ」…あちこちで電子音が知らせてくれます。でも、年齢を重ねて耳が遠くなったお年寄りや病気の人にとっては聞きづらい音もあり、ネット上ではそんな悩みの投稿が共感を集めています。新しいようでいて、でも以前からありそうなこの問題、どうして解決しないのでしょうか。 （ネットワーク報道部記者・斉藤直哉、高杉北斗、 SNSリサーチ・長野希美、李宰豪）
リンク researchmap.jp 岡 耕平 (Kohei OKA) - マイポータル - researchmap researchmap is an information sharing platform for the researchers. researchmap is provided by Japan Science and Technology Agency. 知的障害のある人の移動・作業支援、学校での学習支援、職場内での就労支援コーディネートの経験をもとに、学習・就労場面での障害の解消やテクノロジーによる能力の拡張について研究しています。
佐野五月｜でざいん姉さん @irohazum_s 心はずむ、みらいを共創する irohazum代表｜ブランディングデザイナー｜事業、プロダクト、人の想いを世の中に伝える架け橋になりたいです｜本・陶器・歴史・文化・旅・ゲーム・ロックが大好きです｜ONLINE上司チーフ｜姉さんと呼んでね｜サブ @irohazum_ss｜#irohazum_Works x.gd/p8PuM 佐野五月｜でざいん姉さん @irohazum_s 設置場所は新山口駅で、この写真は山口県へ旅行へ行った時のものです。 ですので普段の新山口駅についてわかりかねることをご了承ください🙏 設置場所について、このボックスは新山口駅の「新山口駅南北自由通路」に設置されています。横幅が広い通路で下記URLから見ていただけるとイメージ沸くと思います。ボックスがある写真もあります。 x.gd/E1pWC ここから私の感想ですが、人の流れ
ChatGPTと音声会話ができるChrome拡張機能「TalkBerry」がすごい #TrendBuzz | ライフハッカー・ジャパン
楽天ゴールドカードはメリットない?プレミアムカード・年会費無料楽天カードとの違いや元を取る損益分岐点はいくら?
ユーザーテストガイドラインを公開しました – #シン・トセイ 都政の構造改革ポータルサイト
QOS（Quality of service）の高い、誰もが使いやすい、品質の高いデジタルサービスを提供するためには、リリースの前や後に、サービスの使い勝手をユーザーに試してもらい、問題点や改善点を発見する「ユーザーテスト」を実施し、それに基づいて改善することが重要です。 そこで都では、その具体的な手法を「ユーザーテストガイドライン」としてまとめました。 「テストしないものはリリースしない」を合言葉に、都庁内でサイトやアプリ、システムなどのデジタルサービスを開発する時は、本ガイドラインに基づきユーザーテストの実践を徹底していきます。
実案件から学んだ、本当に役立つUIデザインの法則50 ユーザビリティチェックリスト総集編｜i3DESIGN Designers
「ユーザビリティチェックリスト」ということで、UIデザインの「あるある」を取り上げ、改善案とセットでまとめています。 今回は、10のヒューリスティクスをもとに分類してみました。10のヒューリスティクスについては、以前記事にまとめています。 具体的な事例を一緒に取り上げ、よりわかりやすく解説していますので、こちらもあわせてご覧ください。 また弊社ホームページにて、ユーザビリティチェックリストをダウンロードいただけます。こちらも合わせてご活用ください。 1. システムステータスの可視化（Visibility of system status）1-1. 入力項目が多いときはステップを分けるフォームの入力項目が多い場合は、項目をグルーピングして画面を分割しましょう。 フォームが長すぎると、ユーザーは入力を途中で辞めてページから離脱してしまうかもしれません。 その上で、ステッパーを設置して現在の進捗
React で h1-h6 を正しく使い分ける
Web の基礎を支える HTML の最も重要な要素の一つである h1-h6 要素ですが、 React を始めとするコンポーネントベースのライブラリを特に意識せずに利用すると、SEOやアクセシビリティー上の意図せぬ問題を生むことがあります。 この記事では、 React を例に取り h1-h6 を使うことで生じる問題と、その解決策を３つずつご紹介します。 尚、この記事で紹介するコードスニペットは GitHub リポジトリに動作する状態で公開しておりますので、併せてご参照ください。 前提知識 読者のみなさまは、HTMLの要素 h1-h6 にどのような役割があるか説明できますか？ 大きい文字を出したかったらh1を使って、それより少し小さい文字を出したかったらh2を使う...わけではありませんでした。h1-h6 は 「見出し要素」 と呼ばれ、文章の見出しとなるテキストをマークアップするのに用いられて
あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、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からの変更点は、公
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、Webアクセシビリティの初心者が基礎を学ぶときに助かった資料を紹介します。各資料に対する説明も掲載しているので、どうぞ最後までお楽しみください🌏 ※冒頭、Webアクセシビリティに関する前提知識の紹介が長くなっています。本編を読みたい方は「資料①｜ざっくり知ろう」からご覧ください。 ※今回は、デジタル庁等の引用元にならって「障害」の表記を使用します。 ※noteの内容に誤りがございましたら、お手数ですがコメントやSNS等でご指摘いただけると幸いです。 はじめにまずは、Webアクセシビリティに関する基礎知識の整理からスタートします。最近よく耳にする「合理的配慮」のことも振り返ります。 WebアクセシビリティとはWebアクセシビリティとは、文字通りWebサービスにおけるアクセシビリティのことです。 アクセシビリティは「アク
【読売新聞】 視覚障害者向けに横断歩道で童謡「おうま」「通りゃんせ」などのメロディーを流す信号機が激減している。地域ごとに曲が違うと、青信号の合図かどうかがわかりにくいからだ。このため、「ピヨ」「カッコー」といった鳥の鳴き声式への切
Next.jsはどうやってスクロール位置を復元するのか
Next.jsにはexperimental(実験的機能)でscrollRestorationというフラグが存在します。 // next.config.js const nextConfig = { // ... experimental: { scrollRestoration: true, }, } module.exports = nextConfig デフォルトでもブラウザ側でスクロール位置を復元してくれることもありますが、Safariでは復元されなかったり、ChromeでもgetServerSideProps利用時にはこのフラグを有効にしないとスクロール位置が復元されないなど不安定な状態です。最近この辺りについて識者の方々から色々ご教示いただき、自分では気付けないような部分の知見も多く得られたので、備忘録兼ねてscrollRestorationが何を解決しようとして、どう実装されて
東急東横線横浜駅のトイレの設計は悪手？「こういう分け方と色使いをすると人間って先入観で左が男子トイレだと思い込んでしまう」
Ryo Nakagome @moraqualitas @saru787 仮に日本人でも、こういう場合先入観で間違えることってあるんですよね。 店員がいるレジは受付可能である。みたいな。 そういうところを考慮しない設計者がいるんだろうなぁと思います。 2024-02-16 16:52:12 Ryo Nakagome @moraqualitas なんかいろんなこと言われてるので何が言いたかったかご説明すると ピクト見りゃわかるだろ、文字見りゃわかるだろということではなく 一つの区画の入り口でこのような分け方と色使いをすると、人間って先入観で左が男子トイレだと思い込んでしまうんですね。 実際間違えて引き返す人間結構いたので。 2024-02-17 08:38:09 Ryo Nakagome @moraqualitas 改札側から入ると男子トイレが脇の方にはあるのは当然見えると思いますが、 ホーム
Holy Cater @linear_pcm0153 アメーバブログで「音響・映像・電気設備が好き 」というコンテンツを書いているアカウントです。音響映像設備の設計・施工・設定調整・保守、ビデオエンコード・編集、ごく稀にオペレートを行っています。詳しかったり詳しくなかったり。 ｢ヒゲドライバー｣｢suguruka｣というピコピコ・ミュージシャンが好きです。 ameblo.jp/holycater/
視覚障害者はどうやってゲームをするのか ― 「ポケモン」は泣き声で暗記し、ボヨンというSEでマップを把握。「無双」はシステムがバリアフリー
買いたいのに買えない謎解きゲーム『人の財布』年内最後の販売が4/16に開始！ 現在6ヵ月待ちで、今回を逃すと2025年までお預け 「視覚障害者もビデオゲームで遊んでいる」と聞くと驚くだろうか。 まだまだ多様な人たちが社会参加しているとは言えない日本では、視覚障害者がパソコンやスマホを使いこなして生活し、仕事をしていることはあまり認知されていないように思う。 「視覚障害者＝点字を読む」というイメージが強いが、実は視覚障害者の半数は点字を読めないと云われている。生まれ持って視覚に障害がある人よりも中途で視覚障害を得る人が多いのだが、大人になってからだと点字を習得するのは難しいからだ。 となると主な情報収集は耳になるわけで、パソコンやスマホも、視覚障害者にとっては大事な情報源だ。こうした電子機器を使いこなすというのも、晴眼者にはなかなか想像しづらい。 どうやって画面を使わずにパソコンやスマホを使
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォームのボタン配置はどこが最適か、左揃え・横並び・上下など、フォームのタイプごとに詳しく解説
ケンタッキーフライドチキン 公式モバイルアプリ、公式Webサイト（2024年3月末まで提供） | チームラボ
日本医師会が「医療危機的状況宣言」 病床不足の地域も | NHKニュース
「私の赤とあなたの赤は違う色？」誰もが一度は考える疑問に色覚細胞の研究が意外な発見 - ナゾロジー
Webページのリンクになっている文字列をコピーするスマートな方法／選択するつもりがリンク先にジャンプしてイライラしてませんか？【やじうまの杜】
Bluetooth接続切り替えの歴史が変わった Appleの「自動切り替え」はどこが画期的なのか
アクセシビリティ | SmartHR Design System
アクセシビリティチェックってどうやってるの？ということで、実際にやってみた。（その1） - 水底の血
高齢者免許返納の壁に「バスの乗り方わからない」 何十年も不使用 対策あの手この手 | 乗りものニュース
「これは間違える」銀座駅ではじめて『逆方向の電車に乗る』というミス…その原因はホーム手前の案内板にあった→一晩で修正！
ICカード式コインロッカーで相次ぐ窃盗 施錠したと勘違いする訳は：朝日新聞デジタル
少しの記述でユーザビリティやアクセシビリティを向上させるHTML/CSSテクニック集 – TAKLOG
2023年のWebアクセシビリティ | gihyo.jp
毎日BEVに乗るとどうなるか？【池田直渡の5分でわかるクルマ経済】 | 中古車なら【グーネット】
「推測されやすい」パスワードを入力させないためにフロントエンドエンジニアができること
「デジタル庁創設に向けた準備サイト」がスクリプト無効で閲覧できない
サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable
News Up 家電の「ピー」が聞こえない ～今も解決しないのはなぜ？ | NHKニュース
沖縄のとある駅で『カーブしている』点字ブロックを見つけたけど公共機関でこんなデザインなの大丈夫？
新山口駅にある透明なボックスに入った消火設備のデザインと機能性が秀逸だと話題になるも賛否両論、さまざまな意見が集まる
2024年のWebアクセシビリティ | gihyo.jp
Webアクセシビリティことはじめ【おすすめ資料5選】｜akane
信号機の「音」、「通りゃんせ」から「ピヨ」「カッコー」に統一…視覚障害者の要望で
ノートパソコンのキーボードの配置や仕様はどうにかならないものか、というお話「この前やらかしたよ」