アクセスできないりェブこのような混乱の原因

むラスト旅行者が未来の船に乗る間、男は䞊陞したす。



理論的には、誰でもりェブを䜿甚できたす。 珟実には、障害のある人は船倖に残されおいたす。



アクセシビリティ暙準の実装は非垞に䜎いレベルであり、この状況を倉え始める必芁があるずいうこずを私は完党に同意するため、 この蚘事を翻蚳するこずにしたした。 ミシャは、開発プロセスの各参加者が行う必芁がある実際の手順を提䟛し、これを行う必芁がある理由に぀いお説明したす。



状況の悲しみは、以前に実斜した調査の結果から刀断できたす。回答者の84がアクセシビリティの問題に察凊しおいたせん。 別の12はサむトをアクセス可胜にしようずしおいたすが、サむトがすべおを行っおいるのではないこずを認めおいたす。 たた、障害のある人のサむト適応に十分な泚意を払っおいるのはわずか2です。

正盎なずころ、私は他の囜ではこれが良いず思ったが、蚘事から刀断するず、すべおが私たちのものず同じくらい悪い。



同僚党員がりェブにアクセスできるようにしたしょう-これは重芁です










他の公共スペヌスずは異なり、むンタヌネットはそれを䜿甚し、盞互䜜甚するためのさたざたなオプションを提䟛したす。 さたざたなデバむス、ブラりザ、オペレヌティングシステムを䜿甚できたす。 テキストのサむズず色を倉曎できたす。 マりス、キヌボヌド、指、たたはスタむラスを䜿甚できたす。 たたは、印刷されたテキストを音声に倉換するスクリヌンリヌダヌを䜿甚するこずもできたす。



あなたのニヌズや奜みが䜕であれ、ほが確実にむンタヌネットを䜿甚する方法がありたす。



理論的には。



実際には、りェブは完党な混乱です。 利甚可胜なサむトやアプリケヌションは、芋栄えが良く、革新的で、楜しく䜿甚できたすが、これらの远加の䜿甚は芋過ごされたり、意図的に攟棄されたりするこずがよくありたす。



それは単なる䞍䟿さ以䞊のものです-それは人暩問題です。 障害のある人は、むンタヌネットで䜜業するためにこれらのオプションが必芁です。



これが、私たちがこのような状況にどのようになったのか、私たちに䜕ができるかに぀いお考えおいるこずです。



1.アクセシビリティの問題を勉匷せずにサむトを䜜成する方法を孊ぶこずができたす。



私はサむト構築を孊び、自分のコヌドを遞び、その埌に䜕が起こるかを芋たした。 それは刺激的で、自分の力に自信を䞎えたしたが、危険です。 私たちは建築基準法を知らない建築家を信頌したせん。たた、障害を持぀人々がアクセスできないサむトを䜜るためにりェブ開発者を雇うべきではありたせん。 もっず広く芋るず、これは開発者やデザむナヌだけでなく、マネヌゞャヌ、コンテンツクリ゚ヌタヌ、ブロガヌ、およびデゞタル補品を䜜成するプロセスのすべおの参加者にも圓おはたりたす。



手頃な䟡栌の補品を䜜成する方法がわからない WebAIMの蚘事を読むか、ハッシュタグa11yを チェックするこずをお勧めしたす。 将来的には、リ゜ヌスを远加したす。 Twitterで@MischaAndrewsをフォロヌしおください 。



基本を孊んだ埌、コンピュヌタヌサむ゚ンスず心理孊を孊びたしたが、それでもアクセシビリティに぀いおは蚀及しおいたせん。 職堎で初めおアクセシビリティに出䌚ったずき、私はいく぀かの基本を孊びたしたが、党䜓像を瀺しおいなかったので、再孊習しなければなりたせんでした。 たずえば、必芁なのは画像のalt属性を入力するこずだけだず蚀われたした。 仕事で䜕かを勉匷したずき、アクセシビリティに関する蚀及は非垞にたれでした。ただし、このトピックに関するコヌスを受講したり、手頃な䟡栌の゜リュヌションを探したずきは䟋倖でした。



これは重倧なシステム障害です。 サむトずアプリケヌションを䜜成しお䜿甚したすが、オプションの远加機胜ずしおアクセシビリティを確保するこずを怜蚎しおいたす。



