アクセシビリティから考える画像のマークアップ
はじめに 本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 連載第4回目となる今回は、「画像の代替テキスト」について扱います。「画像の代替テキスト」は、Webアクセシビリティの指針である「WCAG 2.0（Web Content Accessibility Guidelines 2.0）」や「JISX-8341-3（JIS X 8341-3:2004 高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェアおよびサービス－第3部：ウェブコンテンツ）」の中でも扱われている基本的な部分です。「画像の代替テキスト」について、前回の記事で紹介した「構文の妥当性」と「目的の妥当性」の両方の側面からみていくことにしましょう。 対象読者 XHTMLと
作ろうiモード：XHTML | サービス・機能 | NTTドコモ
iモード対応XHTMLの仕様やiモード向けのホームページの作り方などについてご紹介します。 iモード対応XHTMLで書いたページをインターネットからアクセス可能なウェブサーバに置いていただくだけでXHTMLに対応したFOMA iモード対応機種から見ることができます。 ドコモではお客様のホームページを用意するようなサービスは提供していません。 「ダイレクトキー機能」を使用したアクセスキーは「0」〜「9」、「#」、「*」が使用できます。 iモード対応XHTMLは、WAP Forum（現OMA <Open Mobile Alliance>）のXHTML-MPをもとにiモード対応HTMLとの互換性を意識して策定したものです。 WAP2.0の主な機能のすべてに対応しています。 基本的にiモード対応HTMLとのデュアルブラウザです。 文字コードはShift-JISおよびUTF-8、画像はGIFおよびJ
XHTML・CSSコーディングガイドライン | d-spica | ホームページ制作・ウェブサイト制作・Webデザイン
文書の構造を示すことを目的とする。見た目の装飾に関わることを記述しない。 宣言 特に事情がない場合は，文字コードをUFT-8にして，XML宣言を省略する。 DOCTYPEは原則的にXHTML 1.0 Strict 。 ただし，更新スタッフの事情に合わせてXHTML 1.0 Transitional，HTML 4.01 Strict，HTML 4.01 Transitionalにする場合もある。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> head ページの性質を示し，UAに読ませることを目的とする。 最初に <meta http-equiv="Content-Type" content="text/html; ch
Webデザイン・Webデザイナーのまとめサイト | Webデザインに優れたサイトのリンク集 ≪デザインリンクデータベース≫
～10程度っすよ ～50程度かな ～100くらい ～300程度です ～500はこなす ～1000はやってます これ以上 ( ! )
CSS Mania · Since 2004
Sponsors Free website builder. Create a website now! EcommerceBooth is an eCommerce resource where you can find useful guides, tutorials, and exclusive deals. WPKube - learn how to get most out of WordPress. Popular Topics Companies (6,703) Freelance / Portfolios (4,828) Technology (6,562) Internet (5,264) Marketing (4,812) Lifestyle (3,905) United States (3,078) United Kingdom (1,713) Weblogs (2,
HTML Entities
This page contains the 252 allowed entities in HTML 4 and XHTML 1.0, as outlined in section 24 of the official HTML 4 specifications, published by the W3C. If you find it helpful we'd really appreciate a social share! Each entity is contained within a small box that contains four lines: The first line shows how the entity will be displayed on your webpage. The second line contains the entity refer
Design Snack / The web design showcase that you control.
Get awesome stuff delivered straight to your inbox! Twice a month! Plus a list of tools and plugins we use.
Der Blog über Web-Standards, CSS, HTML & more
Das Webdesign stellt man sich als Laie immer als einen kreativen Beruf vor, bei dem es vor allem auf spektakuläre Optik ankommt (blog erstellen deutsch). Es mag auch wirklich Seiten geben, bei denen ein Webdesigner solche künstlerischen Aspekte ausleben kann. Meistens jedoch hat sich das Webdesign einer Seite nach den sogenannten Webstandards zu richten; dazu eine Pressemitteilung vom W3C, in der
Unmatched Style
This website design just radiates it's boldness with the bubblegum pink coloring. This audacious choice of color scheme not only catches the eye but also injects a sense of vibrancy and creativity into the digital space. Furthermore, the multicolored screen... Noshly's website for their new app looks cool! It has round boxes and bright, colorful colors like candy. But the best part is the video wi
Stylegala - Web Design Publication
You have reached a domain that was pending verification per ICANN rules but has since been verified. It may take 24 to 48 hours for the website to come back online. As of January 1, 2014 the Internet Corporation for Assigned Names and Numbers (ICANN) will mandate that all ICANN accredited registrars begin verifying the Registrant WHOIS contact information for all new domain registrations and Regis
CSS Import™ | The CSS Gallery
Web app development tutorials and tools
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
(X)HTML・CSSコーディングマニュアル
マークアップのノウハウが記載されているサイトを教えて下さい。
http www.styleboost.com
screenspire.com | the leading full( )screen inspiration - [929 screens and counting]![screenspire.com | the leading full( )screen inspiration - [929 screens and counting]](https://cdn-ak-scissors.b.st-hatena.com/image/square/683f8e96ad0b77201384efa22d859bf858121049/height=288;version=1;width=512/https%3A%2F%2Fstatic.hugedomains.com%2Fimages%2Fhdv3-img%2Fog_hugedomains.png)
css thesis
CSS Drive- Categorized CSS gallery and examples.
CSS Beauty | CSS Design, News, Jobs, Community, Web Standards
Pajatti.net