[Adventar] 「品質としてのHTML」という意識とウェブアクセシビリティ

このエントリーはWeb Accessibility Advent Calendar 2017 7日目の投稿です。

初日からちょうど一週間ということで、箸休め(的な)ポエムに少々お付き合いください。私から見えている世界の話を書いてみます。アドベントカレンダーの本題とは少々かけ離れた内容かもしれませんが、同じ線上のトピックということでご容赦ください。

限られた時間のそのなかでは…

今年は小さい集まりなどでウェブアクセシビリティ(以下、A11y)のことを話題にすることがありました。

まだまだデザインカンプを制作したうえでコーディングに着手することの多い、私から見えている世界。クライアントもIT・ウェブ慣れしていない方が多いため、その手法は現時点ではまだ致し方ないなと思っています。

“見た目駆動”+限られた時間でコーディング作業を進めていくなかで、A11yに取り組むには、マークアップに意欲的に取り組む方でも「対応する時間が…」「学習コストが高く感じる」「必要性がいまいち…」という思いがあるようです。

参入障壁の低いこの世界の片隅では…

マークアップに意欲的に取り組む方がいる一方で、参入障壁の低いウェブ界隈、制作者のスキルもさまざまです。

ちょっとくらいHTMLが間違っていてもブラウザが解釈してくれる場合もありますし、作り込まれた無料HTMLテンプレートもインターネット上にはたくさんあります。

また、CSSフレームワークのドキュメントに沿ったHTMLを記述したり、A11yに配慮された jQuery プラグインなどを利用したりすることで、制作者が意図していなくても、ある程度のA11yは担保されるようになってきています。(この記事を読んでくださる多くの方には、釈迦に説法だとは思いますが…。)

ともすると、文法的に正しいHTMLを知らずとも済んでしまう状況があるのも、また現実ではないでしょうか。

文法的に正しいHTMLとA11yは切っても切り離せない関係。「A11yって大事だよ」と説くより、「HTMLも品質のうちだよ」と説くことの方が先かな…と思うのです。少なくとも私から見えている世界では…。

ありがとう、ヘイドンさん

そんなことを考えているさなかに読み始めた、ヘイドン・ピカリング氏の「インクルーシブHTML+CSS & JavaScript 多様なユーザーニーズに応えるフロントエンドデザインパターン」。その冒頭にこんな一文があります。

本来、デザインの仕事とは、熟慮することです。そして、問題に対するベストな解決策を追求することです。それが「見た目の美しさ」という範囲だけでデザインをとらえることで、Webの大半は本来の意図から外れてしまっています。これは、低いアクセシビリティ、貧弱なパフォーマンス、そして全体的な有用性の低下につながります。

また、JSONから必要なデータを取り出す例を挙げ、このように続けます。

データの構造を考え、最適解を導き出すための試行錯誤をすることがデザインなのです。

このヘイドン氏の言葉を読んで、もやもやが晴れたことはいうまでもありません。「ウェブのデザインってやっぱりそういうことだよね、これまでの経験から学んできたことは間違ってなかったね…。」と心の中で小さく“ヨッシャ”しました。(ヘイドンさん、ありがとう。そして日本語で読めるようにしてくださった出版社さん、太田さん、伊原さんはじめ、関わったみなさん、ありがとう!)

コーディングする人だけじゃなくて、プロジェクトに関わる人すべてが、「HTMLも品質のうちである」と認識してくれるといいなぁ、などと思った2017年暮れでした。


来年は「良いウェブサイトとは?」「品質とは?」といったことを考える場を作ったり、インクルーシブ本(やピンク本)の布教活動など、引き続き地道な活動を続けていけたら…などと(またも)薄ぼんやり思っています。

明日8日目は kikeru_umenu さんの投稿です。よろしくお願いします。


余談:
静岡県がUDを推進していたり、文化政策学部のある大学があることから、それらに関連するUDシンポジウムや文化多様性研究の発表会に参加し、ウェブ以外でのアクセシビリティや、外国人居住者の多様性について視野が広がりました。たまにはこういうのもいいですね。

[AccFes] アクセシビリティについて、たとえば小さなフリーランサーができることは

5月18日、神戸市で開催されたアクセシビリティの祭典に参加をした。

5月の第3木曜日は世界的にアクセシビリティについて考える「Global Accessibility Awareness Day (GAAD)」。それに合わせて開催されたイベントである。

