リレーションデザイン研究所では、実務から得た知見から、お客様の業務・プロダクトの改善に取り組んでいます。
4.8.4 画像4.8.4.1 導入4.8.4.1.1 アダプティブ画像4.8.4.2 source、imgおよびlink 要素の共通属性4.8.4.2.1 srcset共通属性4.8.4.2.2 size属性4.8.4.3 Processing model4.8.4.3.1 When to obtain images4.8.4.3.2 Reacting to DOM mutations4.8.4.3.3 The list of available images4.8.4.3.4 Decoding images4.8.4.3.5 Updating the image data4.8.4.3.6 Preparing an image for presentation4.8.4.3.7 Selecting an image source4.8.4.3.8 Creating a source s
この達成方法の目的は、コンテンツの構造を伝達するために、セクションごとに見出しを指定することである。見出しのマークアップは、次のように利用されることがある。 メインコンテンツの開始位置を示す メインコンテンツ領域にあるセクションの見出しをマークアップする 上部又はメインのナビゲーション、左側又はサブのナビゲーション、そしてフッターのナビゲーションなど、さまざまなナビゲーションを含んだセクションを区別する 見出しとして用いられる文字画像をマークアップする セクションによって利用者がページをナビゲートできるように、または、繰り返される情報のブロックをスキップできるようにする 見出しは論理的な階層を伝えるためにデザインされている。見出しの階層の中のレベルを飛ばすと、文書構造がきちんと検討されなかったのではないか、又は一部の見出しが意味ではなく視覚的な表現を得るために選択されたのではないか、といっ
この記事は、2003年6月17日発売の技術評論社「Web Site Design Vol.8」での連載記事「実践アクセシブルHTML」第1回の元原稿を、著者自身が公開しているものです。 画像にalt属性を よく「画像にはalt属性をつけましょう」というフレーズを耳にするかと思いますが、これはサイトのアクセシビリティ改善における対応のうち、もっともメジャーなものであるといえます。WAIのアクセシビリティガイドラインであるWCAG1.0には「テーブルをレイアウトに使ってはいけません」というような内容の項目もありますが、これに対して「よっしゃ、テーブルを使うのをやめよう」とあっさりと決断してサックリとそのように作り変えることなど、ほとんどのサイトにおいて無茶な話でしょう。しかし「すべての画像にalt属性をつけよう」というのはアクセシビリティの対応要件に必ずといって良いほど含まれます。これなら、た
もう禿げ上がるぐらいに同意。teramakoさんはアクセサビリティの観点で言及した訳ではないみたいだけど、アクセサビリティの観点からも、spanやdivでボタン作るwebデベロッパは死ぬべきだと思う。恐ろしい事に、Googleなんかもこの過ちを犯している。 これが、Vimperatorのような『利用者が敢えてポインティングデバイス以外での操作を好んでいる』という場合だけ問題になるのならば兎も角、例えば音声ブラウザを利用せざるを得ない、視力に問題を抱える閲覧者にも影響が有るというのはどうなのか。そんな奴らは知ったこっちゃないって?ふーん? せめて、WAI-ARIAのrole属性を付けるとかして欲しい。role="button"とか。それならば、ある程度問題は小さく出来る筈だ。 取り敢えずteramakoさん始めVimperator使いな人達は、.vimperatorrcで'hinttags'
font-size: 0; には気をつけて 一発ネタ(ネタ?)というか、それまで知らなかったので覚え書き。先日出席した2011年度第10回ウェブアクセシビリティ基盤委員会WG2で、塩尻市公式ホームページが話題に。というのも、アクセシビリティに配慮したホームページということで、 リニューアルし公開したホームページでは、総務省「みんなの公共サイト運用モデル改定版(2010年度)」に基づき、「JIS X 8341-3:2010」達成等級AAに準拠しました。 ……だそうです。話題になったポイントはそこではなく、Google Chromeでは一部のリンクにタブキーでフォーカスを与えることができないという点。具体的には、リンクがul要素でもってリストとして複数並べられている箇所でその事象が確認されており、たとえばヘッダーにある「音声読み上げ・文字拡大」「English」といったリンクラベルが並んでいる
[韓国語(한국어) by @myjjulee] 2011年4月21日に開催された第16回HTML5とか勉強会にて Progressive Enhancement をテーマに登壇させて頂きました。講演に使ったスライドをここに公開しますので、ご興味のある方は、ぜひ、ご覧ください。 Progressive Enhancement ~すべての人に確実に情報を届けるために~ Progressive Enhancement という考え方は、決して新しい概念ではありません。何年も前から Progressive Enhancement は多くの著名なディベロッパーから提唱されてきました。しかし、残念ながら、これまでは大きく注目されることはなかったといえます。 これまで私たちが努力してきたことは、主に Regressive Enhancement と呼ばれるアプローチです。あらゆるブラウザーに同じデザイン、
Opera for iOS Introducing Opera One for iOS: a fresh take on mobile browsing August 14th, 2024 We're excited to announce the launch of Opera One for iOS, our redesigned, AI-powered browser for iPhone. Opera requests that the EU General Court secure the DMA’s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commission’s decision not to designate Microsoft Edge as a gateke
HTML5では、新要素が追加されただけではなく、HTML4からある既存の要素についても、再定義しているのが特徴です。その中でも、img要素は、他の要素に比べても、すごい力の入れようで、定義されています。 特筆すべき点として、alt属性が挙げられます。 HTML4のimg要素の仕様では、alt属性は、イメージをレンダリングできないブラウザーの場合に表示する代替テキストとして使われ、イメージの簡単な説明を入れる、という程度にしか、定義されていませんでした。そして、もし詳細な説明を入れたい場合は、オプションで、longdesc属性を使うこととなっていました。これまでは、アクセシビリティの観点から、alt属性の使い方についてガイドラインや、業界のコンセンサスはありましたが、HTML準拠要件という形では存在していませんでした。 ところが、現時点でのHTML5のimg要素の仕様では、longdesc属
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く