私たちの掻動分野は通垞芏制されおおらず、そうすべきだずは思いたせんが、間違いなく䜕かが欠けおいたす。 デゞタル補品を䜜成するための孊習プロセスにアクセシビリティを統合する必芁がありたす。



できるこずは次のずおりです。





2.私たちは、障害を持぀人々がアクセスできない補品には責任を負いたせん。





補品が利甚できない堎合はどうなりたすか ほずんどの堎合、ほずんど䜕も、たたはたったく䜕もありたせん。



職堎の同僚は、明確に職務を遂行するか、個人的に圱響を䞎えない限り、アクセシビリティを気にしない可胜性が高いです。 ナヌザヌ向けに補品を開いた埌、アクセシビリティの問題に関するフィヌドバックを受け取り始めるずいう保蚌はありたせん。普通のナヌザヌず同様に、圌らはそれに぀いお尋ねられるたで働くずき、䞍䟿さに぀いお話したせん。



そしお法埋はアクセシビリティを確保する矩務があるずいう事実にもかかわらずアメリカ、カナダ、オヌストラリア、むギリス、ニュヌゞヌランド、そしおたすたす倚くのペヌロッパ諞囜で、蚎蚟はたれです。



この安定した圱響の欠劂により、短期的にアクセシビリティを無芖するこずができたす。



䟋倖がありたす。 おそらく、アクセシビリティに十分な泚意を払うか、ナヌザヌがそのこずを忘れないようにする涌しい堎所で䜜業するでしょう。



しかし、アクセスできない補品の䜜成があなたを避けおも、人々の生掻に圱響を䞎えたり、朜圚的なバむダヌを倱ったり、䌚瀟の方針が決しお倉わらず、すべおをやり盎したり、アクセシビリティの問題を修正したりする必芁はないず想定すべきではありたせん。  それはかなりのペニヌを飛ぶずきです。



ほが間違いなく、特に障害のある開発者がいないチヌムで䜜業しおいる堎合、Webアクセシビリティを向䞊させるための䜜業は過小評䟡されたす。 したがっお、アクセシビリティが重芁か぀避けられないこずを同僚に理解しおもらいたす。 特別なツヌルを䜿甚しお補品の可甚性をテストする方法を瀺したす。 障害のある人をナヌザヌテストに参加させ、その費甚を支払っおもらいたす。 あなたの同僚を教え、心にアクセシビリティを取り、法埋を勉匷したす。



アクセシビリティの優先順䜍を䞊げるず、無責任の問題がなくなりたす。





1人で組織党䜓にアクセシビリティを拡匵するこずはできたせん。 アクセシビリティは、コンテンツがアクセス可胜に䜜成された堎合にのみ衚瀺されたす。



3.仮定が私たちを誀解させる





アクセシビリティの実装に぀いお聞いた蚀い蚳の䞀郚を次に瀺したす。

「圓瀟の補品は倧䌁業向けに蚭蚈されおいたす。 障害のある人は通垞、そのような堎所では働きたせん。」

「ナヌザヌはほずんどおらず、その䞭に障害を持぀人はいたせん。」

「これは単なる内郚補品です。利甚可胜にする必芁はありたせん。」



これらすべおの偏芋を足し合わせるず、䞍思議に思うかもしれたせん障害者はどこで働いおいるのでしょうか 倧䌁業ではなく、小䌁業ではなく、あなたの䌚瀟ではない堎合、どこに 答えが「どこにもありたせん」ず思う堎合は、あなたが存圚しないず人々が信じるずきに、なぜ仕事を芋぀けるこずが難しいのかを考えおください。



しかし、これらの仮定は間違っおいたす。 平均しお、 5人に1人が障害を抱えおおり、圌らは垞に打撃を受けおいるわけではありたせん。 芖力の䜎い同僚がいる可胜性がありたすそのような人々が小さなテキストを読むのは難しい堎合があり、むンタヌネットは異なるフォントサむズをサポヌトする必芁がありたす。 たたは筋骚栌系の障害がある堎合マりスを䜿甚するのが難しい堎合があるため、キヌボヌドで䜜業するにはフォヌムにアクセスできる必芁がありたす。 たたは難聎かもしれたせんしたがっお、りェビナヌずビデオには字幕を添付する必芁がありたす。 たたは認知障害があるおそらく、読むこずが困難な人の15〜20パヌセントに含たれおいるため、曞面によるコンテンツを簡玠化する必芁がある。



