Webサイトで全角英数字ではなく、半角英数字を採用する理由
Webで文章を掲載する際、英数字は半角表記で統一するのが「常識」です。ですが、なぜ全角英数字はダメで半角英数字に統一するべきなのでしょう。改めて聞かれるとついつい「そういうものだから」と答えてしまいがちではないですか？ また、検索してみても、ちゃんとまとめられた記事がなかなか見つけられません。ということで、全角英数字ではなく、半角英数字を採用する理由をまとめてみました。 ※本記事は技術的な検証が十分に行われておらず、誤った情報である可能性があります。あらかじめご了承ください。 全角英数字は再利用性できません たとえば、電話番号やURLが全角で表記されていると、Office製品やメーラーでリンクとして認識されません。ブラウザのアドレスバーにコピーアンドペーストしても開けず大変不便です。 全角英数字は禁則処理が行われません ブラウザでは英単語が途中で改行されないよう折り返しが行われます（禁則処
フォーム入力要素の注釈のマークアップ | Accessible & Usable
公開日 : 2013年4月16日 (2020年8月30日 更新) カテゴリー : アクセシビリティ Web サイトのフォームの中には、入力要素 (<input> 要素、<textarea> 要素、<select> 要素) のすぐ上か下に、注釈を付け加える場合があります (たとえば、入力フォーマットを指定したい場合などです)。 入力要素に注釈を付け加えた例 (パスワードの入力フォーマットの指定) この際、セマンティックに (マシンリーダブルな形で) 入力要素と注釈を紐づけるマークアップをしておくと、なおよいでしょう。たとえばスクリーンリーダーを使いながら [Tab] キ―でフォーカス位置を移動させている場合、フォーム入力要素にフォーカスが当たったときに、その要素に紐づいた注釈も併せて音声読み上げされる、といったことが期待できるからです。 「aria-describedby」を用いて入力要素と
「アクセスできること」がアクセシビリティ、それを忘れてはいませんか? | ゴミ箱の中の雑記帳
日々の出来事やその感想、くだらない (かもしれない) 衝動買いの顛末、主にICT関連の個人的なメモなど、およそ他人の役には立たないであろうことをつらつらと書き散らかしています。 アックゼロヨン・アワードという、Webサイトを表彰するアワードがある。このアワードのホームページにアクセスすると、「年齢や性別、障害の有無、ITリテラシの高低に関わらず、誰にとっても使いやすいウェブサイトを表彰します。」というaltがついた画像がある。これだけを見るとアクセシビリティやユーザビリティだけが評価対象のアワードのように感じられるが、同アワードの審査のページに示されている評価軸には、「デザイン表現」や「アイディア」という項目も含まれているので、決してアクセシビリティやユーザビリティだけが評価されるアワードではない。僕自身も前回まで審査員の一人として関わっていたが、アクセシビリティのことを気にする人にとって
自治体サイトWebアクセシビリティ調査2008を終えて 上／アクセシビリティコラム｜ユニバーサルワークス
第67回 自治体サイトWebアクセシビリティ調査2008を終えて 上 （2008年9月1日掲載） 2008年の自治体サイトWebアクセシビリティ調査を終えて、個々のサイトはささやかな成長をしていたり、完全に保守・運用に失敗していたり、リニュリニュサギとか、ガイドラインでっかちとかさまざまなのだが、全体的には昨年度調査時とほとんど変わらない感想を抱いた。 「もう一度言いましょうか。」というノリで毒を吐くことはできるが、昨年度はある自治体のレーダーチャートの大きさとコメントが一人歩きしてしまい、当該自治体やアクセシビリティの業界のみなさんにいくらかのご迷惑をかけてしまったかもしれないという自覚があるので、今年の毒は抑え気味にしておこうと思う。 昨年度同時期のコラムにて、「各自治体ともalt属性を正しく付けることができるようになってきたよ。次のステップとして文書構造を意識してはどうですか。」とい
情報を重複させないサイト構造 - Trans
強調したい情報がある、だから繰り返したい！でも、それってユーザビリティ・アクセシビリティは高くないかもしれないのです。 某視覚障害者のMLにて 普段はソフトウェアの使い方や近況報告のようなMLなのですが、たまに僕たちのようなサイト制作者にとっては興味深い投稿がされます。例えば、視覚障害者からのこんな内容でした。 「JR東日本のメールでのお問い合わせが使いにくくて仕方がない」という内容。というわけで覗いてみました。 情報量が多すぎる！ まず、指摘のあったその問題のページは、JR東日本：ご意見・ご要望の受付です。当ブログからでは分かりにくいのですが、実は手前のページからポップアップウィンドウで開きます。また、お問い合わせするだけなのになぜこんなにも個人情報を入力しなければならないのか、という疑問も沸いてきます。 では、このポップアップウィンドウを開く手前のページはどこなのか。それがJR東日本：
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
WEB制作（html,css(スタイルシート) )｜プログラムメモ
htmlページのボタンはマウスでクリックすることを前提に作られることが多いが、 実はショートカット（アクセスキー）というものを指定することが出来る。 ■ 指定の方法例 <a href="save.html" accesskey="s" >文書の保存</a> ■ これが実際のブラウザではどういう操作になるかというと ・Windows IE 「alt」+「s」 でフォーカスを移動させた後に「Enter」で実行 ・Windows Firefox2「shift」+「alt」+「s」 で実行 ・Windows Opera 「shift」+「esc」 で一覧表示させた後に「s」で実行 ・Windows Safari3 キーボードショートカットがないらしい(?) ・Mac Safari 「control」+「s」 で実行 ・Mac Firefox 「control」+「s」 で実行 ・Mac Opera
ALTAIR（アルティア）for Windows | Accessible & Usable
公開日 : 2008年5月14日 (2011年3月22日 更新) カテゴリー : アクセシビリティ 無料で使える音声ブラウザの例として、Firefoxのプラグインである「Fire Vox」について触れたことがありますが（ご参考：Fire Vox（Firefoxで音声読み上げ））、日本語の音声合成エンジン（SAPI5）が別途必要で、それ自体は無料で入手できない（MS Officeを買うか、SAPI 5対応の日本語音声合成エンジンが入っているソフトウェアを買うしかなさそう）ため、視覚障害者がWebサイト（ホームページ）を閲覧するには、エクストラなコストがかかってしまうではないか？という疑問を抱いていました（健常者にとっては、ブラウザ自体無料ですし、そう考えると、エクストラなコストがかかる時点で、アクセシブルでないような気がして...）。 そんな中、（恥ずかしながら最近になって）日本語の音声合成
WAI-ARIAについての現状におけるメモ - Trans
僕もまだまだ勉強中ではあるのですが、現状のWAI-ARIAについてメモしておきます。 アクセシビリティの「次」 アクセシビリティの次の流れといえば、もちろんWCAG2.0もあるのですが、個人的にはWAI-ARIAも気になるところ。WAI-ARIAって何？という方は、梅垣正宏氏のAjaxアクセシビリティを参考にしてください。 未来形ではなく、現在進行形 僕は上記のスライドを読んだとき「まだまだ未来のことなんだろうな」と思っていたのですが、どうやらそうでもないようです。 まず、YahooがUsing WAI-ARIA Roles and States with the YUI Menu Control ? Yahoo! User Interface BlogでYUI MenuをWAI-ARIAに対応させたとのこと。サンプルは、YUI Library Examples: Menu Family:
Webサイトで迷ったら戻る？再度立ち上げる？: ユーザーの生の声を届ける！ハーモニーblog
高齢者、そして音声読み上げソフト使用の視覚障害者のユーザーテストを繰り返し行ってる中で、面白い発見がいっぱいある。 その中の1つとして、 Webページを、どんどん進んで見ているうちに、少し迷ったり確かめたりしたい場合に、それぞれはどういった行動をとるのか？には、やはりそれぞれの特性があるようだ。 高齢者 「戻る、戻るとにかく戻るという行動をする傾向がある。」 視覚障害者 「わからなくなると一回リセットし最初から」 ある程度、使い慣れてくるとパンくずリストを活用する。これは共通の操作性でもある。 また、先日のテストで結構Webサイトを使い慣れている、若い視覚障害者ユーザーは、面白い行動を披露してくれた。 通常は、一つの音声ブラウザを使っているのだが、戻るのが面倒な際、効率をよくするために、別途別の音声読み上げソフトを立ちあげ、それで再度見て（読んで）いくのだ。 いちいち、戻るという行為をしな
hn要素を各エリアに配置し、アクセシビリティを高くする。 - Trans
ページの各エリアに対してhn要素を使い起点を設けることにより、アクセシビリティを高めることができるかもしれません。 ある全盲の音声ブラウザユーザの意見 最近、ある全盲の音声ブラウザユーザの意見を聞く機会がありました。彼女が主張する使いやすいWebサイトとは以下の3つとのことでした。 ページ全体の構造がイメージしやすいこと 迷子にならないように道しるべがあること 自分の行きたい場所にすぐに行けること 1つ目はWebサイトの標準的なデザインに従えば、ある程度達成できます。このあたりは、Alertbox: ウェブデザイン標準の必要性（2004年9月13日）を参考にしてください。 また、3つ目はWebコンテンツJISにもあるナビゲーションスキップである程度対応できます。ただ、ジャンプするのはメインコンテンツだけにするべきか、それともサブナビゲーションも入れるべきかなどの問題もあるとは思いますが。
視覚障害者のパソコン・インターネット・携帯電話利用状況調査2007
視覚障害者のパソコン・インターネット・携帯電話利用状況調査2007 [English] ■ 調査の概要 背景と目的 前回（2002年）の調査より5年が経ち，視覚障害者のICT（情報通信技術）利用状況にも様々な変化が生じています。とりわけ，インターネットの利用が一般的になったことと，視覚障害者にも使いやすい携帯電話が普及したことが挙げられます。そこで最新の利用状況を捉えるため，2007年5月から6月にかけて，視覚障害者のパソコン・インターネット・携帯電話の利用状況を調査しました。 調査結果をWebサイトなどで公表することで，視覚障害者支援技術のニーズを研究者・開発者らに伝え，最終的に視覚障害者の福祉に役立たせます。 方法 調査票への任意回答方式で調べました。回答者の募集方法は，視覚障害関連メーリングリストへの案内，視覚障害者用施設への調査票（点字版・拡大印刷版）の配備，視覚障害者向け新聞・放
JavaScriptを利用した動的なWebのアクセシビリティ のまとめ | Blog hamashun.com
関連リンク アクセシブルなコンテンツ、ナビゲーション、フォーム のまとめ アクセシブルなPDFとFlash のまとめ 前回、前々回の記事同様、Webアクセシビリティ ~標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践~の出版記念セミナーのまとめです。 10章の翻訳をされたのは中村精親さんですが、セミナーでは渡辺さんが話をしてくれました。 内容はアクセシブルなJavaScriptについてです。 なお、便宜上この記事では音声支援技術をスクリーンリーダーと呼んでいます。 資料へのリンク JavaScriptはアクセシビリティ的にも誤解されている JavaScriptは、アクセシビリティを妨げる使われ方が多かった。 例えば、右クリック禁止やポップアップ・ウィンドウなど。 また、アクセシブルでないスクリプトにより、JavaScriptをオフにすると利用できなくなってしまうコンテンツが
UAIアクセシビリティセミナー：一歩進んだWebアクセシビリティ
最新ニュース 2007年6月12日 プログラムの全発表題目から，発表資料にリンクが張ってあります． 2007年5月31日 セミナーでお願いしたアンケートの項目を掲載しました．紙のアンケートをご利用できなかった方は，" uai-core アット comm . twcu . ac . jp " までご回答をお寄せください． 2007年5月29日 最寄り駅のアクセス方法，会場へのアクセス方法などの情報を，会場へのアクセス情報に追加しました． 受付開始時間を12時半に繰り上げます． 2007年5月27日夜 定員に達したので、参加申し込みを締め切りました。申し込みを受け付けた方には「受け付けましたメール」を送信しました． 2007年5月27日 ITRC入会のお誘いを追加しました． 講演内容と翻訳中の本の関係を追加しました． 翻訳中の本の「1章：Webアクセシビリティを理解する」をWeb公開しました．
実践！ユニバーサルデザインWeb
コメント・トラックバック プロフィール 濱川 智 株式会社カレン マーケティング本部 ユニバーサルデザインコンダクター Webサイトやパンフレットなど、企業からの情報発信をユニバーサルデザイン(UD)へ改善する「カレン・ユニバーサルデザインWebサービス」の商品企画・コンサルティングを担当。 障害者クリエイター・NPOなど数多くのパートナーとの協業により、実際の障害者や高齢者の視点・立場を取り入れ、情報へアクセスする際の「バリアの発見」と「改善」を繰り返す「スパイラル・アッププロセス」によるデザイン設計・改善による「情報のUD」を手がける。 さらに「情報のUD」普及を目的としたセミナー講師・講演・執筆活動にも積極的に取り組んでいる。 [講演] 2005年5月：「Webアクセシビリティシンポジウム」ハーモニーアイ 2005年8月：「情報のUDがもたらす障害者就労の可
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『Web制作者ってとりあえずalt属性は空にしておけばいいって思ってるよね？ - Trans』へのコメント
Webアクセシビリティの未来が見えない - Liner Note
みんなの公共サイト運用モデル 誰でも使える地方公共団体ホームページの実現に向けて
YouTube - 見えない生活
http://hanamaru.hil.ntt.co.jp/hanamaru/check