ウェブアクセシビリティを理解する #a11y

本

ウェブアクセシビリティを理解し、対応を進めていく中で知っておきたい知識を経験談を交えて紹介しています。なお内容はランダムで特に順を追った話ではありません。ウェブアクセシビリティ初…

運営しているクリエイター: #a11y tips:PDFとウェブアクセシビリティ by moya

#アクセシビリティ

横書き縦書きとアクセシビリティ

最近、縦書きの文章に触れたのはいつでしょうか。自分はと思い起こすと、今読んでいる図書館で借りた文芸書は縦書きですし、Noteでや先日コミティアで頂いた作品は縦書きが多いですが、仕事で読む資料も大学のテキストも皆横書き。こうしてウェブサイト上で文章を読むのも横書きで、仕事柄縦書きの文章を読まないまま一日が過ぎるということも珍しくありません。人によっては縦書きは読みにくいと感じるかたもおいでではないでしょうか。文部科学省が行っている調査「国語に関する世論調査」の最新(平

なぜ「Webアクセシビリティ」なのか

昨日、スクリーンリーダーの話をnoteしましたので、表題に関わるパーツがほぼ揃ってきたようです。若干足りない箇所もありますが、思い立ったが吉日。えいやと投稿します。先に言ってしまうと、何でもかんでも絶対Webアクセシビリティに対応せよ、というつもりはありません。例えば、金銭的な負担、人手、或いは必要なデザインや機能等々に多大な犠牲を払っても対応せよという偏った話ではないのです。ここで合理的な配慮というものがキーワードになりますが、それについては「合理的な配慮とは何か、を考

メモ:スクリーンリーダーのシェアとその推移

noteで久しぶりのウェブアクセシビリティネタ。去る8月10日(日)に福岡で、アクセシビリティの勉強会"Accessibility Step Vol.01"が開催されました。遠方ですのでtwitterにて、現地にいる方たちがハッシュタグ付きで呟いてくださっている会の内容を追いかけているうち、スクリーンリーダーに関する情報で気になることがあったことに端を発し、そこからスクリーンリーダーの利用状況等話をtwitter上で複数人の方とやり取りすることができました。その時

Webアクセシビリティに取り組みたい方へ:無料セミナー「これから取り組むWebアクセシビリティ 2018 夏」

情報通信アクセス協議会とウェブアクセシビリティ基盤委員会（WAIC）主催で、無料のセミナーが開催されます。これから取り組むWebアクセシビリティ 2018 夏 JIS X 8341-3を活用したアクセシビリティの確保や向上に「これから」取り組む、ないし取り組みを検討されている、官公庁、自治体、独立行政法人等の職員のかたや、一般企業のWeb担当者のかた、Web制作者のかたを対象としています。質疑応答の時間もありますので、セミナーの内容以外にも日頃生じているWebアクセ

re: 色彩検定UC級

拝読させていただいている、図解書きの山田太郎さんが、色彩検定UC級についてのつぶやきをnoteに書かれていたので、これに今日は関連してのお話。なので、今日のタイトルは「re:」にしてみました‥。余談ですが、メールのre:って、responseやReply、returnじゃないんでしたよね‥あ、この話は明日にしましょう。色彩検定UC級へのリンクについては山田太郎さん@図解書き経由でぜひ。(山田太郎さん、勝手に便乗ごめんなさい) Webアクセシビリティに関する日本工業規

府省庁のウェブアクセシビリティ方針と公開事例一覧

卒業研究と来月後半の単位認定試験とがあるというのに、他の調べものを始めてしまい止まらなくなってしまっています。困ったものだ。今日は府省庁のウェブアクセシビリティ方針公開事例について。ウェブアクセシビリティ方針とはウェブサイトを運営している府省庁、企業、団体などが、文字通りそのウェブサイトのアクセシビリティをどの様に取り扱っていくか明文化したものである。拠り所としているもの、対象範囲、目標の適合レベルと達成状況、また達成する期限を検討し、文書化したものを各団体ホームページ

スキップリンクの実装状況

以前は必要と思われた技術やツールが、経年それを補う手立てが出現するなどし存在意義が薄れるというのは、ままあることだ。特にインターネット周辺技術は移ろいが早く、関わっている私としては振り返るとずっと何かしら学んでいる状態になっている。この先も同様だろう。(好きじゃないとやっていられないと思うこともある‥) この状態、私だけではない。先日もこのようなツイートが目に留まった。さてさて、本日はスキップリンクの実装状況について。ブロックスキップとスキップリンクとはWCAG 2.

ウェブサイト上でみられる文字拡縮や読み上げツールについての調査(4)

公共機関のウェブサイトで見かける、文字拡大・縮小切り替えボタンや読み上げツールについて調査しています。今回は「読み上げツール」についての調査の続編です。これまでの調査については、次のマガジンにまとめました。 > 文字拡縮ボタンや読み上げツール実態調査 #a11y PDFファイルが読み上げられない音声読み上げツール今日は「読み上げツール」がおススメできない、更なる理由の続き。Read Speaker EnterpriseとRead Speaker Speech Panelを

ウェブサイト上でみられる文字拡縮や読み上げツールについての調査(2)

note公式の #デザイン記事まとめに、前回の「ウェブサイト上でみられる文字拡縮や読み上げツールについての調査(1)」(2018年06月10日)を入れて頂きました。ありがとうございます。今回はその続きです。前回は公共機関のウェブサイトで見かける文字拡大・縮小切り替えボタンについて分類したことをお知らせした。ウェブアクセシビリティの支援を目的にウェブページのヘッダー部分に付いているもので、調べてみると文字サイズの変更は殆どが2段階もしくは3段階に分かれていた。更にデザ

ウェブサイト上でみられる文字拡縮や読み上げツールについての調査(1)

公共機関のウェブサイトをみていると、ヘッダー部分にウェブアクセシビリティの支援として文字拡大・縮小切り替えボタンや音声読み上げボタンが付いているのを見かける。私自身は文字拡大や音声読み上げツールの組み込みは不要と考えている。(特に、後者) ウェブサイトを閲覧するときに音声読み上げが必要なユーザーは、その公共機関以外のウェブサイトも使っているだろうし、そこのページにたどり着くためには何らかの音声読み上げソフトなどを自分のPCにインストールして使っているだろう。スマートフォン

動画のウェブアクセシビリティ対応「音声ガイド」

これまで動画のウェブアクセシビリティ対応に関係するnoteを2回公開いたしました。今回は動画の「音声ガイド」について取り上げます。動画にもアクセシビリティ対応が必要で、ウェブアクセシビリティの規格であるJIS X 8341-3には動画に関わる適合レベルがあることに触れた。また「キャプション」について取り上げた。今回は「音声ガイド」を。まずは関連するJISについて。収録済み映像コンテンツに関するJISそもそもJISには3つのレベル「適合レベル」がある。レベルA、レ

ウェブアクセシビリティは辞書に載ってるのかな?調査

ウェブアクセシビリティに関係する言葉は、一般的にどこまで浸透されているのだろうか。聞いたことがないというかたが断然多いだろう。もっともなことだと思う。実はWebの仕事に関わっているかたの中にはだいぶ浸透してきているが、知らない人はまだまだ多い。ただ、「障害を理由とする差別の解消の推進に関する法律」（いわゆる「障害者差別解消法」）が2016年4月1日に施行され、また2020年に控えた東京オリンピック・パラリンピックを前に少しづつ知っていると答える人が増えてきたと感じる。

自分の思う"マイノリティ"という位置づけは正しいのか_後編

おはようございます。moyaです。 6月になりました。こんな堅苦しい内容にも関わらず、たくさんのかたに見て頂けて嬉しいです。今月もよろしくお願いします。前回「自分の思う"マイノリティ"という位置づけは正しいのか_中編」では、少数派の生活のしづらさをコミュニケーションを通じて解決できそうだと記した。 (第一回目である前編はこちら→ 自分の思う"マイノリティ"という位置づけは正しいのか_前編) 今日は自然界を生きている動物たちのマイノリティはどうしているのだろうというところ

自分の思う"マイノリティ"という位置づけは正しいのか_前編

ここ数年で耳にするようになった言葉のひとつに「マイノリティ」があります。単純に自分が多数派あるいは少数派と考えていないでしょうか。ウェブアクセシビリティを考える上で、今回は「マイノリティ」について見つめなおすことにしました。手話言語条例制定の全国的な動き2011年に障害者基本法が改正された。このとき、第一章総則第三条「地域社会における共生等」に次のように記された。三　全て障害者は、可能な限り、言語（手話を含む。）その他の意思疎通のための手段についての選択の機会が確