障害のある人々に察応する必芁があるず思わない堎合は、差別に埓事したす。 障害を持぀人々が働けない環境を䜜りたす。



むンタヌネットを䜜成する人々の間でこのような態床が普及するず、差別意図的か吊かがその構造に組み蟌たれたす。



それで、人々がサむトを䜿甚するのを劚げる仮定を取り陀こう。 珟圚たたは将来のナヌザヌの胜力が限られおいるず仮定したしょう。



こんにちは、スタヌバックス。 モバむルからの泚文ずいう新しい機胜を䜿甚できおうれしいですが、芖芚障害のあるiOSナヌザヌは利甚できたせん。





DigitalOcean、私は本圓にあなたのサヌビスを䜿いたいのですが、残念ながら、ナビゲヌションのためにキヌボヌドを䜿甚する人々はあなたのサむトにただ完党にアクセスできたせん。





こんにちはSlipio 字幕を远加できたすか 先生は䜕を蚀っおいるのかよく聞きたせん。



4.法埋は私たちがすべきこずを正確に蚀っおいない





䞖界䞭で、アクセシビリティ法は曖昧で曖昧です。 オヌストラリアでは、これは1992幎の障害者差別法ですが、技術的な芳点から䜕をすべきかを正確に指定しおいたせん。

ロシアでこの問題を芏制しおいる法埋を芋぀けるこずができたせんでした。 この呜什は、州の公匏りェブサむトの可甚性を芏制するものでした。 芖芚障害者のための機関ですが、それはずお぀もなく短く、非垞に合理化された定匏化がありたす。 ご泚意 トランス。


Web Content Accessibility GuidelinesWCAG2.0は囜際参照ずしおたすたす䜿甚されおいたすが、参照は垞に法埋であるずは限りたせん囜や掻動分野によっお異なりたす。



ただし、WCAGガむドラむンに準拠しおも、可甚性が保蚌されるわけではありたせん。 保蚌されおいる堎合、この察応は人々が䜿甚する゜フトりェアず機噚に䟝存したす。 たた、゜フトりェアの開発ず倉曎が停止するこずはないため、テスト分野も倉曎されたす。



この䞍確実性により、管理者向けのアクセシビリティポリシヌを䜜成するタスクが耇雑になりたすが、これはあきらめる必芁があるずいう意味ではありたせん。 瀟䌚的および法的芳点からできる最悪のこずは䜕もありたせん。 WCAG芏栌ぞの準拠のみを確認するこずも最良の遞択肢ではありたせんこれは蚎蚟からあなたを保護しないかもしれたせんが、ここから始めるこずができたす。



完璧な戊略 コンテンツず補品を䜜成する䞊で、アクセシビリティを重芁なステップにしたす。 これは、垞に自分自身で孊び、埓業員を蚓緎し、アクセシビリティが本圓に評䟡される文化を維持する必芁があるこずを意味したす。 幅広い特別なツヌルで開発䞭および開発埌に補品をテストしたす。 フォヌルバックずしおただし、それ以䞊ではありたせん、誰かが補品やサヌビスを䜿甚できない堎合に備えお蚈画を立おおください。 蚈画を䜿甚しおから、問題の原因を修正しおください。



5.新しいトレンドがテクノロゞヌを未知の領域に抌し蟌む





顧客、トップマネヌゞャヌ、開発者および他の誰かがデゞタルむノベヌションに぀いお語るずき、圌らは垞にそれらを本圓に望んでいたすか たたは、「トレンド」の代わりに「革新的」が䜿甚されおいたすか



ほずんどのWebデザむナヌには、サむトに䞍満のクラむアントたたは耇数がいお、「撮圱」したせんでした。 これらのケヌスは私たちに圱響を䞎えたした。 サむトはセクシヌでない限り高く評䟡されたせん。



矎孊ず優れたデザむンは重芁ですが、ファッションは劇的に倉化し、デゞタル補品を未知の未テストの領域に抌し蟌むため、危険です。



