Linearのリニューアル記事がすごく良かった。 A design reset (part I) How we redesigned the Linear UI (part Ⅱ) その記事の中で「LCHカラースペース」について書かれていた。知らなかったので調べてみると、以下の記事を見つけた。 この記事の内容を抜粋しながら、自分用に簡易なメモとしてまとめる。 LCHとは？LCHは簡単に言うと、異なる色相でも同じコントラストに見えるように構成されたカラースペース。 1976年に国際照明委員会 (International Commission on Illumination, CIE) によって最初に定義された色空間であるため、CIELAB とも呼ばれている。 LCH は、Lightness（明度）、Chroma（彩度）、Hue（色相）の略。 HSL と LCH の違いLightness（明度
React でフォームを作るとき「制御・非制御」コンポーネントに関する知識は必須です。デザインシステムを作成するにあたり、どちらを採用するか検討されたこともあるかと思います。 「制御・非制御」コンポーネントの差分を一言でまとめると、次のとおりです。 制御コンポーネントはライブラリ（React）が「入力要素の状態」を管理 非制御コンポーネントは「入力要素の状態」を DOM 自身が保持 「制御・非制御」コンポーネントと Form ライブラリ React Hook Form は、非制御コンポーネントを使うことで、少ないコード量で高パフォーマンスの Form 実装が実現できる人気のライブラリです。「非制御コンポーネント」として作成された<Checkbox>コンポーネントの例を見てみましょう。次の方法で<input type="checkbox" name="test" />がレンダリングされ、Fo
はじめまして、ムツミ（@623px）と申します。「CAMPFIRE」という、クラウドファンディング事業の会社のデザイナーをしています。 普段はグロース周りのデザイン施策を担当していて、少し前は仲間集めプラットフォーム「TOMOSHIBI」という新規事業のデザイン全般を担当していました。 --- 最近デザインを勉強している友人にむけて、勉強におすすめの記事や本をまとめる機会があったのですが、UIデザインをはじめたの頃の自分に読んで欲しい…と思うものばかりでした。当時のわたしは「とりあえずやってみてわからなかったら調べる！」という方法で突き進み、体系的に学ぶことが少なかったためです（反省） まだまだデザインを語れる立場ではないのですが、せっかくなので当時の自分に向けて、そしてこれからの自分のおさらいになるように、厳選してnoteに記録しておこうと思います。 僭越ながら、UIデザイン勉強中の方や
＜バリアフリーを要求する車椅子利用者を「わがまま」と非難する背景には、障害者を助けるのは「善意」からなので、それ以上を求めるべきではないという考え方がある。だが今は、その考え方にパラダイムシフトが求められている＞ 3月15日、「車椅子インフルエンサー」として活動している中嶋涼子氏が、イオンシネマで映画館スタッフの介助を得て映画を観たところ、観賞後、責任者に今後の利用を断られ、悔しかったことをSNSに投稿した。イオンシネマは翌日、従業員の不適切な対応についてホームページ上で謝罪した。ところがその後、SNSでは中嶋涼子氏に対するバッシングが巻き起こった。 近年、事業者のバリアフリー対応について公然と批判する障害者は、世間からの謂れのない攻撃に晒されている。4月からは障害者差別解消法に基づいて、障害者に対する「合理的配慮の提供」が義務化される。社会で進んでいくバリアフリー政策と、人々の意識のギャ
聴覚障害者がローソンに行ったとき店員が何を言ってるのかわからなくて「すいません耳が悪いんですよ」と言ったら出してきたシートがとても良い心遣いだった
野口 敦史@難聴・料理・アンプティサッカー @A_gussan0531 さっきローソンで店員さんが何か言ってたんだけど何言ってるのか全然わからなくて「すいません耳が悪いんですよ」って補聴器指さしながら言ったら、これの一番下指さして「あたためますか？」って言ってたの伝わって(これが噂のローソンのか…！)って思いながらめっちゃ便利だなこれってなった #難聴 pic.twitter.com/UHF1PlX3ZG 2022-10-02 22:54:22 野口 敦史@難聴・料理・アンプティサッカー @A_gussan0531 右下肢機能障害/両耳重度感音性難聴(両耳100dB越え)/アンプティサッカー (切断障害者サッカー)チームFC ONETOP所属/非切断者/下手なりに挑戦・楽しんでいます/アンプティサッカーを広めたい/日常/料理/美味しい物/お酒/子育て(15♂11♀8♀)/万年ダイエッター/
HTMLにsearch要素が追加されたぞ！
先週、HTML Living Standardの仕様にsearch要素が追加されました。 ブラウザへの実装はまだ先になると思いますが、検索フォームを実装する時は下記のようなHTMLを使用できるようになります。アクセシビリティの面でも率先して使用していきたいですね。 参考: The search element 2023年3月24日、HTML Standardの仕様にsearch要素が追加されました。 Add the <search> elementhttps://t.co/AlmyHd0qxI — HTML Standard (@htmlstandard) March 24, 2023 追加されたsearch要素は、下記で確認できます。 カテゴリは、フローコンテンツです。 4.4.15 The search element -HTML Standard search要素は、検索またはフィル
「週刊新潮」の発売前日に速報が届く！ メールマガジン登録 デイリー新潮とは？ 広告掲載について お問い合わせ 著作権・リンクについて ご購入について 免責事項 プライバシーポリシー データポリシー 運営：株式会社新潮社 Copyright © SHINCHOSHA All Rights Reserved. すべての画像・データについて無断転用・無断転載を禁じます。
ウェブページ上には「クレジットカード番号」「郵便番号」「電話番号」といった数値の入力欄が存在することがありますが、実装方法によってはブラウザの挙動によって入力内容が変化してしまったり、テンキーでの入力を受けつけなくなってしまったりします。そこで、数値入力欄の実装時に気を付けるべき点をまとめてみました。 KeyboardEvent - Web API | MDN https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent Why the GOV.UK Design System team changed the input type for numbers – Technology in government https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-desig
裸眼両1.5ですが拡大しても見つからず、リプライツリーを見てやっとそれらしきモノを見つけた次第…。 一応健常者の自分ですらこんな調子じゃ、目が悪かったたりする人には無理ゲーじゃないですか…！
Webのルビ仕様にはアクセシビリティを阻害している面がある。「日本DAISYコンソーシアム」が改善を求めてブラウザベンダ、WHATWG、W3Cらに公開書簡
Webのルビ仕様にはアクセシビリティを阻害している面がある。「日本DAISYコンソーシアム」が改善を求めてブラウザベンダ、WHATWG、W3Cらに公開書簡 すべての人が等しく情報にアクセスできることを目指し、国際規格であるDAISY（Digital Accessible Information System：アクセシブルな情報システム）規格の開発・維持・普及のために設立された国際団体「DAISYコンソーシアム」の正会員である「日本DAISYコンソーシアム」は、Web上の文書の文字や熟語にルビを振るためのWeb標準仕様が、弱視や失読症などを含むさまざまなハンディキャップを持つ人々にとってのアクセシビリティを阻害している面があるとして、改善を求める公開書簡をWebブラウザベンダ、WHATWG、W3C宛てに送付しました。 その一部を引用します。 The historical purpose of
Bookland @booklan72214770 エレベーター奥に鏡があるのって、別に身だしなみを整えろってサービスじゃなくて、車椅子の方がバックで出す時に先を見るやつなんで、車椅子の人が乗って来たら鏡前を開けといてください。設計の段階で、割と予算削られがちポイントなのも痛いところなんですよねー。 2021-06-11 07:44:43 Bookland @booklan72214770 いろんな図書館施設を見学してると、障害者差別解消法以後の建築物でも、なくなってるやつが見られ、わかりやすい造形のインテリアにこだわる割に、そこは予算カットかーと… 2021-06-11 07:54:14
はじめに この記事は クラウドワークスアドベントカレンダー2019 16日目の記事です。 こんにちは！本日25回目の誕生日を迎えたアクセシビリティ向上隊長 みーたです。 昨日は同じチームの@yamanokuさんによる「みんなに知ってもらいたいデザインシステムのこと」でした。 文中で紹介されていた「悲劇的なデザイン」は私もオススメします:) 私は今回、普段みなさんがHTMLを書く時に、よく使うタグごとでちょっと気をつけてみてもらいたい！と思う点をまとめてみました。 初学者ではありますが、正しくHTMLを理解してもらいたいって気持ちがあるので、マサカリは怖くない程度に投げていただいて、みんなで知識を共有していきたいです。 👻 真冬の怪談 突然ですがちょっと怖い話を... 先日、とある画面を改修しようと思って、今どんな感じにスタイル当たってるんだろうと本番環境を見てみたんですよ。 カードタイプ
Webアクセシビリティと合理的配慮｜ymrl
2024年（令和6年）4月1日に日本では「障害者差別解消法」という法律の改正が施行され、民間の事業者にとっては「合理的配慮」が義務化されます。義務化するのはあくまで「合理的配慮」であって、法律の条文にはどこにも「Webアクセシビリティ」とは書かれていません。 ここについての誤解が数多く出回ってしまっていて、先日「2024年4月や6月の時点では、まだ日本でWebアクセシビリティが義務化されません」という記事を書きました。 この記事について、以下のような声をもらいました 「専門用語が多くてわかりにくい」 「アクセシビリティは『合理的配慮』ではなかったの？」 「なぜアクセシビリティを推進したい人たちが急に『義務ではない』と言い出したの？」 そこで、もう少し的を絞って、「合理的配慮」「環境の整備」「Webアクセシビリティ」などの言葉の意味や関係について、説明しようと思います。 （筆者は法律に関して
なぜ「電動車いすを修理する消費者の権利法」なるものが必要とされたのか投稿者: heatwave_p2p 投稿日: 2022/6/92022/6/9 Electronic Frontier Foundation EFFがコロラド州の「車いすを修理する権利」法を支持する理由 車いすの故障 300万人のアメリカ市民が車いすに頼って暮らしている。その車いすは500億ドル規模の耐久性医療機器産業（Durable Medical Equipment industry）の主要な牽引役でもある。多くの人が、宅内の移動、通勤、買い物、家族と過ごす時間をはじめ、基本的な生活を車いすに頼っている。とりわけ電動車いすは、高度なコンピュータを搭載し、周囲の環境にダイナミックに対応できる。 携帯電話やノートパソコンを落としてしまった経験のある人ならご存知だろうが、持ち運びを伴う機器は、いずれ修理が必要になる。これは電
![なぜ「電動車いすを修理する消費者の権利法」なるものが必要とされたのか | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/c663fc7042da3dcc2476f03518998e9ce49c0ac0/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2022%2F06%2Fwheelchair-drm-2b.png)
Nintendo Switch/PC用コントローラー「Flex Controller」発売。スイッチの種類や配置をカスタマイズできる、肢体不自由を抱えるゲーマーのための製品 - AUTOMATON
ホーム ニュース Nintendo Switch/PC用コントローラー「Flex Controller」発売。スイッチの種類や配置をカスタマイズできる、肢体不自由を抱えるゲーマーのための製品 全記事ニュース
主に2つの答えがあります。 A. WCAGの考えではユーザーが適切な支援技術を利用することも含めてアクセシビリティであり、支援技術の入手やアクセシビリティ機能の利用に必要なITリテラシーを持たない人はアクセシビリティの対象ではない。（WCAG偏重派） B. うるせえ！！ なるべく多様な人に情報を届ける、それがおもてなしの心ってヤツだろうが！！（アクセシビリティはみんなの心にあるよ派） 筆者には、Aのようにアクセシビリティの範疇からITリテラシーを外すのはやや極端な考え方であるように思えます。しかし、アクセシビリティに詳しい方でもAのような考え方をしているのを見かけます。 この記事では、WCAGやその関連文書を読みながら、この問いについて考察していきます。 今回WCAGとして参照するのはWeb Content Accessibility Guidelines (WCAG) 2.1です。この記
ウェブコンテンツアクセシビリティガイドライン（WCAG）は何が難しいのか、あるいは難しさに立ち向かう方法 - 水底の血
LINEヤフーにおけるこれからのアクセシビリティというスライドで「WCAGはハードルが高い」という文言を見かけました。どうしてハードルが高い、言いかえるならば難しいとされるのか、その難しさはどこから来るのかをちょっと深掘りしてみようと思います。 WCAGという言葉について、改めて見ておきましょう。WCAGはもっぱら、Web Content Accessibility Guidelines（ウェブコンテンツアクセシビリティガイドライン）というW3Cの発行する技術文書を指すわけですけども、現時点でよく参照されるのがウェブアクセシビリティ基盤委員会（WAIC）が公開している日本語訳のWCAG 2.1でしょう。ちなみに本家のW3Cは、WAICが現時点で公開しているWCAG 2.1の改訂版を今年9月に公開し、さらにバージョンの進んだWCAG 2.2を先月に発行したばかりだったりします。 WCAG 2
木造復元に向けて入場禁止となる日を前に、大勢の「駆け込み来場者」でにぎわった名古屋城天守閣＝名古屋市中区で2018年5月5日午後2時23分、兵藤公治撮影 「テーマパークにする気はない」 名古屋市の河村たかし市長が肝いりで進めている名古屋城天守閣の木造復元事業。市はバリアフリー対策として車いす使用者が乗れる小型昇降機を設置する方針を打ち出している。どの階まで昇れるかが焦点となる中、河村市長は毎日新聞の取材に「名古屋城は文化財。テーマパークにする気はない」と述べ、障害者団体が要望する最上階までの設置を明確に否定した。 名古屋城天守閣は5層の屋根を有する「5層5階地下1階」の建造物。市は「地上から天守1階まで」を最低条件として小型昇降機を設置し、市民の意見を聞きながら、さらに上層階まで昇れるかどうか検討を進めている。 名古屋城天守閣の木造復元に関し、河村市長は取材に「文化財の国宝を目指す」と強調
フォームはウェブサイトの中でもインタラクションの多い箇所です。ユーザー側にきちんと情報を伝え、そして正しく入力してもらう必要があるのでアクセシビリティーには気をつけたいです。アクセシビリティー対応といえばWAI-ARIAによる支援がありますが、この記事ではWAI-ARIAに限らずどう対応するべきなのか、デモを用いて紹介します。 バリデーションに関してシンプルに実現できるものと、ちょっと凝ったリアルタイムバリデーションのものと2例用意しています。後者は動的に変化するコンテンツへのアクセシビリティー対応について解説しています。 サンプルを別ウィンドウで開く（シンプル版） サンプルを別ウィンドウで開く（リアルタイム版） コードを確認する ▼シンプルなバリデーション ▼ちょっと凝ったバリデーション まずはセマンティックなマークアップを WAI-ARIAを使ったコーディングというと、とにかくrole
Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.
input[type="file"] な要素を装飾する方法を検索したときに、次のような間違った label 要素の使い方を紹介する記事ばかりヒットするのが気になったので書きました。label 要素を使っても問題ない場合もありますが、間違った使い方をしている（しようとしている）人に届きやすいようにこのような表題にしています。 何が問題か 上記の方法は input 要素を display: none で非表示にし、label 要素を使ってヒット領域を拡大させて「ファイルを選択」ボタンを表現するという方法ですが、この方法ではフォーカスが当たりません。また、tabindex 属性に非負の値を設定しフォーカスを当てられるようにしても label は clickable な要素ではないので Space / Enter キーで click イベントを発火することができません。 どうするべきか butto
![label で input[type="file"] を装飾するな](https://cdn-ak-scissors.b.st-hatena.com/image/square/abcddc7bb77ffd423240f83b7922f8b6d66776fc/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--fjF5h3Vm--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3Alabel%252520%2525E3%252581%2525A7%252520input%25255Btype%25253D%252522file%252522%25255D%252520%2525E3%252582%252592%2525E8%2525A3%252585%2525E9%2525A3%2525BE%2525E3%252581%252599%2525E3%252582%25258B%2525E3%252581%2525AA%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Adqn%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzYxMjZlNDcxNWEuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
世界を変えるためのデザインシステム
フロントエンドカンファレンス福岡 #fec_fukuoka での登壇資料です https://frontend-conf.fukuoka.jp/
October 26, 2019 created( August 1, 2022 updated ) input[type]によるキーボードの表示制御Googleの記事、web foundamentals 最適なフォームの作成では、type属性による入力しやすいキーボードの表示コントロールが説明されていました。 例えば、type="email"を指定すると、 <input type="email"> emailが入力しやすいキーボードが表示されます。 しかし、この指定方法には副作用もありました。 例えば、type="number" を指定した場合、 <input type="number"> このように、入力フィールド内に余計な入力補助要素 が表示したり、フィールドにhoverした状態でmouse wheelを動かすと 入力済みの値が勝手に増減 したりします。 前者はCSSで後者はJava
1行で alt属性は、「全ての 画像をそのalt属性のテキストに置き換えたときにページの意味が変わらない 」ようにつける。 （HTMLの標準規格書より） マジでこれに尽きる。 具体例 例１：ロゴ ❌ 間違ったマークアップ
緊急車両への優先意識向上を啓発するコンセプトカー「青い救急車」を制作 今後、民間救急への導入を目指す世界的アーティストの山口 歴氏とコラボ4/7（金）～4/8（土）の2日間限定で、渋谷ストリーム前 稲荷橋広場にて一般展示 合同会社DMM.com（本社：東京都港区、会長 兼 CEO 亀山敬司 以下、DMM）の子会社である株式会社ベルリング（本社：東京都港区、代表取締役CEO 飯野塁 以下、ベルリング）は、世界的アーティストの山口 歴氏とコラボし、緊急車両への優先意識向上を目的としたコンセプトカー「青い救急車」を制作しました。今後は、民間救急用の車両としての導入を目指してまいります。 なお、4/7（金）～4/8（土）の2日間限定で、渋谷ストリーム前 稲荷橋広場にて「青い救急車」を一般の方向けに展示します。 「青い救急車」の開発背景について 救急現場における課題の一つとなっているのが、救急車の現
こんにちは！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
高齢者でも使えるプロダクトUIの挑戦 / Designing User Interfaces for the Elderly
FRONTEND CONFERENCE 2019 での発表資料です。 https://2019.kfug.jp/session/jimboyoshihide 当日の質疑応答の内容はブログにまとめています。 https://jmblog.jp/posts/2019-11-03/frontend-conrefence-2019/
「おしゃれでカワイイ」という好意的な意見の一方で、「シズル感がない」「視認性が低い」という否定的な声も…。6月9日の「ハフライブ」で竹増社長を直撃します。
大雨に関する防災情報の5段階の警戒レベルについて、国はレベルごとの色を新たに定めました。色が見分けにくい人にも配慮したもので、今後、自治体やメディアなどに統一した色を使うよう求めています。 このうちすでに災害が発生していることを示すレベル5は「黒」で、特別警報や氾濫発生情報などが発表され、命を守る行動を取る必要があります。 次に、避難指示や勧告が出され、危険な場所から避難する段階のレベル4が「紫」、高齢者など、避難に時間がかかる人が避難する段階のレベル3が「赤」などとなっています。 また、これまでレベル4で取るべき行動を示すキーワードを「全員避難」としていましたが、災害のリスクが無い場所にいる人まで避難が必要だという誤解が生じたとして、新たに「危険な場所から全員避難」と改めました。
突然目が見えなくなりました記｜小口覺
2018年の2月、突然に目が見えなくなりました。まっ暗闇。約1ヶ月の入院の末、幸いにして今は視力が回復していますが、その記録をここに公開します。何か参考になれば投げ銭をお願いいたしまする。 目次●前兆の頭痛 ●昼なのに暗い！ ●検査をしまくって緊急入院 ●ステロイドパルス治療 ●仕事？ できるわけないだろ！ ●副作用で太る&花粉症を感じない ●原因が判明する ●目が見えないと容姿で人を差別できない ●目が見えないと、ごはんが美味しい ●性欲がなくなる怪奇現象 ●ライター・イン・ザ・ダーク ●目が見えなくてもスマホは使える（リンク） ※この原稿はBOOTHにて公開した「ライター・イン・ザ・ダーク 目が見えなくなると何が起こるか」と同一の内容です。 前兆の頭痛 目の奥を中心に、軽い頭痛が1週間ほど続いていました。振り返れば、あれが前兆ですね。その時（1月の末）はインフルエンザが流行っていて、長
英国内務省がウェブアクセシビリティを高めるための啓蒙ポスターを発表し、日本語訳も登場した。障害者にも健常者にもやさしいウェブのために、まずは「知ること」から始めたい。 この夏の参議院選挙で、重度障害者の国会議員が誕生した。快挙に喜ぶのも束の間、「国会議員が国会に登庁する」ために、参議院のバリアフリー化が進められた。 大型の車椅子で利用できるスロープや車いす用トイレの設置、パソコンの持ち込みや、本人の代わりに挙手や投票を行う介助者の付き添い。一連の合理的配慮の実施を報じるニュースを通して、健常者が日頃は気づかない「不自由さ」の数々に気づかされた。 オンラインにおける健常者と障害者の壁 こうした「不自由さ」は、私たちが毎日のように利用しているインターネット上にも無数に存在する。障害のある人のうち、半数以上がインターネットを利用しているが、彼らが私たちと同じ体験を得られているわけではない。 例え
福井市の「フェニックス通り」に敷設された道と同系色の点字ブロック＝福井市で2022年6月17日午後2時11分、国本ようこ撮影 視覚障害者の歩行の助けとなる点字ブロック。4月には奈良県大和郡山市の踏切内のブロックが摩耗して一部がはがれ、全盲の女性が電車にはねられ亡くなる事故が起き、改めて重要性がクローズアップされた。事故を受け、踏切内に横断歩道などに使う特殊な点字ブロック「エスコートゾーン」が設置されるなど改善が進む。 一方で、当事者団体によると、点字ブロック設置を巡っては視覚障害者の9割に影響があるにもかかわらず、「見落とされがちな大きな問題」があるという。それは何なのか。現場を取材した。【国本ようこ】 歩道に「なじむ」点字ブロック、あちこちに 福井市中心部。福井県庁に通じる県道の歩道には、中央に点字ブロックがきれいに敷設されていた。歩道の灰色タイルと同じ色・模様のブロックで調和が取れてい
<btn open />
新型コロナウイルスの感染拡大に伴う外出の自粛や社会・経済活動の抑制、街の変化が首都圏に多数設置されている地震計に捉えられていました。研究機関の分析では車や人々の往来、工場の操業などに伴って生じるわずかな振動が去年の春に大幅に減少し、2度目の緊急事態宣言が出されたあとは23区内を中心に再び減少傾向になっていることがわかりました。 地震学が専門で、産業技術総合研究所の矢部優研究員のグループは東京や神奈川など1都5県に設置されている首都圏地震観測網＝MeSO-netの去年1月以降のデータを分析しました。
“Access コントローラー”体験会で感じたSIEの本気。ひとりでも多くの人がPS5を遊べるように開発された新型コントローラー試遊会リポート | ゲーム・エンタメ最新情報のファミ通.com
2023年12月6日（水）にプレイステーション5（PS5）用のアクセシビリティコントローラーキット“Access コントローラー”が発売される。 Access コントローラーは、自身の特性に合わせて設定を変えることができる、まったく新しい形のゲームコントローラーだ。今回、Access コントローラーを触る機会を得たのでその模様をお届けする。 “Access コントローラー”の予約購入はこちら (Amazon.co.jp) それにしても変わった形をしている。筆者は「ポン・デ・リングみたい」と一度思ってしまったら、もうドーナツにしか見えなくなった。なぜ、こんな形なのか。それはより多様な障害を持つ人たちが使えるようにするためだ。 “DualSense（デュアルセンス）”などの従来のコントローラーは、両手で握り、親指や人差し指でボタンやスティックを操作するのが基本形だ。 だが世の中には、これらの動
フロントエンドLT会 - vol.5 #frontendlt の登壇資料です。 https://rakus.connpass.com/event/232039/ UI Testing Handbook https://storybook.js.org/tutorials/ui-testing-handbook/ サンプルリポジトリ https://github.com/zaki-yama-labs/ui-testing-handbook
はっきりと分かるようにデザインされたUIは、最高のUI
多くのデザイナーが日々、使いやすいデザインについて模索しています。 WebページやスマホアプリのUIデザインにおいて、使いやすいデザインへの一つの答えとなる記事を紹介します。 すっきりデザインされたUIよりも、はっきりと分かるようにデザインされたUIの方が使いやすい最高のUI！ The Obvious UI is Often the Best UI by Susanna Zaraysky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 下部のナビゲーションバー = 使用率の増加 下部のナビゲーションバーとアクセシビリティ 「明白な」アイコンが「一般的な」アイコンとは限らない 他のUIをコピーしても、明白なデザインは保証されません 明白なものを見つけるには、問題点を見つけること はじめに フランスの哲学者ヴォルテールの言
最初はまだ天気が荒れていない12日夕方。スマートフォンで受信しましたが、その時は十分には確認しませんでした。 夜になって雨が激しくなったためにメールを見返そうとしました。ところが、どこに表示されているか分からず、見返すことができませんでした。 子どもも寝静まった午前０時ごろ。再び緊急速報メールの受信音が何度も鳴ったため、玄関のドアを開けて外を見ると、すぐ近くまで浸水が迫っていました。 あわてて２階で寝ていた子どもたちを起こし、道路の水かさが増す中車で避難所までなんとかたどり着きました。 結局自宅は、床上80センチまで浸水しました。
UX Movementの著者および創設者です。UXのベストプラクティスとスタンダード、さまざまなテクニックに関する知識を共有することで、よりよいデジタルの世界をつくり出しています。 すべてのインターフェイスにはユーザーが存在し、そのユーザーはつねに多数派と少数派によって構成されています。たとえば、大半のユーザーは正常な視力をもっていますが、少数派となるユーザーは何らかの視覚障害をもっています。 正常な視力をもっているユーザーが見るものと、色覚異常および低視力のユーザーが見るものとの間には大きな隔たりがあります。何らかの視覚障害をもっているユーザーはテキストが小さすぎたり色のコントラストが低すぎると、文字がぼやけて見えたり、要素がよく見えなかったりする傾向にあります。 アクセシビリティの目標は、多くの場合忘れられがちな少数派のニーズを満たすことです。しかし、少数派のニーズを満たした結果、多数
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LCHは、UIにベストなカラースペース｜hirotoarakawa
React コンポーネントの「制御・非制御」を意識しない方法
UIデザイン初学者の頃の自分に捧げたい、「勉強するならまずこれを読もう！」と思う読み物7選｜623
日本で車椅子利用者バッシングや悪質クレーマー呼ばわりがなくならない理由
名古屋城「エレベーター問題」に抜けている視点 なぜ“木造復元”するのか原点に返るべき | デイリー新潮
ウェブページに「数値の入力欄」を実装する際はテンキーの存在を考慮する必要あり
新デザイン容認派も匙を投げるレベル！ローソンPBハンバーグのパッケージの「点線まで剥がして」の”点線”が見つからない！！
「予算削られがちなのも痛い」実は身だしなみを整えるためではない…知っておきたい、エレベーターに鏡がある理由
なんとなくで書かないで！HTML5を書く時に気にしてみたいタグごとのお約束 - Qiita
なぜ「電動車いすを修理する消費者の権利法」なるものが必要とされたのか | p2ptk[.]org
ユーザーのITリテラシーに配慮するのはアクセシビリティなのか - Qiita
河村たかし市長 名古屋城昇降機、最上階までの設置を否定 | 毎日新聞
お問い合わせフォームのウェブアクセシビリティー対応の方法 - ICS MEDIA
松屋の調味料が「外国人客へのトラップ」と話題に ⇒「変更を含めて検討する」と担当者
ディスレクシアなどの読み書きに困難がある人にも読みやすい「じぶんフォント」、大日本印刷らが開発
label で input[type="file"] を装飾するな
ブラウザのキーボードを制御する inputmode
お前らはまだ img タグの alt 属性の付け方を間違っている - Qiita
緊急車両への優先意識向上を啓発するコンセプトカー「青い救急車」を制作 今後、民間救急への導入を目指す
プレースホルダーのアクセシビリティ上の課題と解決策 - SmartHR Tech Blog
【直撃】ローソンPBの新デザインが賛否両論、皆さんの疑問を社長にぶつけます。
大雨警戒レベルの配色 色が見分けにくい人に配慮し統一 | NHKニュース
やさしいウェブのためにすべきこと。英国のウェブアクセシビリティ啓蒙ポスターの日本語版が公開 | inquire.jp
点字ブロックの大きすぎる「盲点」 視覚障害者の9割に思い至らず | 毎日新聞
地震計が捉えたコロナの影響 活動抑制でノイズ減少 | NHKニュース
StorybookのUI Testing Handbookを読んだ
News Up “エリアメール”の落とし穴 | NHKニュース
見た目の美しさとアクセシビリティのパラドックス