autocompleteをめぐるChromeとの仁義なき戦い - Qiita
サイトごとに一度入力したユーザ名やパスワードを記憶して、 次の入力時に自動で補完してくれるautocomplete機能。 だいたいの場面では便利な機能だが、 たまに自動補完してほしくないときもある。 この記事はChromeのautocompleteをoffにするために格闘した（2時間くらいの）記録になります。 ※Chrome 50.0.2661.75 mで確認 1. まずはautocomplete="off" input要素にはautocompleteという属性があり、これのon/offで自動補完の制御ができるとのことだったのでまずやってみました。 <form action="/login" method="post"> <input type="text" name="username" /> <input type="password" name="password" autocomp
img要素でalt属性の内容がポップアップしない - Web標準普及プロジェクト
img要素でalt属性の内容がポップアップしない img要素のalt属性に値を設定しておくと、 その画像の上にマウスカーソルを乗せた時にポップアップによってその画像の説明が出る、 またはalt属性そのものがそういう役割の属性であると認識している人がいるようですが、 このような考え方は間違いです。 alt属性の仕様 img要素のalt属性の説明を仕様書から見てみましょう。次のように書かれています。 alt = text [CS] この属性は、画像、フォーム、アプレットを表示できないユーザエージェントのために、 代替テキストを指定する。代替テキストの言語は、lang属性で指定する。 非テキスト系の要素である、IMG、AREA、 APPLET、INPUT要素は、著者に対し、 当該要素が順当にレンダリングされない場合の要素内容として提供される代替テキストを指定することを求める。 代替テキストを指定
音声読み上げソフト 参考ホームページ - 神奈川県ホームページ
情報アクセシビリティの取組み 神奈川県では、誰もが情報通信技術の利便を享受できる環境整備し、県民及び職員による情報への円滑なアクセスを確保するため、アクセシビリティの視点に立った情報の利活用を推進しています。 県では平成15年に県独自基準として「情報バリアフリーガイドライン」を定め、情報バリアフリーの推進を図ってきましたが、ウェブアクセシビリティの日本工業規格「JIS X 8341-3:2016 高齢者・障害者等配慮設計指針-情報通信における機器,ソフトウェア及びサービス-第3部：ウェブコンテンツ」の改正を契機に、独自のガイドラインを廃止し、JIS規格の達成基準に従ってウェブページを作成することとしました。 ウェブアクセシビリティ方針 神奈川県ウェブアクセシビリティ方針 ウェブアクセシビリティの対応状況 令和5年度 JIS X8341-3:2016に基づく試験結果（公式サイト） 令和5年度
Webアクセシビリティのチェックツール｜エー イレブン ワイ ［WebA11y.jp］
Web Accessibility Toolbar 2012J ブラウザのInternet Explorerで利用できるツールバー（無償）。対応OSは、Windows Vista以降、対応ブラウザはIE8以上。 IEのツールバー「Web Accessibility Toolbar 2012J」の詳細 カラー・コントラスト・アナライザー 2013J WCAG 2.0やJIS X 8341-3:2010の達成基準で定められたコントラスト比など、色に関するチェックツール（無償）。 色のチェックツール「カラー・コントラスト・アナライザー 2013J」の詳細 ツールがあれば全ページを自動的に検証できるのか？ 「エー イレブン ワイ（WebA11y.jp）」では、無償のチェックツールを配布しています。Webコンテンツのアクセシビリティをチェックするツールには様々なものがありますが、全てのチェックを完全
[12-2] なんでHTMLとCSSはセットなの？
[12-2] なんでHTMLとCSSはセットなの？ 最終更新日：2017年10月31日 （初回投稿日：2011年04月07日） HTMLの書き方から話が始まったのに、CSSがかなりしつこく登場していますね。 ここらで1度、HTMLとCSSの関係について整理しましょう。 セットで使わなきゃならない、ちゃんとした理由があります。 それは「HTML文書」の本来のあり方の確立と、「アクセシビリティ」の確保です。 昔はぜ〜んぶHTMLだけで書いてた…！ 1990年代中頃にはもう既に「スタイルシート」はあったんですけど、それを使う事そのものが、あまり一般的でなかったんです。 HTMLの要素に文字の色や太さを指定できるタグ（属性かな）があったりして、HTMLソースだけでサイトを作っていました。 その理由は、スタイルシートをサポートしているブラウザと、そうでないブラウザが混在していたから。 そして、各ブラ
![[12-2] なんでHTMLとCSSはセットなの？](https://cdn-ak-scissors.b.st-hatena.com/image/square/6cdbaa6d1bd0cc3b04730a31a37d924d47db511d/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-37.fc2.com%2Fh%2Fo%2Fn%2Fhonttoni%2F110406_2.gif)
音声ブラウザと相性の良いHTMLを作る(1)。 | Junnama Online
先週から「音声ブラウザ用にできるだけ読み上げやすいHTMLに変換するゲートウェイ」なるものを少しずつ書いている。 関連エントリー 音声ブラウザができるだけ読み上げやすいページに変換しようと試みるゲートウェイ(β)。 音声ブラウザができるだけ読み上げやすいページに変換しようと試みるゲートウェイ(続き)。 音声ブラウザと相性の良いHTMLを作る(2)。 音声ブラウザと相性の良いHTMLを作る(3)。 音声ブラウザと相性の良いHTMLを作る(4)。 音声ブラウザと相性の良いHTMLを作る(5)。 毎日少しずつ修正しているのだけれど、どうやって読み上げやすいHTMLへ変換するかについての考え方を(これも少しずつ)書いてみよう。 画像に関する問題 画像には等価なaltテキストが指定されている筈、という前提に立たないで考えないといけないから、どんな条件の場合にはどんな画像が利用されるかについて考えて処
音声合成マークアップ言語（SSML）バージョン1.1
【注意】 このドキュメントは、W3CのSpeech Synthesis Markup Language (SSML) Version 1.1 W3C Recommendation 7 September 2010の和訳です。 このドキュメントの正式版はW3Cのサイト上にある英語版であり、このドキュメントには翻訳に起因する誤りがありえます。誤訳、誤植などのご指摘は、訳者までお願い致します。 First Update: 2012年3月10日 | Last Update: 2015年5月16日 音声合成マークアップ言語（SSML）バージョン1.1 W3C勧告 2010年9月7日 本バージョン: http://www.w3.org/TR/2010/REC-speech-synthesis11-20100907/ 最新バージョン: http://www.w3.org/TR/speech-synthe
Speech Synthesis Markup Language (SSML) Version 1.1
Speech Synthesis Markup Language (SSML) Version 1.1 W3C Recommendation 7 September 2010 This version: http://www.w3.org/TR/2010/REC-speech-synthesis11-20100907/ Latest version: http://www.w3.org/TR/speech-synthesis11/ Previous version: http://www.w3.org/TR/2010/PR-speech-synthesis11-20100223/ Editors: Daniel C. Burnett, Voxeo (formerly of Vocalocity and Nuance) 双志伟 (Zhi Wei Shuang), IBM Authors: P
WCAG 2.0（W3C勧告）日本語訳 [原題：Web Content Accessibility Guidelines (WCAG) 2.0]
【注意】 この文書は、2008年12月11日付の W3C 勧告「WCAG 2.0」（原文は英語）を、財団法人日本規格協会情報技術標準化研究センター情報アクセシビリティ国際標準化に関する調査研究開発委員会ウェブアクセシビリティ国際規格調査研究部会が日本語に翻訳したものです。このワーキングドラフトの正式な文書は、あくまで W3C のサイト内にある英語版であり、この文書には翻訳上の間違い、あるいは不適切な表現が含まれている可能性がありますのでご注意ください。また、リンク先が英語の場合、あるいはダミーのページである場合もあります。ご了承ください。 なお、文中にある関連文書の "Understanding WCAG 2.0" へのリンクは、すべて原文の英語版へリンクしていますが、 "Understanding WCAG 2.0" の日本語訳もあります。あわせてご覧ください。 [contents]
アドビ、オープンソースのHTMLエディタ「Brackets」を公開。まだまだ開発中
アドビがオープンソースとして公開している「Brackets」は、HTML5とJavaScriptで作られたHTMLエディタです。アドビ自身はBracketsについてブログやプレスリリースでのアナウンスは何もしておらず、Github上にAdobeのコードとしてひっそりと公開されています。 アドビには統合的なWeb開発環境として確固たる地位を持つDreamweaverがありますが、Bracketsの画面を見るかぎり、目指すものはDreamweaverを置き換えるようなものではなく、もっと直感的で軽くシンプルなHTML/CSS/JavaScriptエディタを実現しようとしているように見えます。 Bracketsはまだ開発が始まったばかりで、それほど多くの機能が実装されているわけではありません（実際に起動してみましたが、短時間では使い方もよく分かりませんでしたし……）。今後もう少し機能が追加されて
HTMLやCSSでのプロトコル表記（http:、https:）の省略について
HTMLやCSSではプロトコル表記（http:、https:）の省略が可能です。 ということで、プロトコル表記の省略に関することを色々調べてみましたので、本エントリーで紹介致します。 このエントリーは、「「Google HTML/CSS Style Guide」を適当に和訳してみた」の以下の部分に対しての便乗記事です。 埋め込みリソースからプロトコル表記（http:,https:）を省略する。 <!-- Not recommended --> <script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script> <!-- Recommended --> <script src="//www.google.com/js/gweb/analytics/autotrack.js"></script> １．プロトコ
web-sun.com is available for purchase - Sedo.com
The domain web-sun.com is for sale. The domain name (without content) is available for sale by its owner through Sedo's Domain Marketplace. Any offer you submit is binding for 7 days. All quoted prices are final prices. The domain web-sun.com is for sale. Make an offer on this domain You are not the highest bidder!
HTML5とCSS3を使ったフォームデザインのチュートリアル集３０:phpspot開発日誌
Creating HTML5/CSS3 Forms: 30 Helpful Tutorials | Splashnology HTML5とCSS3を使ったフォームデザインのチュートリアル集３０ CSS3を使ってフォームデザインがより簡単に自由になりましたが、そのサンプル集です。 どういう事ができるのか？を知ることができ、実装の際にも参考にできます。 CSS3なしで１からつくるとなると相当大変ですが、CSS3を使うことで画像を使わずきれいなフォームが作れるのは素晴らしいですね。 関連エントリ 立体的なCSS3でデザインされた検索フォーム実装チュートリアル フォーム要素をクールにするためのjQueryプラグイン集
犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
Unicorn - W3C 統合検証サービス
Due to lack of resources to maintain the Unicorn project, W3C stopped providing this on-line service as of 31 March 2023. See 2023-02-15 W3C Homepage news. The source code is available on GitHub under the W3C Software license. Anyone can run it for themselves, fork it. Copyright © 2023 World Wide Web Consortium. W3C® liability, trademark and permissive license rules apply.
初心者さんのためのWebサイト制作に役立つリンク集
2017年6月29日 Webサイト制作 「Webサイト勉強するのにおすすめのサイトを教えてください！」との声が多いのですが、日本のWeb関連チュートリアルサイトをあまり見たことがなかったので、今までおすすめできませんでした…。ということでちょっとググって初心者さんによさそうなサイトをいくつか紹介します。小難しい単語が並んであるようなサイトは避けているつもりですが、わかりにくかったらすみません。他にもおすすめサイトがあればぜひコメント欄にて教えてください！ ↑私が10年以上利用している会計ソフト！ Webサイトを作る流れ まずはWebサイトを作る目的を考える 誰のため？何のため？Webサイトを作り始める前に。 サイトマップと呼ばれる構成図を作成 Webサイトの構成図を簡単に作れる便利ツール ワイヤーフレーム（Webサイトのレイアウト）を作成 Webサイトの骨組み: ワイヤーフレームを素早く・
サイト移転時の301リダイレクト処理の具体例:phpspot開発日誌
Steven Hargrove: How to redirect a web page, the smart way サイト移転時の方法として、301リダイレクトにより、新しいサイトへの転送が最適な方法とされていますが、その301リダイレクト処理の各種具体例。 .htaccess で301リダイレクトを行う方法 特定ページのみの場合は次のようにします。 redirect 301 /old/old.html http://www.yahoo.co.jp 上記は、/old/old.html にアクセスした場合、www.yahoo.co.jp に301リダイレクトされます。 サイトのドメイン移転をした場合は次のように記述します。 RewriteEngine On RewriteCond %{http_host} ^www.from-url.com RewriteRule ^(.*) http:/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセシビリティポリシー - JAWAA
re-dzine.net situs togel online toto 2023 -
HTMLをアップするとCSSのスケルトンを自動生成してくれる「bearcss」:phpspot開発日誌