デジタル(Web、ソフトウェア、モバイルなど)のアクセシビリティとさまざまな障害のあるユーザーについて、みんなで話したり、考えたり、学んだりする機会を持つことです。(via: GAAD

当日はウェブに関わる方のセッションをはじめ、支援技術やデバイスの展示など、多くの人が会した。

イベントの雰囲気やセッションについては、公式サイトや Togetter を見ていただくとして、いち参加者として考えたことを書いてみようと思う。

※ この記事でのアクセシビリティとは、主にウェブアクセシビリティを指す。

大きなA11y、小さなA11y

A11yとは“Accessibility”の略である。そう、長い。
Aとyの間に11文字あるので、そう略されるようだ。

今回の祭典は、始発の新幹線で神戸に入り、朝イチから参加をした。
全体を通して感じたのは、チームやプロダクト、上流工程から関わる受託案件に話が寄っていたなということ。そこに集まるのはアクセシビリティを推進していたり、ウェブを作るうえでの重要事項として高い興味を持っている人たちなので、そうなることは必然的だ。

それはさておき、障害者差別解消法が施行されてから1年が経ち、いろいろなウェブサービス企業でのアクセシビリティの取り組みを聞くようになった。

企業がアクセシビリティに取り組むこと、それが社会的意義のあることだと認知され、チームでの取り組む姿勢や、プロダクトをアクセシブルにすることなど話題に欠かない。非常に素晴らしいことだと思う。

こういった流れを仮に「大きなA11y」としよう。反対に、予算や規模の小さい案件、それにおける下流工程、小さな現場での取り組みなどの流れを「小さなA11y」とする。

図:大きなA11y、小さなA11yのイメージ

私は「小さなA11y」に属するフリーランサーだ。コーディングのみの案件や、小さな商店のウェブサイトを主に制作している。仕事の大半が納期との戦いだったり、アクセシビリティ以前の問題(とりあえず作りたい、売上げを伸ばしたいなど)を抱えていることが多い。そしてほとんどの場合で、アクセシビリティは制作者の良心に任せられている。

そんな「小さなA11y」において、アクセシビリティに取り組む意義とはなにか、それがこの先、仕事にどう繋がっていくのかと考えていた。

とはいえ、参加が無意味だったかのかといえば、それは違う。
神戸市の取り組みはアクセシビリティ継続には組織性が大事だと教えてくれたし、初めて目にするユーザビリティテストは、新しい物の見方を提供してくれた。

エンタメ要素あり、ハイエンドな内容あり、違う価値観、アプローチを楽しく感じ取ることができた1日であったのだ。そして小さなフリーランサーとして何ができるか、あらためて考えた1日でもあった。

アクセシビリティに取り組みたい小さなフリーランサーに、なにができるか

では、私のような小さなフリーランサーにできることはなにか。
すでに実践しているものも含め、思いつくままにいくつか挙げてみる。

  • 自分ひとりでできること
    • 自分の技術の精度を上げる、磨く
    • アクセシビリティに取り組めるプロジェクトを自ら持つ
    • イベントに参加する、ブログに書く
  • 周りの人(制作者)とできること
    • 自分なりの啓蒙ツールを作る(精神の再翻訳)
    • パートナー先やローカルでの啓蒙活動(勉強会)
    • 勉強会でLTする
  • 第三者にできること
    • 中小の経営者層への相談窓口になってみる
    • 自治体の広報モニターをしてみる

実に地味である。
アクセシビリティはUXなどに比べて“キラキラ感”が足りない、効果が見えにくいといった話題も質疑応答セッションで挙がった。しかし、私の周囲においては、まだまだこの地味な活動が有効ではないかと思っている。

図:自分ひとりでできること、周りの人とできること、第三者にできることのイメージ

自分ひとりでできること

ひとりで勉強すること、そしてそれを実践する場を持つこと。
自分のブログでも、ボランティアのサイト運営でも、何でもいいと思う。

周りの人とできること

自分の周りの制作者の温度感に合わせて、アクセシビリティを再翻訳してみる。言い換えるなら、先に立ってアクセシビリティを推進している人たちの言葉を再構築してみる。

どうすれば身近な問題と捉えてもらえるか、どんな情報がインパクトを与えるか。素材にできるものは以前より増えている。それらを使って自分のツールを作ってみる。

それをもって勉強会を開いたり、自らLTをしてみる。

第三者にできること

どこの自治体にも広報誌というものがある。そして広報モニターというものもある。広報誌にとどまらず、ウェブサイトやラジオ番組などもモニターの範囲に含まれる。自分の住んでいる自治体の広報モニターになって小さな一石を投じてみる。

これはもう少し先の話かもしれないが、地域社会でアクセシビリティの機運が高まったら相談窓口になってみる。組織に属さないからこそ、自由な活動ができる。

とにかくローカルで声をあげ続けること。
「小さなA11y」を自分の周りから広げていく、小さなフリーランスの役割は“やはり”そこなのだなと考えている。

まとめ

アクセシビリティは公共性の高い問題だ。本当のところは“大きい”も“小さい”もない。そしていろいろな視点を通して語られる・語っていい問題だと思う。関わる人によって見える世界が違うように、考えるアクセシビリティもまた違うのだ。

そして、いきなり高尚なことをしたりする必要はないとも思う。GAAD のサイトにもこのように書かれている。

テクノロジーを障害のある人々に対してアクセシブルにしたり、その使い勝手を向上させたりすることに関心がある人でも、現実にはどのように何から着手すればよいかが分からないことが少なくありません。まずは、知ることから始めましょう。(via: GAAD

興味があるのなら、まずは知ることから始めよう。それこそがアクセシビリティへの第一歩である。そして、そんな人々の助けになるような制作者となれるよう、私は引き続き目指していきたい。


P.S. 1さまざまな価値観や意見に触れ、考えを深める場を作ってくださったアイ・コラボレーション神戸、およびインフォアクシアのみなさまに、あらためまして感謝申しあげます。来年はもう少し勉強して参加します。

P.S. 2 懇親会でアクセシビリティおじさんに「アクセシビリティかあさん」を公認いただいたので、今後は肩書きに加えようと思います。