並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 3038件

新着順 人気順

accessibilityの検索結果41 - 80 件 / 3038件

  • ウェブアクセシビリティ導入ガイドブック|デジタル庁

    デジタル庁では「誰一人取り残されない、人に優しいデジタル化」を実現するため、継続的に「ウェブアクセシビリティ」の向上に取り組んでいます。この度、ウェブアクセシビリティに初めて取り組む行政官の方や事業者向けに、ウェブアクセシビリティの考え方、取り組み方のポイントを解説する、ゼロから学ぶ初心者向けのガイドブックを公開します。 優しいサービスのつくり手になる一助として、ぜひご活用ください。 公開の背景ウェブアクセシビリティの向上に取り組むには、非常に専門的な複数の規格とガイドラインをそれぞれ確認する必要があります。そのため、適切なやり方がわからないままに、現在は間違っている対応の踏襲、不要・過剰な対応、不適切な対応をしてしまうことがあります。ウェブサイトだけではなく、申請・手続等のデジタルサービスの重要性が増す中で、最新の技術動向を踏まえた、初心者が学習できる行政機関向けの研修資料が不足していま

      ウェブアクセシビリティ導入ガイドブック|デジタル庁
    • シャニマスのチェックボックスから見る色弱者の世界|謝罪P

      先日のアップデートでシャニマスのUI周りに色々と手が加えられた。 その中でも個人的に嬉しかったのは、ソートに関連するチェックボックスのON/OFFが見やすくなっていたことだ。 大多数のユーザーにとっては「まあ確かにね」くらいのものかもしれない。しかし私は「これでようやくまともにソート機能が使える」とひそかに歓喜した。一部のユーザーも共感してくれるのではないだろうか。 なぜなら私の目に映った変化は以下のようなものだったから。 チェックの光沢の有無でかろうじて判別していた(ひよこ鑑定士か?)この見え方の差異は、私が『色覚マイノリティ』、いわゆる『色弱者』であることに起因する。 『色弱者』って何?光(色)を感じる視細胞が何らかの原因により欠損、または十分に機能しないことによって色の見え方が一般とは違う人のことを、本記事では『色弱者』という呼称で表記する。 日本人男性の5%、女性の0.2%がこの色

        シャニマスのチェックボックスから見る色弱者の世界|謝罪P
      • 【デザイン】エレベーターの開閉ボタンはよく押し間違えられる「言葉を使用せずに押し間違えを無くす方法を考えよ」

        シオザワヒロユキ @ShiozawaHiroyuk 週末に出すテスト問題その2 エレベーターの開閉ボタンはよく押し間違えられる。 言葉を使用せずに押し間違えを無くす方法を考えよ。 過程:三角形による方向指示機能を分析し、その条件と限界を考察したうえで答えを出すこと。 条件:ボタンサイズは変えないこととする。 pic.twitter.com/69atfKg8jp 2023-02-10 00:29:46

          【デザイン】エレベーターの開閉ボタンはよく押し間違えられる「言葉を使用せずに押し間違えを無くす方法を考えよ」
        • 最初からこうすべきだった。「USB」の速度が分かりやすい表記に

            最初からこうすべきだった。「USB」の速度が分かりやすい表記に
          • UIデザイン時にやってしまいがちな18の誤ち|Mikio Kiura / ANKR DESIGN

            WebデベロッパーのVictor氏による下記のツイートから始まるスレッドが大変参考になる内容だと感じたので、ご本人に許諾を得て日本語で紹介させていただくことにしました。 I reviewed 100+ user interfaces this year. Avoid the most common 18 mistakes to make your UI/UX design better 👇 — Victor (@vponamariov) July 30, 2021 私は今年100以上のユーザーインターフェースをレビューしました。あなたのUI/UXデザインをより良くするための、下記に示す18個の良くある誤ちを回避しましょう。本記事で使用する画像はすべてVictor氏のツイートから拝借しています。なお翻訳には一部私の意訳が入っていることをご了承ください。 1. 薄いコントラストの文字適切では

              UIデザイン時にやってしまいがちな18の誤ち|Mikio Kiura / ANKR DESIGN
            • 「男女並び立つマーク」を勘違い? 女子トイレ入った男性が「無罪」になったワケ - 弁護士ドットコムニュース

                「男女並び立つマーク」を勘違い? 女子トイレ入った男性が「無罪」になったワケ - 弁護士ドットコムニュース
              • TechCrunch

                Making life better for people with disabilities is a laudable goal, but accessibility tech hasn’t traditionally been popular among VCs. In 2022, disability tech companies attracted around $4 bil Tesla has gutted its charging team in a new round of layoffs, despite recently winning over major automakers like Ford and General Motors and making its connector the defacto standard in North America

                  TechCrunch
                • 【悲報】広島現代美術館のトイレにまたしてもイシキタカイ系デザイナー自己満足の無意味ピクトグラムが設置された上に無意味な能書きまで追加される。「男」「女」と横に明記されている分まだ救いはあるか

                  公(広島市) @kou_mamorukai 元「広島市を護る会」代表。 #広島市 に #ヘイトスピーチ 条例を作ろうという外部団体ができたので、条例制定反対の民意を届けるため会を立ち上げました、が、状況が落ち着いたので活動休止しました。 行政のHPからスクショで抜くことがありますが転載自由。もともと自分のものでもないですし🙄

                    【悲報】広島現代美術館のトイレにまたしてもイシキタカイ系デザイナー自己満足の無意味ピクトグラムが設置された上に無意味な能書きまで追加される。「男」「女」と横に明記されている分まだ救いはあるか
                  • “奇跡のフォント”で小学生の正答率に差 開発者が語る「UDデジタル教科書体」の驚くべき効果とは | デイリー新潮

                    「週刊新潮」の発売前日に速報が届く! メールマガジン登録 デイリー新潮とは? 広告掲載について お問い合わせ 著作権・リンクについて ご購入について 免責事項 プライバシーポリシー データポリシー 運営:株式会社新潮社 Copyright © SHINCHOSHA All Rights Reserved. すべての画像・データについて無断転用・無断転載を禁じます。

                      “奇跡のフォント”で小学生の正答率に差 開発者が語る「UDデジタル教科書体」の驚くべき効果とは | デイリー新潮
                    • イオンモールはつまらない場所だと思っていたが親になると違った

                      黒川 駿哉 / 児童精神科医 @shunya5 児童精神科医、スポーツドクター、医学博士。ASD,ADHD,ゲーム依存。 モヤモヤを呟き心を整えようとしています。/『できることしかできない』/ アビスパ福岡/🇬🇧帰り/1才双子/@NPO_TRACOS/@NPOChouChou/多胎支援協会理事/著書⇒https://t.co/uU8RywyPJx https://t.co/XSKMxQ2XP8 黒川 駿哉 / 児童精神科医 @shunya5 イオンモールって個性的なお店もないし、僕からしたらつまらない場所だった。そこに小さな子連れファミリーがなんで毎週末あんなに沢山集まるんだろう、って思ってた。だけどいざ親になってみると、授乳、おむつ、ベビーカーのストレスを考えずに安心して出かけられるのがイオンモールしかなかった。 2022-08-07 18:03:42 黒川 駿哉 / 児童精神科医

                        イオンモールはつまらない場所だと思っていたが親になると違った
                      • レスポンシブの確認がこれで快適に!複数のスクリーンサイズで同時に確認できる無料ツール -Responsively App

                        レスポンシブの確認ツールやサービスをいろいろ紹介してきましたが、ついに本命とも言える無料ツールの登場です! Windows, macOS, Linux対応で、しかもオープンソース、快適にレスポンシブの確認ができるResponsively Appを紹介します。5つのデバイスを同時にすれば、制作時間は5倍速くなります。 無料とは思えないほど高性能で、すべてのWeb制作者にお勧めです! Responsively App Responsively App -GitHub Responsively Appの特徴 Responsively Appのダウンロード Responsively Appの使い方 Responsively Appの特徴 Responsively Appは、レスポンシブのWeb制作に役立つElectronで構築されたブラウザです。 ユーザーインタラクションは、すべてのデバイス間でミ

                          レスポンシブの確認がこれで快適に!複数のスクリーンサイズで同時に確認できる無料ツール -Responsively App
                        • 「バカにしてる」総ひらがなツイートが炎上した理由と日本の未来

                          50時間から100時間の勉強で身につく日本語 「英字新聞」と「中学校の英語教科書」どちらがいいですか? 「お互いさまの気持ち」で 今年の秋、台風がいくつも日本列島を襲いました。その中でも、大型で非常に強い台風として、最大級の警戒が呼びかけられた19号について、あるツイートが注目を浴びました。日本人が持った違和感の理由と、そのツイートに込められた「やさしい」理由について、考えました。 注目を浴びたのはNHKの公式ニュースアカウントが、外国人向けに警戒を呼びかけたツイートでした。 【がいこくじん の みなさんへ】 たいふうが つぎの どようび から にちようび、とうかいちほう や かんとうちほう の ちかくに きそうです。 とても つよい かぜが ふいて、あめが たくさん ふるかもしれません。きをつけて ください。 https://t.co/47Pb7NhZu6https://t.co/kHl

                            「バカにしてる」総ひらがなツイートが炎上した理由と日本の未来
                          • 教材の書体を変えるだけで子どもの読解力が上がった!? モリサワに聞く「フォントのユニバーサルデザイン」(1)

                            より多くの人にとって、使いやすいカタチを目指すユニバーサルデザイン。その考え方は文字の世界にも広まっており、国内のフォントメーカー各社は「ユニバーサルデザインフォント(UDフォント)」を手掛けています。 書体を変えても、言葉の意味は同じ。ですが、“見え方”が変わると、言葉の在り方はどれくらい変わるものなのでしょうのか。大手フォントメーカー・モリサワに取材し、日本初のユニバーサルデザインの教科書体「UDデジタル教科書体」の開発者・高田氏、営業・盛田氏、瀬良氏に話を伺いました。 そもそもUDフォントとは? ―― そもそもUDフォントとはどんなものですか? 高田氏:人間の感覚は聴覚、触覚、嗅覚……などに分けられますが、情報の認知には視覚、特に文字情報の認知が大きな役割を果たしています。ですが、さまざまな事情から、読むことに困難さを抱えている人もいます。 UDフォントは「より多くの人に見やすく、読

                              教材の書体を変えるだけで子どもの読解力が上がった!? モリサワに聞く「フォントのユニバーサルデザイン」(1)
                            • 「カブトクワガタ」は日本のゲームアクセシビリティの革命である

                              3行で 「カブトクワガタ」に搭載されている読み上げ機能によって、画面を見ることができない全盲のプレイヤーがゲームを楽しめるようになっています。 視覚に障害を持つプレイヤーだけでなく、未就学児や、文字を読むことに困難を抱える人など、色々な属性の人がプレイできるようになっていると思います。 システム面・技術面の両方において、「カブトクワガタ」は日本のゲームアクセシビリティに革命をもたらすポテンシャルがあり、その事実が、開発者を含めた多くの人に知られることを臨みます。 ※最終更新: 2023/07/27 カブトクワガタってなんやねん カブトクワガタ は、Nintendo Switchのゲームです。クワガタやカブトムシを育てて戦うRPGです。2023年3月15日にリリースされました。 なにがすごいのか ほぼ全ての文字を読み上げる このゲームは、画面に表示されるほぼ全ての文字を読み上げてくれます。本

                              • Webフロントエンド開発で役立つサービスまとめ - Qiita

                                この記事では、Webフロントエンド開発において役に立つと思われるサービスやツールをまとめます。 全般 Can I use 指定した特定の機能が、どのブラウザのどのバージョンで利用可能かを確認するためサービスです。新しいJavaScriptのAPIやCSS3の機能を使ってモダンなWeb開発を行う場合、必須とも言えるくらい利用することになります。 指定した国におけるブラウザのシェア情報をもとにして、特定の機能が何割のユーザーで使用可能かを調べることもできます。 npm / webpack BUNDLE PHOBIA 指定したnpmパッケージのサイズを調べるサービスです。近年のWebではページの表示速度が非常に重要視されており、Webサービスにバンドルするパッケージのサイズも極力小さくすることが求められています。パッケージのサイズを調べる方法は多々ありますが、このツールの場合はパッケージ自体のイ

                                  Webフロントエンド開発で役立つサービスまとめ - Qiita
                                • 「行政の悪意」と呼ばれた新宿区の『排除ベンチ』への批判に対して新宿区長が反論→メディアに行政側からきちんと反論を出すことの重要性がわかる

                                  吉住健一(新宿区長) @yoshizumi_ken 新宿区長の吉住健一です!生まれも育ちも新宿区です。高層ビル街や繁華街だけではない新宿の魅力を知ってもらいたいと思い、Twitterで発信してまいります。個人のアカウントですので公式情報は区役所より後になります😄趣味は居酒屋巡りです! 吉住健一(新宿区長) @yoshizumi_ken #拡散希望 この記事のベンチは約30年前から近隣住民の要望を受けてこの形状になっています ホームレス対策ではなく住宅地における夜間の騒音防止です 地元からの苦情はありません 新宿区が公園に設置した“意地悪ベンチ”露骨な「行政の悪意」に批判殺到 #Yahooニュース news.yahoo.co.jp/articles/02f44… 2024-03-28 09:52:05 リンク Yahoo!ニュース 「結局誰にも快適じゃない」新宿区が公園に設置した“意地悪ベ

                                    「行政の悪意」と呼ばれた新宿区の『排除ベンチ』への批判に対して新宿区長が反論→メディアに行政側からきちんと反論を出すことの重要性がわかる
                                  • 「明朝体」だった学校からの手紙が全て「丸ゴシック」に→理由を聞いたら、教頭先生に明朝体を読みづらいお子さんがいることが分かった - Togetter

                                    チョコ黒は研究者になりたい! @bottiboch 2号が小学生のとき、学校からのお手紙が全て丸ゴシックに変わったの。当時はUDデジタル教科書体がまだなくて、明朝体ばかりだったのよ。なんで変わったのか聞いたら、教頭先生が変えられたと。教頭先生のお子さんが明朝体や教科書体が読みづらいお子さんだったらしくて、読みやすいお手紙を心がけて… 2022-03-04 13:01:57 チョコ黒は研究者になりたい! @bottiboch いらっしゃるらしいと…保護者からの評判はとても良かったのよ。 今はPTAからのお手紙以外はUDデジタル教科書体になってる。 加齢による変化で、字を読むのが辛いお年頃にも、読むのが苦手な保護者にも優しい学校からのお手紙って大切よね。 2022-03-04 13:06:58

                                      「明朝体」だった学校からの手紙が全て「丸ゴシック」に→理由を聞いたら、教頭先生に明朝体を読みづらいお子さんがいることが分かった - Togetter
                                    • 「地方空港、アクセス悪すぎ問題」が、意外と根深くて面白い。

                                      三沢文也 @tm2501 こんなん笑うわwww 「高松空港がほぼ東京としか繋がってないのは、アクセスが超悪いからだよ」 みたいな話をもらって、実際に検索して爆笑。 最寄りであろう駅が徒歩90分(バスならなんとか25分) 高松駅にバスで45分でかつ、行き先の選択肢少ないので…想像以上に不便 pic.twitter.com/anXIkWSK5O 2023-04-08 08:06:48

                                        「地方空港、アクセス悪すぎ問題」が、意外と根深くて面白い。
                                      • 盲目の格闘ゲームプレイヤー「BlindWarriorSven」がEVO2023『スト6』のプール予選で勝利し会場大盛り上がり。サウンドアクセシビリティ機能を利用しエドモンド本田が対空とコンボを華麗に決める

                                        アメリカ・ラスベガスにて2023年8月4日から8月6日にかけて開催される世界最大級の格闘ゲーム大会「Evolution Championship Series 2023(以下EVO 2023)」の『ストリートファイター6』の第1プール予選が現在開催中だ。 多くの名試合が生まれる中、オランダ出身の格闘ゲームストリーマーBlindWarriorSvenの試合が大きな盛り上がりを見せた。 I’m so pleased for @SvenvandeWege getting the win on stage at @evo! pic.twitter.com/xuhP67G6eR — WSO Logan (@WSOLogan) August 4, 2023 BLIND WARRIOR SVEN! @SvenvandeWege #Evo2023 pic.twitter.com/U1Wdc55yrr —

                                          盲目の格闘ゲームプレイヤー「BlindWarriorSven」がEVO2023『スト6』のプール予選で勝利し会場大盛り上がり。サウンドアクセシビリティ機能を利用しエドモンド本田が対空とコンボを華麗に決める
                                        • 「排除ベンチ」の排除に初めて成功…野宿者支援に取り組む市議が平塚駅前ベンチ改修に込めた思いは:東京新聞 TOKYO Web

                                          「排除ベンチ」の排除に成功──。今年7月、神奈川県平塚市のJR平塚駅前に置かれているベンチの座面の仕切りが取り外された。かつて野宿者(ホームレス)対策で後付けされたとみられ、市議の江口友子さん(47)が設置者の市に改善を働きかけた。長居しにくいデザインのベンチやオブジェは「排除アート」と呼ばれ、特定の人たちの利用を物理的に妨げている。江口さんは「ベンチは本来、コミュニケーションの場。誰かを排除するためにあるのではない」と訴える。(佐藤圭) 排除アート 明確な定義はないが、ホームレスなど特定の人による公共空間の利用を物理的に妨げている造形物を指すことが多い。座面が仕切られた公園やバス停のベンチ、高速道路の高架下や歩道橋の下に置かれたオブジェ風の丸石などが代表例。1990年代以降、設置者の意図にかかわらず、「アート」と呼ばれるようになった。2020年、東京・渋谷でホームレスとみられる60代女性

                                            「排除ベンチ」の排除に初めて成功…野宿者支援に取り組む市議が平塚駅前ベンチ改修に込めた思いは:東京新聞 TOKYO Web
                                          • これも『デザインの敗北』……新オープンのビルのトイレに初日から残念な貼り紙が→そしてもう1つの問題も

                                            リンク 東急歌舞伎町タワー 東急歌舞伎町タワー / TOKYU KABUKICHO TOWER 国内最大級のホテル × エンタメ施設複合タワー、新宿歌舞伎町に誕生。高さ約225m。ホテル、映画館、劇場、ライブホール。ここは、あなたの好きを極める場所。 6 users 874

                                              これも『デザインの敗北』……新オープンのビルのトイレに初日から残念な貼り紙が→そしてもう1つの問題も
                                            • ローソンの新商品デザイン、早くも実店舗で劣勢 : 市況かぶ全力2階建

                                              SBIの北尾吉孝会長、自称アクティビスト株主として自己ブランディング中の田端信太郎さんを少しだけ褒める

                                                ローソンの新商品デザイン、早くも実店舗で劣勢 : 市況かぶ全力2階建
                                              • Adobe製デザインシステム「React Spectrum」がすごいので紹介したい - Qiita

                                                🚀 Super excited to announce: ♿️ React Aria — Accessible UI primitives for your design system. 👑 React Stately — State and core logic for your design system. 🌈 React Spectrum — Adobe’s design system. Learn more: https://t.co/ucVguh3rqp Github: https://t.co/e8aOfLgCVK — Devon Govett (@devongovett) July 15, 2020 7月15日にAdobeのデザインシステム react-spectrum がリリースされました。 デザイン製も優れていますが、他の部分でのクォリティーが個人的にショックだった

                                                  Adobe製デザインシステム「React Spectrum」がすごいので紹介したい - Qiita
                                                • 非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita

                                                  はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー~」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」と「特性」 今回は色の見え方、なかでも色覚特性について書いていこうと思います。 色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色

                                                    非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita
                                                  • ウェブデザインにおけるline-heightについて

                                                    ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回はCSSのline-heightについてまとめてみます。 実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。 目次 以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができる ウェブで使われるハーフ・レディングとは 印刷とウェブにおけるレディングの違い デザインツールでのline heightの扱いの違い 上下のハーフ・レディングを帳

                                                      ウェブデザインにおけるline-heightについて
                                                    • Googleが繰り返すデザイン変更からたどり着いた極意「明白こそが至高」について解説

                                                      by Rajeshwar Bachu GoogleはGoogle検索やGmailなどさまざまなプロダクトを作成していますが、そういったプロダクトをデザインする中で得た知見などをまとめるためのデザイナー・開発者たちによる共同プロジェクト「Google Design」が存在します。そのGoogle Designが、「明白なUIこそ至高のUIである」として、ユーザーインタフェース(UI)デザインにおいて重要な要素をまとめて解説しています。 The Obvious UI is Often the Best UI - Google Design - Medium https://medium.com/google-design/the-obvious-ui-is-often-the-best-ui-7a25597d79fd デザイナーはプロダクトができる限り使いやすく、可能な限り誘導的なものになるよ

                                                        Googleが繰り返すデザイン変更からたどり着いた極意「明白こそが至高」について解説
                                                      • ベイジの業務システムUIデザインワークフロー(100のタスクを徹底解説) | ベイジのUIラボ~業務システムとSaaSのUIを考える

                                                        2021年現在、ベイジの柱の事業はウェブ制作事業とウェブアプリデザイン事業です。ウェブ制作事業は会社設立の2010年からの主力事業で、サービス品質の平準化を目的に2014年頃からワークフローの整備を進めてきました。 一方ウェブアプリデザイン事業については、事業拡大したのがここ数年で、まだワークフローが整備されておらず、各人の裁量に委ねた進め方になっていました。そこで今後の事業拡大とメンバー増員を想定し作成したのが、業務システムやSaaSのUIデザインに特化した「ベイジの業務システムUIデザインワークフロー2021年版」です。 基本的な進め方は国際規格(ISO 9241-210※)の人間中心設計プロセスに基づいて組み立てていますが、細かいタスクの順序や内容は、今までベイジで培ってきたノウハウをふんだんに盛り込み、組み換えています。 また今回ワークフローを整備するうえでは、クライアントごとの開

                                                          ベイジの業務システムUIデザインワークフロー(100のタスクを徹底解説) | ベイジのUIラボ~業務システムとSaaSのUIを考える
                                                        • HTMLでモーダルUIを作るときに気をつけたいこと - ICS MEDIA

                                                          ダイアログやハンバーガーメニューといったユーザーインタフェース(UI)は、多くのウェブサイトで利用されており頻繁に見かけます。どこでも見かけることから「簡単に作成できる」と思われがちですが、意外と実装が難しいUIです。たとえば、エンジニアでなくとも、以下のような現象に気付いたことはないでしょうか? ダイアログを表示中に、裏側のコンテンツがスクロールできてしまった ダイアログを表示中に、Tabキーでキーボード操作を行うと裏側を操作できてしまった ▼裏側がスクロールできてしまう例 ▼裏側がキーボード操作できてしまう例 これらを解決するためには、手軽な正攻法はなく、複雑なJavaScriptの制御が必要になります。本記事では、ダイアログやハンバーガーメニュー等のモーダル系のUIに存在する気付きづらい問題点と、解決方法を紹介します。ダイアログとハンバーガーメニューはそれぞれ役割の異なるUIですが、

                                                            HTMLでモーダルUIを作るときに気をつけたいこと - ICS MEDIA
                                                          • CSSの単位px、em、remはどれをどこで使用するのがよいか、ピクセルとアクセシビリティにおける意外な真相

                                                            CSSの単位px、em、remは、どれをどこで使用するのがよいか。 font-sizeの値にはどの単位を使用していますか? ほかにもメディアクエリを定義する時、マージンを定義する時、widthやheightを定義する時、使用する単位はアクセシビリティに配慮する必要があります。 The Surprising Truth About Pixels and Accessibility by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSでpxとemとemの各単位がどのように機能するか アクセシビリティに関する考慮事項 どの単位をどこで使用すればよいのか どの単位がベストなのかが明らかでない場合 簡単にできる小技とメンタルモデル ボーナス: remを使用すると便利なテクニック はじめに C

                                                              CSSの単位px、em、remはどれをどこで使用するのがよいか、ピクセルとアクセシビリティにおける意外な真相
                                                            • 障害者への差別発言相次ぐ 名古屋城復元めぐる市主催の討論会:朝日新聞デジタル

                                                              ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                                                障害者への差別発言相次ぐ 名古屋城復元めぐる市主催の討論会:朝日新聞デジタル
                                                              • Googleが提供しているサービスのアイコンが統一性のあるデザインに変更された結果「視認性なんとかして」「アイコンの意味がw」と嘆くみなさん

                                                                Googleが提供するサービスのアイコンのデザインがアップデートされ、並べてみるとこんな感じになりました。

                                                                  Googleが提供しているサービスのアイコンが統一性のあるデザインに変更された結果「視認性なんとかして」「アイコンの意味がw」と嘆くみなさん
                                                                • 「障害者を揶揄するつもりはなかった」電動車椅子に乗って障害者の真似して笑う動画拡散。広島マツダが謝罪(篠原修司) - エキスパート - Yahoo!ニュース

                                                                  広島マツダの従業員が電動車椅子に乗って障害者の真似をして笑っている動画が拡散して炎上した件で、広島マツダが「決して障害者を揶揄するつもりはなかった」と謝罪する文書を4月30日に発表しました。 「もういっかいw」障害者の真似をして笑う 問題の動画は当初『TikTok』に投稿されたもののようですが、4月下旬に第三者が「広島マツダの従業員が電動車椅子で障害者の真似をして遊ぶ」と批判するかたちでTwitterに共有。 動画の内容は「MAZDA」のロゴが入った制服を着た男性が電動車椅子に乗り、障害者の真似をするようにやや唇と舌を突き出しながら頭を傾けて電動車椅子を操作し、それを見た撮影者が「もういっかいw」と笑うひどいものだったため、当然のことながら炎上しました。 動画に対してTwitterでは「できれば見たくなかった。非常に残念」、「マツダ車に乗り換えようと思ったけど、コレ見てやめました」、「マツ

                                                                    「障害者を揶揄するつもりはなかった」電動車椅子に乗って障害者の真似して笑う動画拡散。広島マツダが謝罪(篠原修司) - エキスパート - Yahoo!ニュース
                                                                  • 満員電車での対群衆ノウハウを忘れた鉄道会社

                                                                    韓国の群衆事故を見て「日本の満員電車で事故が起きないのって凄いんだな」という意見が見られるが、実は「満員電車のプロ」であるはずの電鉄会社も甘い見立てでとんでもない失敗をした事があるんだな。 小田急にドアがデカい変な電車がいるが、あれの話である。 自分は鉄オタじゃないからそんなマニアックな話じゃないので安心してくれ。 因みに2014年に相模大野駅で脱線事故が起きて小田急全線不通になったが、その脱線した電車というのはこれだったんだな。 あの電車は混雑解消と遅延防止の為に作られたが、そのせいで小田急線は大混雑と遅延続出とケガ人の走る地獄エクスプレスと化したのだった…。 構造的欠陥と転倒事故の続出以前Wikipediaを確認したところ、これは停車駅が多い各駅停車用に作られたと書かれていたが(今は削除)、これは間違いで、混雑が酷い急行に使われていた。https://ja.wikipedia.org/

                                                                      満員電車での対群衆ノウハウを忘れた鉄道会社
                                                                    • 鉄道バリアフリー化費用 運賃に上乗せ検討 国交省|テレ朝news-テレビ朝日のニュースサイト

                                                                      国土交通省が、鉄道のバリアフリー化にかかる費用を運賃に上乗せする仕組みを導入する方向で検討していることが分かりました。 今後5年間の交通政策の方向性を示す第2次交通政策基本計画の素案には、「都市部において、利用者の薄く広い負担によりバリアフリー化を進める枠組みを構築する」とあります。 関係者によりますと、これは駅に障害者用のエレベーターなどを整備するのにかかる費用を東京などの都市部の鉄道の運賃に上乗せする仕組みを想定しています。 具体的な上乗せ額などは、今後議論される見通しです。 国交省は、26日まで素案に対するパブリックコメントを募集していて、来月中にも計画の閣議決定を目指す方針です。

                                                                        鉄道バリアフリー化費用 運賃に上乗せ検討 国交省|テレ朝news-テレビ朝日のニュースサイト
                                                                      • 偉大なプログラマ(+人間)になるための101のTIPS - Qiita

                                                                        早く人間になりたい。 以下はEmma Wedekindによる記事、101 Tips For Being A Great Programmer (& Human)の日本語訳です。 101 Tips For Being A Great Programmer (& Human) 1. Get good at Googling Googleの使い方を知ろう。 プログラマであるということは、問題に対する答えを探す能力があるということです。 Googleのうまい使い方を知ることで、開発にかかる時間を大幅に節約することができます。 2. Under promise and over deliver 約束は控えめに、出来高は多めに。 タスクに2週間かかるようなら3週間かかると伝え、2週間で提出しましょう。 期待を上回った結果を出すことで、信頼を築くことができます。 3. Be nice to your d

                                                                          偉大なプログラマ(+人間)になるための101のTIPS - Qiita
                                                                        • DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ

                                                                          こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます! PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ

                                                                            DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ
                                                                          • プログラマの抱いている名前についての誤謬

                                                                            パトリック・ミッケンジー(Patrick McKenzie)さんのブログ・エントリ、 “Falsehoods Programmers Believe About Names” の日本語訳です。翻訳の公開を快諾してくださったミッケンジーさんに感謝します。 公開: 2012-02-22 Posted on June 17, 2010 by Patrick きょう、ジョン・グレアム゠カミング(John Graham-Cumming)が、正しくない文字が含まれているといって彼のラスト・ネームを受け付けないコンピュータ・システムへの不満の記事を書いていた。もちろん彼の名前に「正しくない」ところなどない。当人の申し出たものが当人を識別するものとしては相応しいのであって、定義からして名前とはそういうものである。このことにジョンは当然ながらいらだったし、そうなるのもきわめて正当なことだ。定義からすれば事実

                                                                            • 「NHKプラス」、「Firefox」での視聴が不可能に 5月23日から

                                                                              NHKは4月27日、オンラインで番組を視聴できる「NHKプラス」の動作環境を変更すると発表した。これまでAndroid 6以上/iOS 11以上としていた推奨OSを、5月24日以降、Android 8/iOS 12以上に変更する他、5月23日以降、推奨ブラウザを「Microsoft Edge」「Google Chrome」「Safari」の最新版に限定する。 NHK広報局に確認したところ、「Firefox」など、上記3ブラウザ以外での動作はもともと確認しておらず、推奨ブラウザには加えていなかったという。「NHKプラスにおいて一定数のユーザーがFirefoxを利用している可能性があることや、5月23日以降に予定している設備更新に伴い、Firefoxでは動画が完全に再生できなくなることから、お知らせを掲載した」(NHK広報局)としている。 NHKプラス以外にも、Firefoxをサポートしないサ

                                                                                「NHKプラス」、「Firefox」での視聴が不可能に 5月23日から
                                                                              • 公園のトイレ、男女色分けせず 「性的少数者への配慮足りない」の声反映

                                                                                男性用は青色、女性用が赤色って当たり前?-。兵庫県明石市が公園に整備するトイレについて外装の色を市民投票で決めたところ、「性的少数者への配慮が足りない」と指摘され、男性用を青、女性用を赤とした最多票の案を撤回した。最近は街中で、利用者の性を特定しなかったり、男女で色分けしなかったりするトイレを見かけるが、どんな「配慮」が求められるのだろうか。(小西隆久) 市民から最多の票を得た配色案が覆ったのは、同市大久保町松陰、石ケ谷公園にある「あそびの丘」に設置するトイレ。市は「利用者の声を反映させたい」として配色が異なる5種類のデザイン案を用意。7月17日から約2週間、公園に投票箱を置き、親子ら743人が投票した。 開票の結果、男性用が淡い青色、女性用が淡い赤色の案が最多の208票を獲得した。次点は8票差で、全体を落ち着いた茶系色で統一し、性別の色分けがない案だった。 明石市の担当課は最多の配色案を

                                                                                  公園のトイレ、男女色分けせず 「性的少数者への配慮足りない」の声反映
                                                                                • Awesome Dev Tool Tips 🔥

                                                                                  Contents (Click to expand) ↕️ Design Mode Pretty Print Command Pallet and Super Search Snippets Live Expressions Tracking Changes Console Shorthand Find Unused Code Rendering Panel Network Paint Times Network Timings Inspect Network Requests Performance Identifying Memory Leaks Raw Memory Inspection Test bfcache Full Refresh Lighthouse Page Size Breakdown Record User Flows Advanced User Flow Opera

                                                                                    Awesome Dev Tool Tips 🔥