ウェブ製作者のためのウェブアクセシビリティハンドブック｜ましじめ株式会社
本ハンドブックは、 すべての利用者がウェブサイトを利用できるようにするために、開発者の視点から WCAG 2.0（JIS X 8341-3:2016）の達成基準を 「概要、実践すべきこと、運用者への注意、開発者への注意」に分けて、要点をシンプルにまとめています。 アクセシビリティの最初の一歩として ウェブアクセシビリティを向上させるための第一歩として、以下の2点を確認することをお勧めします。 キーボードのみでサイトを操作できるか？ サイト内をタブキーで移動でき、重要なボタンやリンクにフォーカスが当たるかを確認しましょう。 スクリーンリーダーで正しく読み上げられるか？ NVDAやVoiceOverなどのスクリーンリーダーを使用して、コンテンツが自然に読み上げられ、必要な情報が漏れていないかを確認してください。 まずはこれらの点を確認し、その後のステップとして「運用時のウェブアクセシビリティの
コーディングガイド by @mdo
HTMLシンタックス インデントには半角スペース2個分のソフトタブを使用すること。これが全ての環境で全く同じように見せる唯一の方法。 ネストされた要素はかならず1段階だけインデント(半角スペース2個)すること。 いつもダブルクォートを使うこと。属性値に対してシングルクォートを使わないこと。 閉じタグの無い要素に対して、末尾のスラッシュは省く事。HTML5仕様に省略して良いと書いてある。 省略できる閉じタグを省略しないこと。(例えば</li>とか</body>)。 <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
コーディング規約を作ろう
コーディング規約を作ろうコーディング規約やスタイルガイドは、HTMLやCSSのマークアップや、各種プログラミング言語の書き方をまとめたものです。コーディングスタンダードやコーディングガイドラインとも呼ばれますね。コーディング規約を決めていなかったり、あいまいにしたまま進めていくと、書式が統一されていないため、コードを追加すればするほどゴチャゴチャしたコードになりがちです。チームでコーディングしていくならなおさら。今回チーム用のコーディング規約を見直すことになったので、その時感じた抑えておくべきポイントをまとめてみます。 コーディング規約に含むべき項目ディレクトリー階層ファイルを保存するフォルダーの階層や、そのフォルダーの名前を決めておきます。画像を格納しているフォルダーを例にあげても、「image」「images」「img」などの名前が考えられます。人によってつけるフォルダーの名前が変わっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Primer