デザイナー向けに行なったHTML勉強会の資料を公開します｜sakito
今回はChatwork株式会社のデザイナー向けに行なったHTML勉強会で使用した解説資料をお伝えします。私は3年ほど前からChatwork株式会社の開発のサポートやデザイン基盤活動のアドバイザーとして参画しており、その活動の一環で会を開催しました。 開催の意図と目的開催概要は@emimさんが、UI設計はHTMLの理解からというタイトルでnoteに書いてくれています。企画の意図は下記のとおりです。 企画の意図 根本としては、情報整理（情報設計）の基礎概念にHTMLがとてもマッチしている、と考えているからです。 ところが、業界的にも昨今よく聞く話ではありますが、最近意外にHTMLに触れる機会がなくプロダクト開発の現場に入る人が多いのが現実です。これは、デザイナーだけでなく、なんならフロントエンドの開発者であっても。 個人的には、HTMLはマークアップ言語であること以上に、構造化のフレームワーク
Go言語が好きな理由
はじめに 私はGoが好きなので、disられている場面に遭遇すると心が痛みます。残念ながらプログラミング言語について深く語れるほどの知識や経験は持ち合わせていないため、世界が平和になることを祈るくらいしかできません。 （元ネタ）Go言語を嫌う6個の理由 - さめたコーヒー それはそれとして、Goが好きな理由を語る人はあまり見かけない気がします。この記事ではGoが好きな理由を視覚に障害のあるユーザーの視点から語ります。読み終えたところで得るものは何もありませんし、長いので覚悟して読んでください。 あなたは誰？ 4年ほど業務でサーバーサイドのGoを書いています。また、業務で使いはじめる前から趣味でGoに触れていました。そのため無意識の内にひいきしているかもしれません。ただし、流行っているからといって理由もなくGoを勧めたりはしません。 視覚障害ならではのコーディング事情 Goが好きな理由と深く関
キーボード操作を意識したHTML/CSSコーディング
この記事は 「Webアクセシビリティ Advent Calendar 2020」 5日目の記事です。 アクセシビリティ Advent Calenderの記事を寄稿するにあたり、少しの工夫であらゆるユーザーに対して優しいWebサイトを作れるようなHTML/CSSコーディングの方法についてまとめました。より多くの人にとって優しい・使いやすいWebサイトを作ることは訪れてくださるユーザーの方々だけでなく、クライアントにとってもユーザーの機会損失を防ぐことができるので多大なるメリットがあります。（よくコードが適当でもデザインが見えていれば良いって意見を聞くけれどそんなことはない） ただ、アクセシビリティを意識したHTML/CSSコーディングについてのまとめだと内容量が非常に多くなりZennなら記事より本で出したほうがベターになってしまうので、今回は数あるアクセシビリティの視点から「キーボード操作で
Webサービスのアクセシビリティについて 考慮すべきポイントを挙げてく
WebサービスやWebサイトを開発するうえで最低限おさえておきたいアクセシビリティのポイントを雑多に挙げてく。ある程度のボリュームになったら記事にする予定。
「つけ方が分からない」エアコンを付けない高齢者の方、思わぬ盲点で躓いている可能性があるのでやんわり教えてあげようという話
🍀いちは🍀 @BookloverMD 高齢者の施設や家に訪問診療に行くと、暑い部屋でエアコンつけずに過ごしている人がチラホラいる。 本人は「寒がりだから」「クーラー嫌い」と言うが、試しにリモコンを操作させると、 ！エアコンのつけかたが分からない！ ことがある。 これは盲点だった。 本人の言い訳を信じず、要チェック！！ 2020-08-12 13:10:57 🍀いちは🍀 @BookloverMD 「夏でも厚着」な高齢者もよく見かける。 やはり同じように「寒がり」「クーラーが」と言う。クーラー苦手な人がいるのは確かだが、いくらなんでも着込みすぎな人も少なくない。 脱がせてみると抵抗はないし、その後に「寒い」と着なおすこともない。 彼らは「服の選択」が苦手なのかもしれない。 twitter.com/BookloverMD/st… 2020-08-13 06:57:19
Linuxカーネルでの「master/slave」と「blacklist」禁止、トーバルズ氏が承認
Linuxカーネルの生みの親で最終的な調整役を務めるリーナス・トーバルズ氏は7月10日、Linuxカーネルでの包括的用語として「master/slave」（主人/奴隷）と「blacklist」を禁止する提案を承認した。 この提案は4日にメンテナーのダン・ウィリアムズ氏が投稿した。5月25日のジョージ・フロイド氏死亡をきっかけに続いている人種差別反対運動の中で、米Twitterや米GoogleのChromeとAndroidチーム、米Microsoftとその傘下の米LinkedInと米GitHubなど、多数のIT企業が同様の決定を発表している。 Linuxカーネルで禁止されるのは、シンボル名やドキュメンテーションでのこれらの用語の使用。ABIの維持に必要な場合や、既存のハードウェアやプロトコルに関連するコードの更新の場合は対象外だ。 master/slaveの置き換えとしては、以下を推奨してい
ついに！Windows 10から｢コントロールパネル｣が消える
ついに！Windows 10から｢コントロールパネル｣が消える2020.07.08 18:30144,686 Joanna Nelius - Gizmodo US ［原文］ （ R.Mitsubori ） コントロールパネル出すなら、右クリックだった。 最近のMicrosoft（マイクロソフト）は、ユーザーが困っているのを楽しんでいるかのように、Windows 10の基本機能にガンガン変更を加えています。たとえば最新バージョンの2004ではWindows 10を初期化する｢Fresh Start(新たに開始)｣が｢このPCを初期状態に戻す｣機能と統合されていますし、Windows 10 Pro、Enterprise、EducationではWindows Updateの延期可能日数が削減されています。 そしてマイクロソフト関連情報を発信するWindows Latestによると、近々システム情
浅羽なち on Twitter: "割とローソンの新デザ容認派だったんだけど、さすがに「点線まで剥がして」の"点線"が全然見つからなくて、ようやく見つけたとき「は？なんやこれ正気か？」てなったわ😂 https://t.co/ZlHuUhB23i"
割とローソンの新デザ容認派だったんだけど、さすがに「点線まで剥がして」の"点線"が全然見つからなくて、ようやく見つけたとき「は？なんやこれ正気か？」てなったわ😂 https://t.co/ZlHuUhB23i
ローソンPBデザインがあんな風になったのは、デザインした佐藤オオキさんの自宅を見て納得
リンク Webマガジン「AXIS」 nendo、ローソンのプライベートブランド商品の ロゴデザインとパッケージデザインを担当 | Webマガジン「AXIS」 | デザインのWebメディア 佐藤オオキが率いるデザインオフィス nendoは、ローソンのプライベートブランド商品のロゴデザインとパッケージデザインを手がけた。これと合わせて、ローソンの新型コロナウイルス対策のキャンペーンビジュアルも公開した。多くの国内コンビニチェーンには… 6 users 256 リンク Wikipedia 佐藤オオキ 佐藤 オオキ（さとう おおき、1977年12月24日 - ）は、日本のデザイナー、建築家である。デザインオフィス 「nendo」（ネンド）代表。 父親の仕事の関係により、カナダのトロントで生まれる。東京学芸大学附属大泉中学校、早稲田大学高等学院を経て、2000年早稲田大学理工学部建築学科を首席卒業。
耳に障害のある友人が、Netflixに入った途端アニメを貪るように観るようになった理由に納得「各配信サービスが前向きに取り組むといいな」
さめぱ @samepacola 耳に障害のある友人がそれまで一切アニメ見なかったのに、Netflixに入るなり貪るようにいろいろ見るようになったのをみてつくづく字幕はデフォで入れるべきと思いましたね（ネトフリは独自で日本語字幕を付けてる）。もう円盤の時代でもないので、各配信サービスが前向きに取り組んでくれると良いな。 2019-12-19 01:42:21 さめぱ @samepacola ネトフリで最近アニメ見まくってると言われ、dアニメとアマプラも入っておくとだいたいカバーできて攻守最強になるよとテンプレ回答したら、いや他サービスは字幕が無いからと。ちょっと、しまった……となりましたね。 2019-12-19 01:46:27
キャンセルボタンに色をつけてはいけない理由
キャンセルボタンをデザインする時に、カラーで悩むことはありませんか？ キャンセルボタンに色をつけてはいけない理由、ニュートラルなグレーが適している理由を紹介します。 キャンセルボタンのデザインがアクションボタンと同じだと、ユーザーは迷ってしまいます。キャンセルできることを明確にすることで、認知速度が上がります。また、ボタンが3個以上だったり、ラベルが違っていると、ユーザーは余計に戸惑います。 Why Cancel Buttons Should Never Have a Color by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 キャンセルボタンに色をつけてはいけない理由 ニュートラルボタンのためのニュートラルカラー キャンセルに適したラベルとは グレーを使う時は十分に暗くする キャンセルボタンはニュ
「プロのデザイナーが新一万円の気に入らないところをまとめてみたよ」
武 @taketak23 @ib_3rd ホロ帯の位置は5千と区別のため多分動かせない。ミと中心下も同様。中心の透かしは千円との区別でずらしてる？ だいたいこういうのは、障害者が区別しやすいようにするため pic.twitter.com/XAlvrZXxdZ 2019-04-11 20:46:42 ぴゅうた @pyutaz @ib_3rd @murrhauser 左右のスペースは偽造防止の為のもの、漢数字を小さくしてアラビア数字を大きく細ゴシックなのと、角の数字のあるなし(視覚障害者用の額面識別用の仕掛けが入る)はユニバーサルデザインのため。 そして写真はお前がデザインしたらドヤ顔にでも変わるんか？ 指摘が素人丸出し。 2019-04-11 19:24:42
新元号の手話かぶりが伝えた感動「30年前、字を見るしかなかった」
新元号の発表を巡り、人々を驚かせた「手話かぶり」記者会見。耳の聞こえない人は、どう見たのでしょうか？ 出典： いらすとや 「国民の一大事にインパクト」 「邪魔」のツイートに投稿決意 「令和、きっといい時代になる」 今月1日に明らかになった、5月1日から使われる新元号「令和」。発表記者会見のテレビ中継に関する、耳の聞こえない男性のツイートが、「深い」と話題になっています。官房長官が持つ、新元号の書かれた額縁と、手話通訳士がかぶさるアクシデントに「感動した」との内容です。ネット上でも議論を呼んでいる出来事についての、意外な評価。一体、どういうことなのでしょう？ 真意を聞いてみました。（withnews編集部・神戸郁人） 「新元号は『れいわ』であります」。画面左側に向かい、菅義偉官房長官が額縁を掲げます。ところがNHKの放送では、手話通訳士のワイプ画面がかぶり、隠れてしまったのです。 これについ
「見えない」格差、気づいてますか？ 10万人以上がアクセスできなかった「重大情報」
“両眼の視力の和が0.01以下”が基準の視覚障害1級を持つ人は、全国に10万人以上いるとされる。目が全く見えないか、見えてもごくわずかであるこの人たちもまた、インターネットを介して情報を得ている。 2012年に発表された総務省の調査結果によれば、視覚障害者のインターネット利用率は91.7％だ。自分の生活にどれほどネットが浸透しているか考えてみれば、当たり前とも思える。しかし、どうやって？ 視覚障害のある人たちは、その多くが合成音声による画面読み上げソフトを使っている。読み上げソフトは、ウェブサイト上で利用者がカーソルを合わせたところのテキストを読み上げる。リンクがあれば「リンク」と読む。 ソフトにもよるが、例えばBuzzFeedのトップページで左上からカーソルを合わせて読み上げていくとすれば、「バズフィード リンク ニュース リンク 記事タイトルA リンク 記事タイトルB リンク……」とな
ウェブデザインとはいったい何なのか | 水無月ばけらのえび日記
公開: 2012年4月11日1時25分頃 「首相官邸ホームページのリニューアル構築費用に対して製作者側からの考察 (7dw.jp)」というブログ記事を書かれている方がいらっしゃるようで。 申し訳ないのですが、最初から最後まで同意できない部分の方が多いですね。特に看過できないのがアクセシビリティの部分で、これは既に複数の方からツッコミが入れられています。 Re: 首相官邸ホームページのリニューアル構築費用に対して製作者側からの考察 (kidachi.kazuhi.to)Kotaro Kokubo - Google+ - 最近「デザイン」という言葉のひどい扱いを頻繁に目にしていたたまれない気持ちになって いたところにダメ押しのような某… (plus.google.com)「アクセシビリティに配慮すると、ビジュアルデザインが制約を受ける」「ビジュアルデザインとアクセシビリティは両立しない」という
首相官邸サイトリニューアル、しかしすぐに再リニューアルが必要 | 水無月ばけらのえび日記
公開: 2012年4月8日16時40分頃 首相官邸 (www.kantei.go.jp)のサイトがリニューアルしたそうで。 4500万円かかったと報じられていますが、何をやったのかが分からないので、高いか安いかは評価のしようがないですね。単純に規模から「やるべき事」を考えてみると、CMS抜きで4500万円かかっても不思議ではないと思います。戦略をみっちりやったり、それなりなCMSを入れたりすれば足りなくなるかもしれません。 そして実際にサイトを見てみると、まず、見た目だけで以下のような点が気になるわけです。 背景にうっすらと写真が敷かれていますが、肝心な部分がコンテンツの下敷きになってよく見えない上に、「首相官邸」というタイトルまわりが読みにくくなってしまっています。プロがこういう中途半端な写真の使い方をすることはまずありません。写真を見せたいならちゃんと見せるでしょうし、見せなくても良い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
おしゃれなデザインのトイレマークを見た色覚異常当事者の方『こう見えるけど全然違ってて震える』
「プログラミング＝英語」という状況は正しくない。多言語でコードを書ける世界が求められている
今まで文字を読めなかった子がある書体に変えたら読めるようになった！その書体への感想や今後への期待の声が集まる
国税庁サイト、リニューアルでほぼすべてのURLが変更。リダイレクトもなくユーザー阿鼻叫喚【やじうまWatch】
