Accessibility Myths
Debunked Accessibility only affects a small group of users Not that small. Around 15% of the world's population, or estimated 1 billion people, live with disabilities, they are the world's largest minority. The number of people with disability is dramatically increasing. More details about Accessibility only affects a small group of users Disabled users don't use my website How can you be so sure?
axe DevToolsを使用したアクセシビリティー・チェック — freeeアクセシビリティー・ガイドライン Ver. 202403.1-RELEASE+4.3.7
axe DevToolsは非常によく使われているアクセシビリティー・チェック・ツールです。基本機能がaxe-coreとして実装されているため様々な方法で使用することができますが、ここではブラウザー拡張機能として利用して、出来上がっているWebページのアクセシビリティーの対応状況をチェックする方法を紹介します。 なお、axe DevToolsを用いた具体的なチェックの実施方法については、axe DevToolsを用いたチェック実施方法の例を参照してください。また、axe DevToolsのルールと当ガイドラインの対応も合わせて参照してください。 axe DevToolsのインストールと起動の仕方 ChromeウェブストアからChrome拡張をインストールできます。 axe DevTools - Web Accessibility Testing - Chrome ウェブストア axe Dev
「アクセシビリティ」と聞いて何を思い浮かべるだろうか。身近な例としては、スマートフォンの設定にある「アクセシビリティ」の項目があるだろう。ただ、多くの人にとってそれはおまけの機能に過ぎず、自分とは関係のないものだと思っているかもしれない。 しかし、高齢者や障害者などの当事者にとっては必要な情報にアクセスするために不可欠な機能であり、アクセシビリティは死活問題や人権問題とも言える重要な問題になり得る。そのため、ウェブ業界ではWCAG（Web Content Accessibility Guidelines）というガイドラインがある。 ただし、その項目は膨大で目を通すのも一苦労という代物。重要な問題にもかかわらず取り組みづらいというのが、ウェブにおけるアクセシビリティの現状だ。 アクセシビリティという人権問題に挑む「LIFULLアクセシビリティガイドライン」 この現状を打破すべく、株式会社LI
単体テストでスクリーンリーダーをシミュレートする Virtual Screen Reader 2024.03.16 Virtual Screen Reader は単体テストのためにスクリーンリーダをシミュレートするライブラリです。このライブラリを使うことでマウスやキボードの操作をテストするように、スクリーンリーダーにより期待する読み上げが行われるかどうかをテストできます。なお、Virtual Screen Reader はあくまでスクリーンリーダーの挙動を模倣したものであり、現実で使われているスクリーンリーダーによるテストを代替するものではないことに注意してください。
「JIS X 8341-3:2016 達成基準 早見表（レベルA & AA）（以下『早見表』）」です。 PC Talker 10およびNVDAで読み上げの確認を行っています。 有志勉強会や日々の業務にお役立てください。 「JIS X 8341-3:2016 達成基準 早見表（レベルA & AA）」（PDF, 336KB） ライセンス ウェブアクセシビリティ基盤委員会（WAIC） 作『JIS X 8341-3:2016 達成基準 早見表（レベルA & AA）』はクリエイティブ・コモンズ 表示 – 非営利 4.0 国際 ライセンスで提供されています。 利用条件 達成基準の各項目等はJIS X 8341-3:2016の用語によりますが、デザインおよび裏面の解説文の著作権はWAICが保有します。著作者名の改変を行うなどしての再配布を禁じます。 非営利目的での再配布は禁じていません。PDFへの直接の
この記事は『デザイニングWebアクセシビリティ』の第8章 ビジュアルデザイン を図解・要約したものになります。より詳しく知りたい方はこの本を読んでください。この8章についてはお試し版という形で無料公開されています。 8章の内容：視覚的な見せ方、ビジュアルについて多くの人は視覚から情報を得ているので、ビジュアルデザインを工夫すればアクセシビリティの向上が見込める。とはいえ視覚情報のほとんどはマシンリーダブルになっていないため、視覚情報の見せ方によっては伝わりにくくなってしまう（機械翻訳ができないなど）。 ビジュアルデザインの方針と流れ1. サイトの目的に沿ってデザインの方向性を決める 2. 基本ルールを決める カラースキーム：サイト全体で使う色を定義。この段階でアクセシビリティに配慮した設計をしておくと良い。 グリッドシステム：コンテンツ幅の変化に柔軟に対応できるのが望ましい。 - リキッド
5 web features I find annoying as a blind person - Scope for Business
Helping businesses to be more accessible and inclusive of disabled people
Node.js で動作する CUI Web アクセシビリティチェックツール 「Pa11y」 ベースの CI ツール 「Pa11y CI」 の導入から、複数 URL に対するアクセシビリティテストを一括で実行し、最終的に日本語のレポートを HTML 形式で生成するまでを解説します。 かなり前 （2016年だった） に Node.js で動作する CUI Web アクセシビリティチェックツール 「Pa11y のレポートを日本語で出力する方法に関して記事を書きました。 参考 pa11y のレポートを日本語で表示したかったので HTML_CodeSniffer の日本語版作った Pa11y のアップデートによって上記記事の内容は古くなっていて、今は使えない状態になっているわけですけども、Pa11y 自体はずっと使わせて頂いているのと、今は Pa11y ベースの CI ツールとして 「Pa11y C
ブロックエディターではじめるアクセシビリティ
この記事は、2021年1月29日に開催された WordPress のオンライン勉強会 WP Zoom UP #57 新春LT大会2021！ で発表した内容に、もう少しお話したかった補足︎を加えたものです。 使用したスライドはこちら（Speaker Deck）です。 自由と可能性 WordPress 5.0 からコンテンツのエディターが「ブロックエディター」へと刷新されました。 ブロックエディターの登場で、WordPress を使った発信はさらに自由にパワフルになりました。これまで HTML や CSS の知識がないとできなかったような表現が、ブロックを組み立てるように、誰でも簡単にできるようになりました。 この記事もブロックエディターを使って書いていますし、新規でサイトを制作する時はブロックエディターをデフォルトにしています。 そこでひとつ質問です。 サイトの目的はそれぞれだと思いますが、
The Web Content Accessibility Guidelines (WCAG), an organization that defines standards for web content accessibility, does not specify a minimum font size for the web. But we know there’s such a thing as text that is too small to be legible, just as text that can be too large to consume. So, how can we make sure our font sizes are accessible? What sort of best practices can we rely on to make for
開発方針 | SmartHR ACCESSIBILITY（スマートHR アクセシビリティ）｜仕組みで解決できることを、やさしさで解決しない。
組織の全従業員が使う人事労務クラウドサービスであるSmartHRは、「 労働にまつわる社会課題をなくし、誰もがその人らしく働ける社会を作る。」というコーポレートミッションのもと、働くすべての人を後押しできるプラットフォームになることを目指しています。 私たちのミッションを実現するためには、真に「誰もが」SmartHRにアクセスできなくてはなりません。まだ道半ばではありますが、そんな想いを胸に日々の製品開発でアクセシビリティ向上に取り組んでいます。 SmartHRのプロダクトはアクセシビリティ方針のもと、「JIS X 8341-3:2016 高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェア及びサービス－第3部：ウェブコンテンツ」、に加えて「Web Content Accessibility Guidelines 2.1」に対応すること、またさまざまな特性を持つユーザーが実際に
WAI-ARIA Cheat Sheet
Implicit Rolearia-activedescendantaria-atomicglobalaria-autocompletearia-busyglobalaria-checkedaria-colcountaria-colindexaria-colspanaria-controlsglobalaria-currentglobalaria-describedbyglobalaria-detailsglobalaria-disabledglobalaria-dropeffectglobalaria-errormessageglobalaria-expandedaria-flowtoglobalaria-grabbedglobalaria-haspopupglobalaria-hiddenglobalaria-invalidglobalaria-keyshortcutsglobalar
公開日 : 2024年3月23日 カテゴリー : ユーザビリティ / アクセシビリティ フォームのパスワード入力欄 (<input type="password">) は基本的に、入力された文字列がマスキングされ、代わりに文字数の分だけ「黒い点」が提示されるようになっています。他人によるパスワードの盗み見を防ぐためですが、ユーザーは、大半のケースでは背後から覗く人が誰もいない状況でパスワードを入力するでしょうし、入力した文字列が視認できないと正しくタイプできているか不安になったり、タイプミスしたときの修正がしづらい (どの箇所でミスしたか確信が持てず、はじめから入力し直さざるを得なくなる) といった問題もあるでしょう。こうしたことを考慮に入れると、パスワードのマスキングはユーザーの任意で解除できる (入力した文字列を表示させる) ようにしたほうが、ユーザビリティの観点では望ましいと考えるこ
先日APCA何もわからないという記事を書きました。 WCAG 3.0において、コントラスト比に関する新しい基準として提唱されているアルゴリズムについて、欧文フォントを基準にフォントサイズとウェイトの基準値が定められているので、日本語のフォントでどうなるのだろう？という問題提起の雑文でした（そうだったのか）。 まぁ、まだAPCAは開発中でもあり、WCAG 3.0が正式にリリースされるまでも結構かかりそうなので焦ることはない気はしますが、気になったものはしょうがないので、日本語フォントでシミュレーションできるツールを作成してみました。 APCAコントラスト日本語フォント検証 https://apca-ja.studio-ito.net/ 使いかた まずテキストカラーとバックグラウンドカラーを設定します。 すると、初期設定されているフォント（Noto Sans JP）とフォントサイズ（18px）
This is an excerpt from my book, Form Design Patterns. This article starts in the middle of chapter 3, A Flight Booking Form where I’ve been looking at ways to let users enter a destination country. Unfortunately, native HTML form controls just aren’t good enough for this type of interaction. And so we need to build a custom autocomplete control from scratch. A word of warning though: this is one
Accessibility (アクセシビリティ) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN
ウェブアクセシビリティ (略語: A11Y、Accessibility の A から Y までの間に 11 文字が挟まれているため、このように略す) は、身体的および技術的な制約によらず、ウェブサイトを使いやすく保つためのベストプラクティスです。ウェブアクセシビリティは、W3C の Web Accessibility Initiative (略称: WAI) によって、標準化と議論がされています。
本連載は『Webアプリケーションアクセシビリティ──今日から始める現場からの改善』を補うものです。紙幅の都合で同書に収められなかった原稿を再構成しました。 同書の第7章「アクセシビリティの組織導入」の続編にあたります。同書第7章は、会社内でたった一人でアクセシビリティの取り組みを始めてから、正式なチームを立ち上げるまでのノウハウを紹介しました。本連載はそこからさらに取り組みを広げていくためのノウハウをまとめます。 2024年4月22日追記：同書の第7章「アクセシビリティの組織導入」も「アクセシビリティを組織で向上させる ──たった一人から始めて、社内に認知されるまで」として公開しました。 Webアプリケーションでは機能改修や機能追加により、成長とともに新しい画面が出現します。時には新しいアプリケーションが作られる場合もあります。「新しく作る画面」がはじめからアクセシブルになるようにプ
サイボウズは「チームワークあふれる社会を創る」を企業理念とし、グループウェアの開発を進めています。 その活動の中で、アクセシビリティを「ユーザがチームにアクセスする能力」であるととらえています。 誰もが「チームに参加・貢献したい」という願いを叶えられる社会を創ることが私たちの目標です。
以前に同僚と少し絵文字に関する話をしていたこともあり、ふと、絵文字はスクリーンリーダーでどう読み上げられるのかということが気になって、ごく簡単に読み上げさせてみましたという話です。 筆者の自宅の環境がWindowsとAndroidであることから、読み上げのテストにあたっては、NVDA、Windowsのナレーター、TalkBackで試してみました。以下にテスト環境を記しておきます。ブラウザーによる違いは見られなかったので、これについては省いています。 Windows バージョン 1909（OS ビルド 18363.836） NVDA 2020.1jp Android 10 TalkBack バージョン 8.2.0.303936097 以下が4つの絵文字について読み上げテストを実施した結果になります。言語については、lang属性を付与して読み上げさせました。 笑顔を表す絵文字と各スクリーンリー
新型コロナワクチンを接種した経験から、予約方法が完全に視覚に頼っていると気づき、視覚障害当事者に伺うと困っている方が多いとのこと。 スマホアプリで解決する方法を丁寧に説明しています。これから接種される方のお役に立てればと思います。 はじめに この記事の執筆時点では、日本国内で新型コロナのワクチン接種が全国的に進められています。先日、大阪市民の私にも接種券が届き、大規模会場の予約方法を調べていました。 私が調べた範囲では、ワクチン接種の予約の方法には以下の3つがありました。 Web予約 コールセンターに電話して予約 メールまたはFAX予約(聴覚障害があるなどで他の手段での予約が難しい場合) このうち、Web予約と電話予約には 接種券番号 (大規模会場では)市町村コード の2つが必要でした。 この番号とコードは、自分に郵送されてきた接種券を 目で見て 把握する必要がありました。 私は、先日無事
この記事は STUDIO アクセシビリティ委員会のマガジンvol.8 です。 こんにちは！STUDIO株式会社 フロントエンドエンジニアのjimbouです。 私からはSTUDIO アクセシビリティ委員会マガジンにて、主にエンジニア/デザイナーさん向けに技術的な記事を発信しています。 STUDIOに限らずWebサイト、Webアプリに携わる全ての方々に読んでいただければと思います🌟 今回は「アコーディオンUI」についての記事になります💡 Webサイト、WebアプリでアコーディオンUIをデザイン/実装する方に向けて、少しでも役に立つ記事になれば幸いです☺️ 何のためにアクセシビリティを向上させるのか？ではこのアコーディオンUIを実装する上で、アクセシビリティを向上させるとどんな良いことが起こるのでしょうか。 例として、アクセシビリティを特に意識せず主にdivタグを用いてマークアップしたアコー
アクセシビリティカラーヘルパー
コントラストを維持できる色の一覧を確認できます。 hex(#000000)か、rgb()、hsl()で入力してください。
Accessible Palette: Create color systems with consistent lightness and contrast
Stop using HSL for color systems! HSL is an alternative representation of the RGB color model. It’s the most common way to specify color in design tools, but it has an inherent fault — Lightness and Saturation don’t reflect human perception. Compare blue and green — while both have a Lightness of 50, blue looks much darker. This becomes a problem when building a color system with HSL, as lightness
障害者を雇用する企業がeスポーツを通じて競い合う「第1回 ePARA CHAMPIONSHIP」の格闘ゲーム部門が2020年11月に開かれました。参加者の一人、全盲のプレーヤーなおやさんによるリポートです。 皆さんこんにちは、なおや（@noy_0207）と申します。生まれつきの全盲の26歳男子です。 2020年11月22日、「第1回 ePARA CHAMPIONSHIP」の格闘ゲーム部門として「鉄拳7（Steam版）」で競う大会が開かれ、プレーヤーとして参加しました。「盲目の戦士」としてニュースやSNSで多くの声をいただきました。ライブ配信を視聴された方だけでなく、ニュースにも注目していただいた皆様、ありがとうございます。 そこで、大会への参加を通して私が感じたパラeスポーツの競技としての可能性と、コミュニケーションツールとしての可能性についてまとめました。 「ePARA CHAMPION
キーワードは“すべて”の人 「アクセシビリティ」ってなんだろう？
「アクセシビリティ」、「ウェブアクセシビリティ」といった言葉を耳にする機会も増えてきたように思います。この連載では、サイボウズでアクセシビリティエキスパートとして活躍する小林大輔さんに、いまデザイナーが知っておくべきアクセシビリティの基本を解説していただきます。初回となる今回は「アクセシビリティとはなにか」がテーマです。 「アクセシビリティ」という言葉を聞いたことがありますか？最近、デザインの分野やフロントエンドの分野でアクセシビリティに関する講演や書籍が出版される機会が増えてきました。また最近では、iPhoneの設定項目の中に［アクセシビリティ］が含まれているため「iPhoneでアクセシビリティという言葉を知った」という方も多いのではないでしょうか。 アクセシビリティにはさまざまな定義がありますが、私がほかの人にその定義について尋ねられたときには、以下のように答えることにしています。 製
掲載：2022年9月20日 更新：2024年4月8日 更新履歴 2024年4月8日：本調査の報告会のレポートへのリンクを追加 参考：イベント・レポート：第2回支援技術利用状況調査結果報告会 はじめに この報告書は、日本視覚障害者ICTネットワーク (JBICT.Net) が2022年4月から5月にかけて実施した第2回支援技術利用状況調査の結果をまとめたものです。 各設問（報告書末尾の「参考：設問一覧」を参照）への回答状況と、これらに基づいた集計結果を示します。また、参考情報として、2021年に実施した前回調査の結果との比較を示している項目もあります。 参考：第1回支援技術利用状況調査報告書 調査概要 調査期間 本調査は、2022年4月27日から5月31日の期間実施し、Webとメールで回答を受け付けました。 回答者数 上記期間中に266件の回答が寄せられました。このうち、Webによる回答が2
アクセシビリティ | e-Links
アクセシビリティ アクセシビリティの基本から、ガイドラインの解説、チェックツールの使い方、スクリーンリーダーのご紹介、各種事例など、Webアクセシビリティについてしっかり学べるWeb講座です。
第8回自社を超えたコラボレーションでアクセシビリティは社会へとつながる 伊原力也［執筆］，小林大輔，桝田草一，山本伶［執筆協力］ 2023-03-14 第7回アクセシビリティをサポートサイト、会社サイト、外部ツール、協力会社まで広げる 伊原力也［執筆］，小林大輔，桝田草一，山本伶［執筆協力］ 2023-03-10
ミカヅキユミ on Twitter: "耳が聴こえない私が美容室で受けた、初めての"サービス"【1/3】 過去記事です。髪がジャングル化してきたのでそろそろ美容院に行きたいぞい。 #聴覚障害 https://t.co/X7dVyo7x62"
耳が聴こえない私が美容室で受けた、初めての"サービス"【1/3】 過去記事です。髪がジャングル化してきたのでそろそろ美容院に行きたいぞい。 #聴覚障害 https://t.co/X7dVyo7x62
アクセシビリティカンファレンス福岡
ここにいる。 アクセシビリティにかぎった話ではありませんが、あらゆる活動は多くのエネルギーを必要とします。 小さな地域での取り組みは、ときどき「仲間は近くにいるのだろうか」と不安が頭をよぎることがあります。 しかし、確かに仲間は存在し、その取り組みは組織を超え、地域を超えて広がっています。 本来は場所に縛られない活動ではあるのですが、その実感を得るために、今回あえて福岡での開催を選びました。 「わたしたちは、ここにいて、そして安心して取り組めるんだ」と、このイベントを通して証明します。
はじめまして、人事労務freeeのアプリケーションエンジニアをしている19新卒のスポーンです。 去年は内定者のアドベントカレンダーを企画したので、よかったらそちらも読んでみてください。 この記事はfreee Developers Advent Calendarの13日目です アクセシビリティという概念を知った 新卒研修の中に「アクセシビリティ研修」というスケジュールがあり、当時何をやるんだろうとぼんやり考えていました。 全盲エンジニアのMaxさんがアクセシビリティとは何か、freeeでやる意義とは何かを伝えてくれる研修で、そこで初めてアクセシビリティという概念を知りました。 研修の様子 僕は今まで全盲の人が身近にいなかったので、彼らがどうやってPCやスマホを扱っているかもそれを支えるWebアクセシビリティという概念もすべてが新鮮でワクワクしたものでした。 誰もがプロダクトを使えるようにする
新幹線のバリアフリー対策について国土交通省はＪＲ各社や障害者団体を集めた検討会を開き、車いすのスペースが少なく、それに予約の方法も不便だといった指摘を踏まえ、作業部会を設けて見直しを進めることになりました。 新幹線にある車いすのスペースの利用についてＪＲ各社は原則、２日前までに申し込むよう求め、直前では利用できない場合もあるため、今月はじめの参議院の委員会でバリアフリー対策が不十分だと議論になりました。 このため国土交通省はＪＲ各社のトップや障害者団体を集めたバリアフリー対策についての検討会を設置し、23日初会合を開きました。 赤羽国土交通大臣は「東京オリンピック・パラリンピック大会が開催される来年をバリアフリー社会に向けた転機にする必要がある。すべての人が新幹線を利用しやすくなるよう、抜本的な見直しが必要だ」と述べました。 検討会では障害者の団体から海外の高速鉄道と比べて車いすのスペース
アクセシビリティ Advent Calendar 2022、ありがとうございました！ この記事はアクセシビリティ Advent Calendar 2022の最終日の記事です。 「アクセシビリティ Advent Calendar」は、「アクセシビリティに関する内容であれば、ガチネタでもポエムでも構いません。ご自身のBlogで無くとも、TwitterやFacebookでつぶやいてリンクするのも大歓迎」というテーマで募集していて、9年もの歴史を持っています。 Webに限定したもの、限定しないものも含め、過去に沢山のカレンダーがあります。 アクセシビリティ Advent Calendar 2021 Webアクセシビリティ Advent Calendar 2020 アクセシビリティ Advent Calendar 2020 Webアクセシビリティ Advent Calendar 2019 アクセシビ
第１章.画像 この事例集はWCAG2.0解説書に基づき、WCAG 2.0 実装方法集を図解することを趣旨としています。「悪い例」と書いてある事例以外はJIS X 8341-3:2010の実装チェックリストで適合の欄に○をつけることができる事例ばかりです。このページでは特に画像に関するWCAG 2.0 実装方法集を集めています。 ※WCAG 2.0やJIS X 8341-3:2010の解説については「JIS X 8341-3:2010とは」ページをご覧ください。 画像に関する図解（1-1から1-4までの項目名をクリックすると、ページ内の該当項目にジャンプします） 1-1.alt属性 1-2.文字を画像化する時の注意 1-3.画像化された文字の色 1-4.アニメーションgif、又はアニメーション ウェブサイト制作時、alt属性値の書き方について悩んだことはないでしょうか。この章ではWCAG2.
山谷 剛史（やまや たけし）：ライター 略歴 １９７６年生まれ。東京都出身。東京電機大学卒業後、ＳＥとなるも、２００２年より、中国では雲南省昆明市を拠点とし、中国のＩＴ事情（製品・ＷＥＢサービス・海賊版問題・独自技術・ネット検閲・コンテンツなど）をテーマに執筆する。日本のＩＴ系メディア、経済系メディア、トレンド系メディアなどで連載記事や単発記事を執筆。著書に「中国のITは新型コロナウイルスにどのように反撃したのか？中国式災害対策技術読本」「中国のインターネット史:ワールドワイドウェブからの独立」（いずれも星海社新書）など。 中国の高齢者のインターネット利用率は低い。CNNIC（中国互聯網絡信息中心）によると、50代の利用者は全体の12.5％、60歳以上の利用者は10.5％にとどまる。年齢別人口を加味すれば、50代以上のインターネット利用率はそれより若い世代よりもずっと低い。 一方で生活にお
Modern CSS Upgrades To Improve Accessibility | Modern CSS Solutions
Modern CSS Upgrades To Improve Accessibility Posted on: Apr 9, 2021 Written by Stephanie Eckles Accessibility is a critical skill for developers doing work at any point in the stack. For front-end tasks, modern CSS provides capabilities we can leverage to make layouts more accessibly inclusive for users of all abilities across any device. This post will cover a range of topics: Focus Visibility Fo
Webアクセシビリティについてのアドベントカレンダーです。ご参考までに、過去のカレンダー： Webアクセシビリティ Advent Calendar 2018 Webアクセシビリティ Advent Calendar 2017 Webアクセシビリティ Advent Calendar 2016 Webアクセシビリティ Advent Calendar 2015 Webアクセシビリティ Advent Calendar 2014 Webアクセシビリティ Advent Calendar 2013 Webアクセシビリティに関する内容であれば、ガチネタでもポエムでも構いません。ご自身のBlogで無くとも、TwitterやFacebookでつぶやいてリンクするのも大歓迎です。ぜひ、お気軽にご参加ください。 Web「も」含めて、あらゆるアクセシビリティについてのアドベントカレンダーがアクセシビリティ Adven
アクセシビリティの謬説
覆す アクセシビリティは一部のユーザーにしか影響を与えない 影響が小さいわけではない。世界の人口の約15%、推定10億人が障害を持って暮らしています。 障害者は世界最大のマイノリティです。 障害者の数は劇的に増加しています。 アクセシビリティは一部のユーザーにしか影響を与えないについて 詳細を見る 障害者はウェブサイトを利用していない どうしてそのようなことが言えるのでしょうか。 色覚異常や運動障害などの障害を持つ多くの人が、他のユーザーと同じようにウェブサイトを利用しています。 また、どのような手段をもってしても多くの支援技術では検出できません。 障害者はウェブサイトを利用していないことについて 詳細を見る ウェブサイトをアクセシブルにするには、コストと時間がかかる プロジェクトの初期段階からアクセシビリティを考慮し、開発チームが適切なスキルを持っていれば、そのようなことはないかもしれま
コード例｜Webアプリケーションアクセシビリティ
伊原 力也、小林 大輔、桝田 草一、山本 伶（著）／技術評論社／ISBN-13: 978-4297133665／3,960円（税込）／576ページ／2023年2月27日 発売（ほぼ同時に電子版も発売予定）
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LIFULL嶌田氏の目指す「デフォルト・アクセシブル」の世界 | inquire.jp
単体テストでスクリーンリーダーをシミュレートする Virtual Screen Reader
JIS X 8341-3:2016 達成基準 早見表（レベルA & AA）
アクセシビリティに配慮したビジュアルデザイン｜akatsuki174
Pa11y CI でアクセシビリティテストを自動化し日本語のレポートを HTML 形式で生成する
ymrl on X: "画像の代替テキスト（alt属性）の話をしていると、いろんな人が「AIでやればいいのに」という話をするのだけど、実際にそういう試みはけっこう存在しているのは知られていないんだな、と思う。 ちょっとスレッドに有名な例を書いておきます。" / Twitter
Accessible Font Sizing, Explained | CSS-Tricks
パスワードの入力文字列を任意で表示する | Accessible & Usable
APCAコントラスト日本語フォント検証 - Qiita
Building an accessible autocomplete control
第3回 アクセシビリティを新規開発の「当たり前」に組み込む | gihyo.jp
サイボウズ アクセシビリティ | Cybozu Accessibility
絵文字をスクリーンリーダーに読み上げさせてみた | アクセシビリティBlog | ミツエーリンクス
視覚障害があっても新型コロナワクチンの接種券番号を確認する方法を検討した | DevelopersIO
アコーディオンUIのアクセシビリティを改善してみよう！｜bonji810
全盲プレーヤーが鉄拳7大会に参戦 見えない相手に決めた魂のコンボ | GAMEクロス
第2回支援技術利用状況調査報告書 | 日本視覚障害者ICTネットワーク
アクセシビリティを組織で向上させる──社内外の認知・効果測定から、新規開発への組み込みまで 記事一覧 | gihyo.jp
「アクセシビリティ」にワクワクした - freee Developers Hub
新幹線バリアフリー対策見直し 作業部会設置へ 国交省検討会 | NHKニュース
アクセシビリティAdvent Calendar 2022のふりかえり | DevelopersIO
alt属性の良い事例(つけ方・書き方)｜情報バリアフリーポータルサイト
生活環境のデジタル化が進む中での中国政府の高齢者対応について | SciencePortal China
Webアクセシビリティ Advent Calendar 2019 - Adventar