2018-07-01(日)に大阪JUSO Coworkingにて行われた「D2Dアクセシビリティ勉強会 2018・夏」でのスライドです。 【簡単マニュアルPDF版は以下】 http://bit.ly/d2d_VO_TBRead less
![Bootstrap 4は、どの辺がアクセシブルなのか?/スマホでスクリーンリーダーを使ってみよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/c53e17be29189b23f313c27e04837b54e21858f8/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2F20180701-d2d-session-sawada-180702011337-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
6/29(金)に開催されたDevLOVEのAtomic Design回に行ってきました。 devlove.doorkeeper.jp 『既存のフローからアップデートする アジャイル・デザインフロー』というタイトルで、アジャイル開発を進めるうえでのUI変更に強いデザインフローについてのお話でした。 Atomic Design本には結構コードが書かれているんだけど、今回はコードの話ではなく、何故Atomic Designの考え方が必要なのか、Atomic Designの構造をどう考えていけばいいか、@ygoto3_ さんが実践してるデザインフローができるまでのステップの話がありました。 内容はスケッチノート置いておきます。 どう分割するかがいまいち理解できていなかったけど、ユーザーの行動と合わせて責務で考えるのがすごく分かりやすかった。スケッチノートに書いてる今までのデザインフローでまだやって
実はこのテキストの中には、どこかがリンクになっています。どこのテキストにリンクが指定されているかビジュアルだけでわかりますか? 少し意地悪な問題ですが、本題ではないので早速答えを述べます。実は、「このテキスト」という部分にリンクが指定されています(リンクには「#」が設定されているので、クリックするとこのページのトップに移動します)。 皆さんはどの段階で「このテキスト」という部分が少し青色であることに気づけましたか?もしかしたら、普段色を使うお仕事をされている方(デザイナーなど)はすぐに違和感に気づけたかもしれませんが、全てのテキストを読んでから青色になっている部分を探して見つけた方もいらっしゃるのではないでしょうか。 このように、本文が黒文字でリンク色に暗めの青を使った場合はリンクだと気づけないことがあリます。 では、どのようなスタイルにすれば良かったのか考えると以下のようなパターンが挙げ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く