ウェブ制作者のための「はじめてのiOS VoiceOver」チュートリアル（初級編）
先日Twitterでアンケートをしたらウェブ制作に関わる方々でスマホの読み上げ機能を使ったことがある方が少ないとのことだったので、はじめてiOS VoiceOverを使うときに困らないように、スクリーンリーダーの超初心者の僕がハマったところや難しいと感じたところをふまえて、チュートリアル的に使い方をまとめてみます。 iOS VoiceOverを初めて使う方のお役に立てれば幸いです。順を追ってiOS VoiceOverに一緒にチャレンジして行きましょう！ 中級編（ローター編）も書きました！ 目次 以下、ページ内のセクションへのリンクです。 VoiceOverをショートカットに入れておく VoiceOverがオンの時にロックスクリーンを解除する方法 iPhoneの画面が突然真っ暗になってしまったら VoiceOverでページを読んでみる ページの最初から続けて要素を読み上げる ページをスクロー
ショッピングアドインを無償提供
2016年7月4日より提供開始 ※MySupportまたは、NetReaderⅡのヘルプメニューから、NetReaderⅡをVer.2.23以上に更新してご利用ください。 セキュリティに関しての補足 商品検索から、ショッピングサイトの利用まで、セキュリティで保護された通信(SSL)を採用しています。また、アドインソフトで個人情報が取得・収集されることはありません。 NetReaderⅡのご案内 使いやすさを追求したシンプルブラウザ NetReaderⅡは、自由なカーソル移動で、軽快にWebページを読むことができる音声ブラウザです。 パソコン用のWebページはもちろん、スマートフォンでしか表示されない専用ページも簡単に楽しめます。 PC-TalkerやNetReader Ver.1をお使いの皆様は、各種アドイン機能でさらにパワーアップしたNetReaderⅡを、ぜひ、この機会にお求めください
Use SpeechSynthesis and SpeechRecognition on Browser - latest log
Web Speech API を使えば、ブラウザ上で音声合成と音声認識が出来る時代らしいです。 Safari と Chrome で音声合成が利用できます。Chrome ならさらに音声認識も利用できます。 手軽に利用できるように、WebModule ベースの Speech.js Module を作ってみました。 iOS Safari Chrome for Android PC Chrome Electron NW.js 音声合成 OK OK OK OK OK 音声認識 OK OK OK OK こんな感じで使います (ボイスコマンド部分は3分で実装した感じのアレなコードです) var speech = new Speech().load({ name: /Kyoko/i, lang: /ja/i }); // ボイスのロード var recognizer = new Speech().crea
The web accessibility basics - Marco's Accessibility Blog
I’ve been asked again and again over the years what the absolute basics of web accessibility are. And while I always thought that it is not so difficult to find resources about these basics, the recurrence of that question prompted me to finally write my own take on this topic. So here it is, my list of absolute web accessibility basics every web developer should know about. Alternative text for i
国勢調査のインターネット回答をしつつ、アクセシビリティはどうか見てみた
今年は国勢調査の年で、インターネット回答に関する書類が手元に来ました。早速回答をしながらアクセシビリティはどうか、少しチェックしてみました。回答にはあえて普段使っているMacBook Proは使わず、家族共用のWindows 8.1マシン、ブラウザはInternet Explorer 11を利用しました。また、音声読み上げ対応かにこだわるわけではないですが、スクリーンリーダーであるNVDAも起動して回答しました。ちなみに、2010年は東京都に住んでいてインターネット回答をした記憶があるので、インターネット回答は2回目です。 結論を書くと、アクセシビリティに関しては、やはり（と想像してしまう状況がアレですね...）イマイチという結果になりました。次回の調査では、回答画面のアクセシビリティが高まることを期待します。 気付いた点を以下に列挙します。（画面キャプチャは念のため止めておきます。） 画
WebAIM: CSS in Action - Invisible Content Just for Screen Reader Users
CSS in Action Invisible Content Just for Screen Reader Users You are here: Home > Articles > CSS in Action: Invisible Content Just for Screen Reader Users Introduction There are occasional instances where content should be made available to screen reader users but hidden from sighted users. In the vast majority cases, content that is available visually should be available to screen reader users, a
HTTP/2の現状とこれから
The document discusses graph databases and their properties. Graph databases are structured to store graph-based data by using nodes and edges to represent entities and their relationships. They are well-suited for applications with complex relationships between entities that can be modeled as graphs, such as social networks. Key graph database technologies mentioned include Neo4j, OrientDB, and T
ジョブズがMicrosoft開発者イベントで行った貴重なプレゼンテーション映像
By Kelly Abbott Appleの元CEOであるスティーブ・ジョブズの魅力はたくさんあり、その中でも人の心をつかんで離さない神がかったプレゼンテーションは特に有名で、今でも過去のプレゼンテーションのムービーがインターネットにアップロードされ続けています。そのジョブズがMicrosoftの「Professional Developers Conference(通称：PDR)」で1996年に行ったプレゼンテーションがChannel 9に公開されており、人の心を引きつけるテクニックはこの頃から相当のものだったことが確認できます。 PDC 1996 Keynote with Bob Muglia and Steve Jobs | PDC 1996 | Channel 9 http://channel9.msdn.com/Events/PDC/PDC-1996/PDC-1996-Keyno
WEB アクセシビリティーとリストタグ | アドベントカレンダー | chabin's cafe
Web Accessibility Advent Calendar 2014 12月16日を担当しますchabin_desugaです。よろしくお願いします。身体に障害があります。 さっそく本題 今年6月にTwitterでこんなことをつぶやきました。 そうです。案件で箇条書きにする必要があったのです。色の話・スクリーンリーダーの話・リンクボタンの話・・・いろいろWEBアクセシビリティで取り組まなくてはいけないものはいろいろありますが、今は「これスクリーンリーダーでは読み上げるの？」の一点止まりになってしまっています。この点は、来年以降の自分の課題になっていくと思われます。 とりあえず リストタグを使ったテストページを作り、友人のスクリーンリーダーユーザーに「これどう読み上げるの？」的に投げてみました。 ページとcssの構造は以下のとおり。(ページ内容はつけましたが適当に他の人のページをコピペ
目が不自由な人のネット利用に関する8つの迷信
2013年3月23日 アクセシビリティ 以前「Webアクセシビリティは、誰がどう必要としているのか？」という記事を書きましたが、最近Webアクセシビリティの記事を読む機会が増えています。その中で、Webページを音声で読み上げるスクリーンリーダー（音声リーダー）についての興味深い記事があったので翻訳してみます。誰もが聞いたことがあるような、アクセシビリティに関するものですが、いくつかは間違った情報として流れているものも多いようです。また、元記事のコメント欄も賑わっていたので、そこにコメントされていたものも抜粋して紹介します。 ↑私が10年以上利用している会計ソフト！ 私はフロントエンドデベロッパーとして、アクセシビリティについてはもちろん聞いた事があり、スクリーンリーダーで読みあげるのに何の問題もないWebコンテンツを作るよう、最善を尽くしてきました。しかし、多くのデベロッパーと同様、実際に
Re: アクセシビリティ・サポーテッドの功罪
2014年3月18日 著 梅垣さんの久しぶりの記事、 アクセシビリティ・サポーテッドの功罪を読んでの感想。あらかじめ書いておきますが、何かこう明確な自分なりの回答というのを持ち合わせてこれを書いているわけではありません。酔ってるし（謎）。 アクセシビリティ・サポーテッドは障害者がWebにアクセスする権利を何とか守ろうとして編み出された考え方です。しかし一方で、実際にWebを作ろうとすると、何が正解か、ということについて大きな悩みも生み出しているのです。 この感覚、凄くよくわかります。厳密にどちらがどう、という比較をしたわけではないし、そもそもそんな比較は不可能だって思ってもいるけど、HTML5やその周辺技術の仕様策定スピードだとか、Webデザインにおける新たな表現手法が編み出されるスピードなんかと比べると、どうもUAとか支援技術側の対応スピードの遅さには気が滅入ってしまう。 WAI-ARI
What is WAI-ARIA, what does it do for me, and what not? - Marco's Accessibility Blog
On March 20, 2014, the W3C finally published the WAI-ARIA standard version 1.0. After many years of development, refinement and testing, it is now a web standard. But I am often asked again and again: What is it exactly? What can it do for me as a web developer? And what can it not do? I often find that there are assumptions made about WAI-ARIA that are not correct, and the use of it with such wro
WAI-ARIA for screen reader users: An overview of things you can find in some mainstream web apps today - Marco's Accessibility Blog
After my recent post about WAI-ARIA, which was mostly geared towards web developers, I was approached by more than one person on Twitter and elsewhere suggesting I’d do a blog post on what it means for screen reader users. Well, I’ve got news for all my blind and visually impaired readers: You’re not getting one blog post, you’re getting a whole series instead! 🙂 This blog post will kick it off,
Text link Accessibility: aria-label and title attribute
Notes: For JAWS, the above behavior is the same in Firefox and Internet Explorer (Windows 7). NVDA was tested only with Firefox VoiceOver was used with Safari on OSX and iOS Default verbosity settings were used for all screen readers. The test links are not indicative of markup to be used for download links for PDF (or other) file types. Conclusion: JAWS 15 provides the best user experience follow
How to Make Your Presentations Accessible to All | Web Accessibility Initiative (WAI) | W3C
Do you remember a time when people around you broke out in laughter, but you didn’t hear the joke? Be careful not to leave out information for some people in your audience. For example, if you say “you can read it on the slide”, you are probably excluding people who cannot see the slide. Be open to diversity in your audience and any accessibility issues. Basically, be aware that some of your audie
1スクリーンリーダー利用者としての私のWeb閲覧環境 | アクセシビリティBlog | ミツエーリンクス
私は、セミナーなどでスクリーン・リーダーを使ったデモンストレーションを行う時などに、「普段はどのような環境でWebを見ているのですか？」と尋ねられることがよくあります。スクリーン・リーダーにもさまざまな種類があり、今日では使用できるWebブラウザーの種類も増えてきたことから、スクリーン・リーダー利用者がどのような環境でWebにアクセスしているのかについて気になる方もいらっしゃるかもしれません。 そこで本日は、1スクリーン・リーダー使用者として、私が普段仕事やプライベートでどのような環境からWebにアクセスしているかをご紹介したいと思います。 仕事は主にJAWSとFirefoxで 私が当社でアクセシビリティ・エンジニアとして働き始めた2006年当時、Webの閲覧にはInternet Explorerを使用していました。当時はそれ以外の選択肢はほとんどなく、英語版のJAWS 7.0がようやくF
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
視覚障害者（全盲）のウェブページ利用方法
画像認証への対処法
ブログ一覧 | ギークス株式会社 採用サイト - Part 20140122
LinkedIn Login, Sign in | LinkedIn