https://frasco.io/writing-css-with-accessibility-in-mind-4fc82b26aecb
ウェブアクセシビリティは未来像から伝え始めましょうぜ
ウェブアクセシビリティは未来像から伝え始めましょうぜ ウェブアクセシビリティの教育の話。ウェブ制作を学び始める人がウェブアクセシビリティに興味やイメージが湧くように、それが実現した未来に何が待っているのかというところから伝え始めたほうがいいんじゃないでしょうか time2014/02/04 hatenabookmark- WCAG20とかニールセンも、言ってることはステキだけど、「象牙の塔感」みたいのがあって、それが色々と敷居を高くしてる気はする。ユーザビリティの教科書なのにユーザー離脱率が高いというか。もう少しローエンド向けに書いてくれないと考えが末端まで普及しないんじゃないかとか。 — 深津 貴之 (@fladdict) 2014年 2月 4日 深津先生のこのツイート、割と同感でリツイートしたんですけど、ローエンド向けにとはまた違ったところで感じるところがあったのでその辺りの話とか、じ
目が不自由な人のネット利用に関する8つの迷信
目が不自由な人のネット利用に関する8つの迷信最近Webアクセシビリティの記事を読む機会が増えています。その中で、Webページを音声で読み上げるスクリーンリーダー（音声リーダー）についての興味深い記事があったので翻訳してみます。誰もが聞いたことがあるような、アクセシビリティに関するものですが、いくつかは間違った情報として流れているものも多いようです。また、元記事のコメント欄も賑わっていたので、そこにコメントされていたものも抜粋して紹介します。 私はフロントエンドデベロッパーとして、アクセシビリティについてはもちろん聞いた事があり、スクリーンリーダーで読みあげるのに何の問題もない Web コンテンツを作るよう、最善を尽くしてきました。しかし、多くのデベロッパーと同様、実際にスクリーンリーダーを自分で試したことはありませんでした。なんだか難しそうですし、高価だと聞いたこともあったからです。 数ヶ
読み上げ環境別検証報告：基本的な要素の通知方法2012
見出し PC-Talker 7 Ver2.11 見出しテキスト、見出しの位置、見出しレベルの順に読む 例：h1要素の内容、3の1、見出しレベル1 JAWS for Windows Ver12.0日本語版 見出しテキスト、見出しレベルの順に読む 例：h1要素の内容、見出しレベル1 NVDA Ver.2012.2.1 見出しテキスト、見出しレベルの順に読む 例：h1要素の内容、見出しレベル1 VoiceOver (Mac OS 10.7) 見出しテキスト、見出しレベルの順に読む 例：h1要素の内容、見出しレベル1 VoiceOver (iOS 5.1) 見出しテキスト、見出しレベルの順に読む 例：h1要素の内容、見出しレベル1 リスト リストの読み上げ方はその種類によって異なります。 順序なしリスト (<ul>) PC-Talker 7 Ver2.11 項目名、リストの位置、リストの個数の順
色覚障がいの方が作ったサイト【We are Colorblind】が勉強になる
色覚障がいの方が作ったサイト【We are Colorblind】が勉強になる「We are Colorblind」というサイトをご存知でしょうか？サイト名を訳すと、「我々は色覚障がい者です」。そう、色を識別することが困難なデザイナーさんの作ったサイトです。数々の例とともに、Webサイト制作における改善すべき点を指摘してくれています。とっても勉強になったので、簡単に紹介します！ Web クリエイターボックスでは以前「色覚障がい者に配慮した Web サイトの作り方」という記事で色覚障がいとは何か、どのように見えるのか、また、Web サイト制作において注意すべき点をまとめました。読んでいない方は、まずはこちらに目をとおしてみてくださいね ;) Web サイト「We are Colorblind」の中の人はオランダ在住のデザイナー、Tom van Beveren氏。サイト名のとおり、彼は色を識別
視覚障害者向け 使いやすいソフトウェアを設計するためのガイドラインを公開しました | 2012年4月4日（水） | U'eyes Design Inc.
ニュースリリース 2012年4月4日（水） 視覚障害者向け 使いやすいソフトウェアを設計するためのガイドラインを公開しました 2012年4月4日、視覚に障害のあるユーザにも使いやすいソフトウェアを開発するためのガイドラインを公開いたしました。このガイドラインには、視覚に障害のあるユーザが、どのようにパソコンを操作しているのか。設計する際にどのような点に注意すれば、視覚に障害があっても使いやすいソフトウェアになるのか。といった内容を紹介しています。 視覚障害やアクセシビリティ、音声化技術に興味をお持ちの方はのみならず、ソフトウェア開発に携わっている方も是非一度ご覧ください。 ガイドラインの概要 視覚に障害があるユーザは、パソコンの画面を見ることが困難です。しかし、画面の表示内容を音声で読み上げる技術を用いることで、パソコンを操作できるようになります。 しかし、ソフトウェアの全てが音声で読み上
HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」:phpspot開発日誌
speak.js: Text-to-Speech on the Web ? Mozilla Hacks ? the Web developer blog HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」。 テキストを音声に変えられるソフトがありますが、これをHTML5/JSで実現するためのライブラリです。 デモページ speak("hello world") のように使い方が超シンプルなのがいいですね ソースコードはgithubで公開されています ローマ字で書けば日本語も発音させられます 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」 HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery
大电电片性影影:找不到页面 大电电片性影影| RDA.辉盛
Qingdao & Zibo Address : 山东淄博高新区柳泉��路创业火炬广场(居然之家)F座807 Phone : 0533.311.8581 Email : 3118581@163.com QQ : 460253295 (9am-18pm) Website : www.rdateam.com Wechat : RDA辉盛设计 Milan, Italy Paolo Cesaretti Architetto. Address: Milano, Via Settembrini 45 I-20124 Phone：+39.02.8718.9435 Email: contact@paolocesaretti.it Website: www.paolocesaretti.it Melbourne, Australia Michael Mackenzie Consultant. Address
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
AJAX で拡張したサイト - ウェブマスター/サイト所有者 ヘルプ
JavaScript SEO の基本を理解する JavaScript には、ウェブを強力なアプリケーション プラットフォームに変える多くの機能が用意されており、ウェブ プラットフォームを支える重要な要素となっています。JavaScript を利用するウェブアプリを Google 検索で見つかりやすくしましょう。デベロッパー様のウェブアプリが提供するコンテンツを探している新しいユーザーの開拓や、以前に利用したことがあるユーザーの再エンゲージメントにつながります。Google 検索は JavaScript を最新バージョンの Chromium で実行しますが、デベロッパー様側で最適化できる項目がいくつかあります。 このガイドでは、Google 検索で JavaScript が処理される仕組みについて説明し、Google 検索に対して JavaScript ベースのウェブアプリを最適化するための
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセシビリティを加速するWAI-ARIA
http://shoonm.com/2010/03/html5css3.html
e-riverstyle.com