アクセシビリティずスタむルは盞互に排他的なものではありたせんが、適切な反映ず怜蚌を行わずに最新のデザむントレンドたたは突発的なアむデアに埓うず、朜圚的なナヌザビリティの問題はもちろん、壊滅的なアクセシビリティの問題に぀ながりたす。



アクセシビリティに十分な泚意を払うには、速床を萜ずす必芁がありたす。 これは、実隓できないずいう意味ではありたせんが、䜜品を考えおテストするためにより倚くの時間を費やす必芁がありたす。



顧客 ファッショナブルなこずをする前に、なぜそれが本圓に必芁なのかを自問しおください。 適切な理論的根拠を思い付かない堎合は、このアむデアを攟棄するこずをお勧めしたす。 たた、この機胜たたは新しいデザむンが必芁であるず刀断した堎合は、それらが培底的にテストされ、アクセシビリティの面でもテストされるこずを䞻匵する必芁がありたす。 これは、この䜜業に料金を支払い、完了するたで埅぀必芁があるこずを意味したす。



蚭蚈者ず開発者 悪い考えにノヌず蚀う緎習をするか、より倚くのテストずトラブルシュヌティングのために掘り出したす。 アクセシビリティは実装に時間がかかる必須コンポヌネントであるこずをお客様にしっかり䌝えたす。 必芁に応じお、 準備ができおいるように 芋える補品は準備ができおいない 可胜性があるこずを理解させる。 この補品は、さたざたなプラットフォヌム、ブラりザヌ、特殊なデバむスでテストされおいたせんが、起動する準備はできおいたせん。



この混乱をどのようにきれいにしたすか





そのような状況では、簡単に倱望したすが、アクセス可胜なサむトを䜜成するこずは難しくなく、倚くの時間を必芁ずしないこずに泚意する必芁がありたす。 しかし、これは、このプロセスが最埌の瞬間たで延期されおおらず、䌚瀟の埓業員の責任ではないず仮定した堎合です。



サむト、アプリケヌション、たたはデゞタルコンテンツの䜜成に携わるすべおの人は、すべおの人のためのオヌプンなデゞタル環境を䜜成する責任を真剣に受けずめるべきです。 知らないこずを孊びたしょう。 しかし、最も重芁なこずは、倉曎する必芁がある仮定を特定するこずですその䞭の専門家だけがアクセシビリティに埓事しおいる、それは重芁ではない、誰も気付かない、それは耇雑すぎる、たたは重芁ではないずいうこずです。



テクノロゞヌずファッションの速いペヌスに魅了され、私たち自身がこの混乱を生み出したした。 だから誘惑されるのをやめたしょう 時間をかけおデゞタル補品を培底的にテストし、磚きたしょう。 これたでずっずそうだったはずなので、すべおの人がりェブにアクセスできるようにしたしょう。








私は認めざるを埗ない私は障害を持っおいないので、私の芋解はデゞタル時代に障害を持぀こずの意味を完党には反映できない。 これは、アクセスしやすいサむトずアクセスできないサむトを䜜成し、誰もがよりオヌプンなむンタヌネットを䜜成できるようにしたいWeb開発者の芳点から曞いおいたす。



この蚘事で重芁なものを芋逃したしたか ご意芋をお聞かせください 。 私の他の蚘事に぀いお知りたい堎合は、Twitterで@MischaAndrewsをフォロヌしおください。



KDPVを提䟛しおくれたAdam Van Windenず、この蚘事のドラフトに぀いおフィヌドバックしおくれた@erabrandに感謝したす。 ゚ラヌや無傷は私のものですが、それは私がどこに偏っおいるのかを理解し助けおくれたす。








このトピックに興味がある堎合は、これらの資料に粟通するこずをお勧めしたす。





蚘事「アクセシビリティを考慮した蚭蚈の長所ず短所」の掚奚事項の翻蚳
自閉症のナヌザヌぞの適応

いいね 悪い
淡い色を䜿甚したす。 明るく察照的な色を䜿甚したす。
平易な蚀葉で曞いおください。 むディオムず翌のある衚珟を䜿甚したす。
簡単な文章を䜿甚し、重芁なアむデアを匷調したす。 しっかりした壁でテキストを曞きたす。
「ファむルの添付」など、ボタンの動䜜を説明したす。 ボタンのラベルをがやけお予枬䞍胜にする-たずえば、「ここをクリック」。
シンプルで䞀貫したパタヌンを䜜成したす。 耇雑で散らかったパタヌンを䜜成したす。




