mark要素をアクセシブルにするのにaria-label属性は有効か?

  • 2017年December 8日(Fri) 15:43 JST

Facebookで@caztcha さんがShort note on making your mark (more accessible)をシェアされているのを見て、「またcontentプロパティを使用した実装方法か…」と私がコメントした事から 記事にある実装方法がベストな方法なのかどうか@caztcha さんと色々と意見を交わしていました。 そこで私が「作業効率悪いですけど、補助的情報でも提供するならaria-label属性使った方が良いと思います。」と意見したことから、 @caztchaさんが「mark要素にaria-label属性を入れちゃうと、mark要素で括られたマーキングされている文字列は、(aria-label属性に上書きされる形で) スクリーンリーダーでは読み上げられないのでは?」と問われ、 それに@masuP9 さんが「Textnode 上書きしちゃいますね」と答えられた後、Accessible Name and Description: Computation and API Mappings 1.1の情報提供していただき「あーでも検証環境が macOS VoiceOver だとです。」と言われてたので、 私は「念のため検証してみよう」と思い立ち、実際スクリーンリーダーでどう読み上げるか検証してみました。

続きを読む (90 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

Re: A Responsive Accessible Table

  • 2017年December 2日(Sat) 13:17 JST

この記事は、Web Accessibility Advent Calendar 2017 2日目の記事です。

私が疑問に思った事をA11YJ Slackでご教示いただいた内容になるのですが、こちらを見ていないかたにもぜひ読んでもらいたいと思い記事にしました。

タイトルにあるようにA Responsive Accessible Tableの記事を読んでの感想なのですが、「Going Responsive > Adjusting to Viewport Size > Column HeadersSome Sort of Cell Label」の内容はアクセシブルではないと思いました。

続きを読む (92 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

聴覚障害者・盲ろう者のかたの生の声を聞きに行ってきました。

  • 2017年August 1日(Tue) 20:21 JST

視覚障害者のかたの生の声は聞ける機会があるのですが、 聴覚障害者のかたがネットで情報を得る時に困っている事や改善してほしい事などを聞く機会が1度しかなかったので、 聴覚障害者のかたが働かれている施設にお伺いして直接色々な事を聞いてきました。

続きを読む (27 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

3年連続で 「アクセシビリティの祭典」のセミナーに参加させていただきました。

  • 2017年May22日(Mon) 12:31 JST

2017年5月18日、神戸で開催された「アクセシビリティの祭典」D2DRAFTとして澤田さん皿海さんと3人で「WAI-ARIAの正しい使い方~あるある?ケーススタディ」をテーマに講演させてもらいました。

写真:D2Dのセッション時に使用した澤田さんの資料表紙

続きを読む (30 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

WAI-ARIA対応のタブ型 UI の読み上げ検証を行いました。

  • 2016年December 1日(Thu) 01:28 JST

この記事は、Web Accessibility Advent Calendar 2016 1日目の記事です。

A11YJ Slackで「タブ型 UI についてどうマークアップすればベストなのか?」という話題について色々と議論がなされており、私もかなり気になったのでWAI-ARIA対応のタブ型 UI をスクリーンリーダーがどのように読み上げるか検証してみました。

続きを読む (27 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

I verified how to read many ARIA tab interface example by screen readers.

  • 2016年October17日(Mon) 23:13 JST

続きを読む (161 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

Firefox 49 の音声読み上げ機能を試してみました。

  • 2016年September24日(Sat) 13:59 JST

Firefox 49公開。デスクトップ版は日本語対応の音声読み上げ機能を新搭載、Android版はオフライン表示に対応という情報をキャッチしたので早速試してみました。

続きを読む (10 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

今年も「アクセシビリティの祭典」で話させていただきました。

  • 2016年May21日(Sat) 15:32 JST

2016年5月19日、神戸で開催された「アクセシビリティの祭典」D2DRAFTとして澤田 さんと菱川 さんと3人で「ここが知りたい!実務で活かすアクセシビリティとは」をテーマにセミナーを講演させてもらいました。

続きを読む (23 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

アクセシビリティの祭典で熱いセミナーを講演!

  • 2015年February 6日(Fri) 14:00 JST

2015年2月3日、神戸で開催された「アクセシビリティの祭典」でD2DRAFTとして菱川 さんと「アクセシビリティ、制作者も自分目線で考えてみよう!」セミナーを講演させてもらいました。

話を聞いていただいた人の中で1人でも多くの人にアクセシビリティの大切さと基本的な事が伝わるようにと心を込めてお話しさせていただきました。

続きを読む (23 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ

HTML5のサイトをIEを使用しPC-Talker7で読み上げた際の不具合見つけたよ

  • 2014年September16日(Tue) 17:54 JST

少し前からCMSのテーマを作成しており、確認作業の1つである音声読み上げの確認をPC-Talker7(Windows7 Internet Explorer11.0.12の環境)で 行っていたところ、ヘッダ部分を2度読み上げ、コンテンツ部分を2度読み上げ、フッタ部分を2度読み上げる事がわかりました。

続きを読む (15 ワード)

  • この記事をfacebookでシェアする
  • この記事をtwitterでRTする
  • 記事を友人にメールする
  • 印刷用ページ