2. 2016/01/29 OBS 勉強会 #1 上野 裕樹 産業技術大学院大学 人間中心デザイン2012年度卒業生 大規模サイトの設計・運用マネジメント マークアップ・フロントエンドの設計・実装 中小企業のコンサルタントや、チームマネジメントなど 株式会社大塚ビジネスサービス Web制作チーム所属 インフォメーションアーキテクト / フロントエンドアーキテクト
まもなく発売の新刊を、ひと足先に、ご恵贈いただいた。 じつはすでにAmazonで予約していたので、手元に2冊、あることになる。 コーディングWebアクセシビリティ - WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション Heydon Pickering (著), 太田良典, 伊原力也 (監修) アクセシビリティのイベントに行くと、国内のトップクラスといわれるマークアップエンジニアが、多く参加している。いつも不思議に思う。 優れた技術者は、アクセシビリティに興味を持ちやすいものなのだろうか。 本書を読んで、腑に落ちた。 コードはどうあるべきか。マークアップの美学を追っていくと、やがて、アクセシビリティに辿りつく。 本書は、そういう本である。 コードには、良いコードと、悪いコードがある。美学があるコードと、ダサいコード、ともいえる。 ベテランのエンジニアに、おおむね共通する美
早稲田大学サイトのリニューアルにモヤっとした話 リニューアルした早稲田大学のサイトは古いブラウザを非推奨ではなく非対応としていますが、非対応にする必要性がわからなかったため、違和感を覚えました。 time2014/11/15 hatenabookmark- 早稲田大学のサイトが2014/11/5にリニューアルされたのですが、それについていろいろと議論が巻きおこっているようです。 まずは事実を整理 同大学曰く「国内大学のWebサイトの主流であった“文字中心”の情報伝達から、写真や動画、ピクトグラムなど、視覚に訴える要素を効果的に配した構成に一新」（プレスリリースから）した リニューアルしたのは主に一般・父母向けのサイト。受験生や在学生向けのサイトは別に存在し、そこへは外部リンクの形で飛ばす形としている。 推奨ブラウザを Windows(8,7,Vista)の場合、IE10以上、Mozilla
とあるWebサイトを見ていて、ものすごく読みづらいメインビジュアルのキャッチコピー(すなわち最も伝えたいであろうというコピー)を見つけたのですが、もしかするとその辺りをチェックすると制作会社のよしあしを見極められるかもしれないと思ったのでまとめてみました。 コントラスト比は1.34:1でした テキストの読みやすさの感じ方には個人差があるので、今回はJIS規格(JIS X8341-3:2010)でも採用されているコントラスト比を基準にして話を進めます。コントラスト比のことがわからない方はいったん下記の富士通のページをご覧ください。 http://jp.fujitsu.com/about/design/ud/jis-sc/sc7143.html 簡単に言うと、背景が白で文字が黒という最も色の差が大きい組み合わせだと21:1に、背景と文字が同じ色で、まったく見えないという場合には1:1という数値
目が不自由な人のネット利用に関する8つの迷信最近Webアクセシビリティの記事を読む機会が増えています。その中で、Webページを音声で読み上げるスクリーンリーダー（音声リーダー）についての興味深い記事があったので翻訳してみます。誰もが聞いたことがあるような、アクセシビリティに関するものですが、いくつかは間違った情報として流れているものも多いようです。また、元記事のコメント欄も賑わっていたので、そこにコメントされていたものも抜粋して紹介します。 私はフロントエンドデベロッパーとして、アクセシビリティについてはもちろん聞いた事があり、スクリーンリーダーで読みあげるのに何の問題もない Web コンテンツを作るよう、最善を尽くしてきました。しかし、多くのデベロッパーと同様、実際にスクリーンリーダーを自分で試したことはありませんでした。なんだか難しそうですし、高価だと聞いたこともあったからです。 数ヶ
2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに
What are color blind anomalies? Please indicate a resource to be viewed, and a color filter to be applied to that resource. Use the Colorblind Colorlab to select safe colors earlier in the design process. Learn more about colorblindness in this Wikipedia entry. This tool is still in development, but feedback is welcome while we work on it. If you only use one filter, use the greyscale filter which
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