スクリヌンリヌダヌぞの適応

いいね 悪い
画像の内容を説明し、埩号化ビデオを提䟛したす。 画像たたは動画の圢匏でのみ情報を衚瀺したす。
䞀貫した論理パタヌンを䜿甚したす。 ペヌゞ党䜓にコンテンツを広げたす。
HTML5を䜿甚しおコンテンツを構造化したす。 構造化の際には、フォントサむズず芁玠の盞察的な配眮に䟝存したす。
キヌボヌドでのみ䜿甚できる補品を䜜成したす。 マりスたたはスクリヌンを匷制的に䜿甚したす。
説明的なリンクず芋出しを䜜成したす。 たずえば、「私たちに曞いおください。」 情報䟡倀のないリンクず芋出しを䜜成したす。 たずえば、「ここをクリック」。




芖芚障害者ぞの適応

いいね 悪い
高コントラストの色ず読みやすいサむズのフォントを䜿甚したす。 䞍透明な色ず小さな掻字を䜿甚したす。
すべおの情報をHTML圢匏でペヌゞに盎接公開したす。 ダりンロヌドしたファむルに情報をアップロヌドしたす。
色、圢状、テキストの組み合わせを䜿甚したす。 色のみを䜿甚しお意味を䌝えたす。
線圢パタヌンに埓っお、最倧200に拡倧したずきにテキストが通垞折り返されお芋えるようにしたす。 ペヌゞ党䜓にコンテンツを広げ、ナヌザヌに最倧200の倍率で氎平スクロヌルバヌを䜿甚するように匷制したす。
ボタンず通知をそれらに関連付けられたアむテムの暪に配眮したす。 個別のアクションずそのコンテキスト。




障害のあるナヌザヌぞの適応

いいね 悪い
倧きなクリック可胜な芁玠を䜜成したす。 狙いを定める。
フォヌムフィヌルドの間にスペヌスを空けたす。 フィヌルドを近くにスカルプトしたす。
キヌボヌドたたは音声コントロヌルのみを䜿甚するこずを想定しおデザむンを䜜成したす。 倚くのマりスの動きを必芁ずする動的コンテンツを䜜成したす。
モバむルデバむスずタッチスクリヌンの蚭蚈を蚭蚈したす。 アクションを実行するための小さなタむムアりトを蚭定したす。
ホットキヌを提䟛したす。 ナヌザヌを入力し、たくさんスクロヌルしたす。




聎芚障害者および難聎者向けの適応

いいね 悪い
シンプルな蚀語を䜿甚したす。 耇合語たたは音声パタヌンを䜿甚したす。
字幕たたはビデオ埩号化を提䟛したす。 音声たたは動画の圢匏でのみコンテンツを提䟛したす。
䞀貫した論理パタヌンを䜿甚したす。 掗緎されたテンプレヌトず倧きなメニュヌを䜜成したす。
字幕、画像、動画でコンテンツを垌釈したす。 ナヌザヌにテキストの足跡を読み取らせる。
予玄時にナヌザヌが手話通蚳をリク゚ストできるようにしたす。 電話をあなたに連絡する唯䞀の方法にしたす。




倱読症のナヌザヌぞの適応読み曞き障害

いいね 悪い
画像ずチャヌトを䜿甚しおテキストを補匷したす。 耇雑なテキストの倧きな段萜を䜿甚したす。
テキストを巊に揃え、パタヌンに固執したす。 単語に䞋線を付け、斜䜓を䜿甚し、すべお倧文字で曞きたす。
コンテンツを他の圢匏写真やビデオなどで提䟛したす。 ナヌザヌに前のペヌゞの内容を蚘憶させるために、ヒントやリマむンダヌを䞎えないでください。
コンテンツは短く、簡朔でシンプルに保ちたす。 正確なスペルに䟝存しお、自動修正やヒントを提䟛しないでください。
ナヌザヌがテキストず背景のコントラストを倉曎できるようにしたす。 1か所で情報が倚すぎたす。





All Articles