yuri memo

フロントエンド園児のメモ 💻👧📝

WordCamp Tokyo 2016の感想 (1) -Webアクセシビリティのお話。

先日、東京で行われたWordCamp Tokyo 2016に参加してきました。
WordCampへの参加は初めてで、なおかつWordPressを触っていないという素人っぷり。
先に感想を言うと、普段WordPressを触っていなくても勉強になりました。
というか何からでも学ぶことってあると思うんですね、異業種からだって学ぶことはあります。
学ぼうという気持ちがあれば、必ず発見や気づきがあると思います。
話が脱線しましたね、すみません。

特に印象に残った2つのセッションのうちの1つについてお話しします。
(もう一つは近いうちに書きます)

WordPressでも意識したいアクセシビリティ ~「優しいウェブサイト」作りをはじめよう~」

このセッションのスピーカーは横田 東母子さんと森田 壮さんです。
スライドはこちら。

www.slideshare.net

私は「Webアクセシビリティ」というワードを聞いたことはあるし、
なんとなくこんな感じだよね?ってぼんやりと知っているつもりでいました。
Webアクセシビリティとは、一言で言うとこういう事のようです。

Webアクセシビリティとは、主に高齢者や障害者など身体に障害や不自由のあるWeb利用者に配慮したホームページなどのWebサービスを提供し、アクセスした誰もが容易に情報を共有できる状態にあることをいいます。
Webアクセシビリティとは - JAWAA

なんとなく理解できますよね、ああその通りだなと。
ですがこのセッションでは、「障害のある人のためだけに特別なことをするのがウェブアクセシビリティなのか?」という問題提起がされました。

続きを読む

背景画像を隙間なく表示させる方法 - background-sizeの使い方

実務でもよく使うのでメモです。
サムネイルつきリストなどを作る際に、画像サイズが決まったサイズであれば特に問題はないのですが
CMS化してクライアントが直接更新作業する場合などは、必ずしもすべての画像サイズが同じとは限りませんよね。
そんな時にサムネイルに対して画像がうまく収まらないとこんな感じになってしまいます。
f:id:yurixxx8:20160822221250p:plain
高さが揃ってなくてあまりキレイじゃないですね。

続きを読む