BBC GEL | Homepage
New here? Please allow us to introduce ourselves.Welcome to BBC UX&D. We do the layer between people and technology. Every day, we focus on the stuff that makes things special, as well as the stuff that makes things happen. The Futures Bazaar: A Public Imagination ToolkitExpand horizons, explore new ideas, and transform everyday objects into things from the future. Download your toolkit here.
The Roles Model | Accessible Rich Internet Applications (WAI-ARIA) 1.0
5. The Roles Model# This section is normative. This section defines the WAI-ARIA role taxonomy and describes the characteristics and properties of all roles. A formal RDF/OWL representation of all the information presented here is available in Schemata Appendix. The roles, their characteristics, the states and properties they support, and specification of how they may be used in markup, shall be c
40 New Useful Web Development Tools and Resources - noupe
To become a professional web designer, you need effective tools that would help you implement beautiful designs with solid coding techniques. Handy ready-to-be-used solutions and smart design tools are always nice to have, but good ones are often quite hard to find. And this is where we come into play. In this post we have put together a useful collection of new web development tools to save devel
imgのwidthとheightはいるのか | Takazudo Clipping*
共通部分のimgにはwidthとheightは(X)HTMLで指定しないようにしたほうがいいんではないか。 img要素にwidthとheightを指定するのはかなり当たり前かのようにされてるけど、widthとheightをつけるのはめんどいし、(X)HTMLの仕様書でも#IMPLIED（必須じゃない）になってる。 ではなぜwidthとheightを指定するのかというと、ブラウザが(X)HTMLを読んでいる途中でも、imgにwidthとheightが指定されていれば、そのimgの高さや幅ぶんのスペースをとってくれるため、描画がスムーズになる。 例えばくそ長いページで途中に画像がぼんぼんあって、そいつらにwidthとheightが指定されてなかったら、よーしスクロールして読むぞーとしたの方に行こうと思いきや、まだロードされてなかった画像が順々にロードされていき、あららららと今読んでいたテキ
The 5 Layers of Web Accessibility
In this month's YDN Tuesday Dirk Ginader, Web Developer and part of the Accessibility Task Force at Yahoo!, will talk about Web Accessibility. Starting with basic markup and ending with accessible javascript and WAI ARIA he'll cover best practices and lots of tips and tricks to make your websites and web applications accessible to everyone. Get more information about the event here: http://skillsm
The State of the Web 2008 - Web Directions
Welcome to this detailed report from our first “State of the Web” survey of professional web designers and developers. It includes details and analysis of all the responses to over 50 questions covering technologies, techniques, philosophies and practices that today’s web professionals employ. You can read all the questions, download the complete (anonymized) set of responses, see tabular results
CSS Nite in Osaka, Vol.12 「alt属性考」スライド公開 - Trans
一昨日、CSS Nite in Osaka, Vol.12に来ていただいた皆様、ありがとうございました。 さて、とりあえずなのですが、その際のスライドを公開します。 alt属性考View SlideShare presentation or Upload your own.ちなみに、何が悪いのか、SlideShareのほうはある特定の条件の画面で背景が真っ赤になるという摩訶不思議な現象も体験できます。 PDF版（5.9MB）もあります。 音声はCSS Nite公式ブログのほうで後日聞くことができるようになると思いますので、そちらも聞いてみてください（後ろの方で聞いていた方から聞こえづらかったという意見も伺いましたし）。 あと、最後に触れたのですが、インクルーシブデザインワークショップ with Re:Creator's Kansai、やります。とりあえず、ご報告。これはまた別のエントリーで
ユーザビリティの高いタブナビゲーションを作る4つのポイント - Feel Like A Fallinstar
最近ではYahoo!のトップページにも採用されているタブ切り替え（ナビゲーション）ですが、UIデザインのポイントを誤ると、ユーザの利便性が一気に低下してしまいます。 ユーザにとって利便性の高いナビゲーションを作るための、「正しい」デザインのポイントを紹介します。 1.アクティブなタブとコンテンツを、領域として「結ぶ」 現在使用している領域とコンテンツ部分とが分離されていると、ユーザにとっては現在地が把握できなくなってしまいます。 必ずタブとコンテンツがセットになるように設計・デザインしましょう。 2.選択中のタブとそれ以外のタブの色を異なるものにする。 こうすることで、猟奇としての区別がより明確になります。 3.選択中のタブの文字は、フォントカラーも変更する これは必須というよりも、「やるとベター」という認識でよいと思います。 よりタブの選択を明確にするため処置ですね。 4.リンクはタブ全
Web Directions East
2008年11月7,8,9日 ベルサール西新宿世界最高峰のカンファレンスがついに来日！！ 東京でアジア初開催！ 『Web Directions』は、世界のトップエキスパートが、自らその知識やアイデアを惜しみなく紹介することで知られる、世界のウェブ業界において最もハイクオリティで革新的なカンファレンスです。 「Web Directions East」は3日間にわたり開催され、1日目はカンファレンス・2日目・3日目に実践的な技術が得られるハンズオン形式のワークショップが実施されます。 ウェブ業界で知る人ぞ知るビッグネームがスピーカーとして名前を連ね、『ユーザーに優しいウェブサイトの提供』をコンセプトに公演いたします。 また、参加者同士やスピーカーとリエゾンを通して直接コミュニケーションできる豪華なレセプションパーティも企画されており、ネットワークを広げていただくための絶好の機会です。
Web制作者ってとりあえずalt属性は空にしておけばいいって思ってるよね？ - Trans
アクセシビリティの基本でありながら、奥が深いalt属性。こんな視点もあるのだということを書いておきます。 追記（2008年7月14日）：文章中に誤解を招く表現がありましたので、文章を追記しました。 ある視覚障害者の意見 上のタイトルは皆さんを煽っているわけではなく、僕が実際に言われたこと。 どこのセミナーか講演会かは覚えていないのですが、決してプロレベルではないが自分でもWebサイトを制作できる全盲の視覚障害者（スクリーンリーダー利用者）がそのときに言っていた言葉。 もう少しちゃんと説明すると、もし何らかの画像があった場合に、僕たちのようなWebサイト制作者がそのimg要素のalt属性に何を入れればよいのかをパッと閃かなかったときに「とりあえず」alt属性を空にしているよね、と言われたということです。 僕はこれを言われたときに本当に胸に刺さるものがありました。思い当たる節が多すぎた（追記（
リンクの設置時に気をつけたい15のポイント | コリス
Wwohn.comのエントリー「The 15 rules of quality hyperlinks」から、リンクの設置時に気をつけたい15のポイントの意訳です。 The 15 rules of quality hyperlinks 「ここをクリック」などではなく、リンク先を明確に表現する。 title属性を使用する。 テキストリンクを青い下線以外にする場合、明確に分かるようにする。 テキストリンクには、シェード効果や明るいグレーを使用しない。 visitedを設定して、訪問済みを明示する。 リンク切れは、なるべく早く修正・削除をする。 PDFのようなダウンロードリンクは、クリックする前に分かるように明示する。 一行に続けて複数のリンクを記述しないで、リストやビュレットを使用して間隔を持たせる。 テキストリンクは、一行まるごとにしないで、なるべく短くする。 リンクを新しいウインドウで開くよ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Learn How to Style Articles for Print and Email
http://cssnite.jp/theday/days2007/slides0725.html