スクリーン・リーダーを用いたチェックの実施方法 — freeeアクセシビリティー・ガイドライン Ver. 202411.0-RELEASE+5.1.0
ここでは、主要なスクリーン・リーダーを用いてチェックする場合に推奨される設定や最低限知っておくべき事項について説明します。 なお、freeeでは以下の方針でスクリーン・リーダーによるチェックを実施しています。 PC向けWeb Windows上のNVDAとGoogle Chromeで動作確認し、動作しない場合は当該チェックの結果をNGとする macOS VoiceOverによるチェックは、スタティックなコンテンツや既にNVDAでの動作確認が完了しているUIコンポーネントに限定し、その他のチェックはNVDAで実施する モバイル・アプリケーション iOS VoiceOver、Android TalkBackそれぞれでで動作確認し、動作しない場合は当該チェックの結果をNGとする
絵文字をスクリーンリーダーに読み上げさせてみた | アクセシビリティBlog | ミツエーリンクス
以前に同僚と少し絵文字に関する話をしていたこともあり、ふと、絵文字はスクリーンリーダーでどう読み上げられるのかということが気になって、ごく簡単に読み上げさせてみましたという話です。 筆者の自宅の環境がWindowsとAndroidであることから、読み上げのテストにあたっては、NVDA、Windowsのナレーター、TalkBackで試してみました。以下にテスト環境を記しておきます。ブラウザーによる違いは見られなかったので、これについては省いています。 Windows バージョン 1909（OS ビルド 18363.836） NVDA 2020.1jp Android 10 TalkBack バージョン 8.2.0.303936097 以下が4つの絵文字について読み上げテストを実施した結果になります。言語については、lang属性を付与して読み上げさせました。 笑顔を表す絵文字と各スクリーンリー
Creating Accessible SVGs | Deque
Creating Accessible SVGs Scalable Vector Graphics (SVGs) have been around since 1999, but they have seen a real resurgence in use as design interactions have become more complex and CSS/JavaScript have replaced antiquated animation programs such as Adobe Flash. There are plenty of reasons to use SVGs today including: Browser support – Increased native browser support of SVGs means better consisten
iPhone支援機器Rivo2 | 株式会社ラビット
【ファームウェア更新のサポートについて】 Rivo2本体をラビットに送っていただき、こちらで更新作業を行う場合は、往復送料のご負担をお客様にお願いしております。 遠隔サポートで、ファームウェアの更新を行う場合は、通常のサポート料金が発生しますので、予めご了承ください。 1本指 ジェスチャ 内容 Rivo2コマンド 左スワイプ 前の項目へ移動 4 右スワイプ 次の項目へ移動 6 上スワイプ ローターで前の要素に移動 2 下スワイプ ローターで次の要素に移動 8 ダブルタップ 項目の実行 5 ホームボタン ホーム画面に移動 0 ホームボタンを素早く2回 APPスイッチャーを開く 0を２回 ホームボタンを長押し iPhone側でSiriの呼び出し 0の長押し(0で終了) (ホームボタンがない場合) Rivo2側でSiriの呼び出し R1 + 3(オーディオ
HTML の lang 属性が違うと iOS 版の VoiceOver で日本語が読み上げられない問題について - Qiita
日本語が書かれているページなのに、 iOS の VoiceOver だと英語しか読み上げないページがあった。なんとなく Lang 属性の指定が問題なのかな？と思いながら検索したところ、やはりそのようで、 iOS の VoiceOver については HTML の Lang 属性で読み上げる言語を変えるらしい。(2017 年 4 月 23 日追記：テストしたページの文字コードは UTF-8) 以下はそれに関するチェック方法について。 iOS の VoiceOver での読み上げが Lang 属性に左右されることが書いてあったリソース VoiceOver は HTML の lang 属性値によって読み上げる言語を切り替えるのか •• connecting dots 【iPhone 3GS使用レポート5】 バージョンアップで向上した読み上げ機能 | アクセシビリティBlog | ミツエーリンクス
VSCodeで音声読み上げでの文章デバッグする拡張 - vscode-read-aloud-text
vscode-read-aloud-textという文章を読み上げるVisual Studio Codeの拡張機能を作りました。 azu/vscode-read-aloud-text: VSCode extension that read aloud text like Markdown and text etc… Read Aloud text - Visual Studio Marketplace vscode-speechを元にしていますが、vscode-read-aloud-textは文章の構造をパースしてから読み上げたり、読み上げている部分をハイライト表示する機能が追加されています。 Markdownなどをパースして、コードブロックなどは読み上げない textlintのプラグインを再利用してるので、現在対応しているのはMarkdown、Txt、Re:Viewのみ 読み上げるのはHe
進化を続けるWindowsのNarrator | アクセシビリティBlog | ミツエーリンクス
Windowsに標準で搭載されているNarratorというスクリーン・リーダーをご存じでしょうか？ Narratorの歴史は古く、なんとWindows 2000が発表された頃からOSとともにインストールされるようになったスクリーン・リーダーなんです。 近年普及しているWindows 10においてはこのNarratorの機能も進化しており、簡単な作業であれば他のスクリーン・リーダーにも遜色なく利用できるものになったと思います。 特に、今年4月にリリースされたWindows 10 (1803)では、WindowsのセーフモードでもNarratorが使用できるようになり、私たちスクリーン・リーダーのユーザーがこれまで操作を諦めざるを得なかったWindowsのセーフモードの操作が可能になりました。 前置きが長くなりましたが、今回は6月14日に公開されたWindows 10 Insider Prev
ユーメニューの紹介と技術上の工夫とこれから
Web Accessibility Advent Calendar 2017の12月8日を担当させていただきます、有限会社時代工房の柴田と小寺です。 「きけるおしながき umenu（以降「ユーメニュー」）」の紹介と、技術的なメモを書きます。 なお文中、「Docomoのらくらくホン」が度々登場しますが、これはらくらくホンが、スクリーンリーダを搭載したガラケーとして、視覚障害者の利用率が大変高い（高かった）ためです。 まず基本的な紹介から（柴田） ユーメニューは、視覚障害者向けのサービスです。視覚障害者が飲食店を利用する際、飲食店のメニューを知るためには、以下のいずれかの方法が確保されている必要があります。 飲食店が点字のメニューを用意している 飲食店のサイトでメニューを表示していてアクセシブルである お店のひと、あるいは同伴者に教えてもらう しかし、点字のメニューを備えている店舗は少なく、飲
入門者向け alt属性の書き方アドバイス
このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
Re: A Responsive Accessible Table - White Stage
この記事は、Web Accessibility Advent Calendar 2017 2日目の記事です。 私が疑問に思った事をA11YJ Slackでご教示いただいた内容になるのですが、こちらを見ていないかたにもぜひ読んでもらいたいと思い記事にしました。 タイトルにあるようにA Responsive Accessible Tableの記事を読んでの感想なのですが、「Going Responsive > Adjusting to Viewport Size > Column Headers と Some Sort of Cell Label」の内容はアクセシブルではないと思いました。 Column Headers まず、table要素をCSSでdisplay: blockにするとスクリーンリーダーがテーブルと認識しなくなる件についてですが、実際にWindows7/NVDA2017.3jp
SVG | Accessible Examples | test page
Accessible SVG test page Jump to: Content Links Buttons Notes Feel free to contribute via GitHub. "VO" is used as an abbreviation for "Voiceover". Narrator testing was done on Win 10 OS build 16299.522. For IE, the attribute focusable="false" should be added to the SVG element to ensure there's no double focus for links and buttons (implemented) and to ensure a decorative SVG is not focusable (not
Web担当者が知っておくべきスクリーン・リーダー利用の実際（2017年2月17日開催） | セミナー開催レポート | ミツエーリンクス
デモンストレーションを中心にスクリーン・リーダーをわかりやすく解説 2017年2月17日、当社セミナールームにて「Web担当者が知っておくべきスクリーン・リーダー利用の実際」を開催しました。セミナーではアクセシビリティに関心のあるかたに向け、スクリーン･リーダーが利用されている様子や、スクリーン・リーダーを利用したサイトの検証方法を紹介しました。 スクリーン・リーダーを利用したWeb閲覧方法からサイトの検証方法まで幅広く紹介 セミナーでは、まずスクリーン・リーダーについて簡単に説明したのち、実際に使っている様子のデモンストレーションを行いました。辻が普段使っているスピードは慣れていなければ聞き取れないほど速く、来場者の方々は驚きながら聞いている様子でした。スクリーン・リーダーはスマートフォンなど身の回りのデバイスにも搭載されていますが、来場したかたもスクリーン・リーダーを実際に体験できるよ
NVDA 2016.4 と FocusHighlight アドオン – nishimotzの日記
この記事は Web Accessibility Advent Calender 2016 の6日目の記事です。 5日目は「「画像置換はアクセシブル」じゃないよ、という話」でした。 オープンソースの Windows 用スクリーンリーダー NVDA の日本の開発者コミュニティ、NVDA日本語チームの西本です。 NVDA と Web アクセシビリティの情報提供のために Webアクセシビリティ基盤委員会(WAIC) WG2 にも参加しています。 このアドベントカレンダーにエントリーした時には NVDA （本家版）の次のバージョン 2016.4 は string freeze （翻訳者向けに新機能の追加や英語のドキュメントの更新が停止された段階）に入っていました。 翻訳者の作業締切が11月28日ごろに設定されていたことから、11月29日にリリース候補版(RC)が出て、12月6日に正式リリースになるだ
iOS and VoiceOver and an img with an svg as its source
iOS and VoiceOver and an IMG with an SVG as its source The purpose of this page is to demonstrate an iOS / VoiceOver bug where VoiceOver will not find an image that is coded as an IMG with an SVG as its source, unless the IMG tag has role=img. Even then, explore by touch does not work. Test cases 1 and 2 demonstrate the typical IMG tag with an PNG - one is an image and the other is an image link.
■障害者のホームページ利用方法の紹介ビデオ
ここではウェブアクセシビリティ維持・向上の取組の必要性を強く実感していただくため、障害者の方のウェブページ利用方法を紹介した映像等をご覧いただけます。 総務省では、平成17年度に視覚障害者（全盲・弱視）、肢体不自由者の方のウェブページ利用状況を紹介するビデオを制作・公表しました。 その後、ビデオの陳腐化や「障害を理由とする差別の解消の推進に関する法律（平成25年法律第65号）」の施行等により、公的機関のウェブアクセシビリティ確保が重要になっていることを鑑み、平成28年7月1日に「視覚障害者（全盲・弱視）のウェブページ利用方法紹介ビデオ」を更新いたしました。
読み上げソフトユーザーへの情報保障のためのプレーンテキストデータの書き方について | すちゃらかコーダー
何かを例えば、wordやPowerPointのファイル、PDF形式のファイルなどで送ったり、提供したり、公開したりする場合で、さらに提供する人に視覚障害者などの読み上げソフトを利用する方が含まれている場合には、同じ内容のプレーンテキストファイルも作成して提供することがあります。その際に気をつけていることを何点か思いつくところを参考までにまとめてみました。 あくまで私のやり方でして、これが正解というものではないとは思いますし、いつも全てをやっているわけでもありません。対象となる人が限定されるなら、その人のICTスキルに応じての話になりますし、幅広い層の不特定多数の人を対象にホームページ上で公開するとなった場合は、それなりに労力をさくという感じでケースバイケースです。この中からできるところからやれるとよいのかもしれません。 プレーンテキストデータの書き方については、毎回迷いながらやっていますの
スクリーンリーダー NVDA 日本語版の現状 – nishimotzの日記
この記事は、Web Accessibility Advent Calendar 2015、4日目の記事です。 Web Accessibility Advent Calendar に参加するのは初めてなので、自己紹介をします。 広島出身、東京と京都を経て、現在また広島在住。 2012年4月から NVDA 日本語チーム の代表としてオープンソースの Windows 用スクリーンリーダー NVDA の翻訳と日本語版開発を担当しております。 今年の夏 AccSell ポッドキャスト 第75回に出演して喋ったので、よろしければ聞いてみてください。 非営利法人 ATDO（支援技術開発機構）主任研究員として電子書籍のアクセシビリティ（EPUBやDAISY）に従事することもあります。 Web アクセシビリティに関することでは、今年から WAIC WG2（ウェブアクセシビリティ基盤委員会 実装ワーキンググル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon Pollyを使って耳で本の推敲をする - Qiita
Windows 10 のナレーターの概要 - Windows Help
Figuring out the most robust, accessible markup for SVG Sprite Icons