Hatena Engineer Seminar #25「アクセシビリティ編」を6月6日にオンライン開催します #hatenatech - Hatena Developer Blog
こんにちは。Mackerel CRE の id:KGA です。 2023年6月6日（火）に Hatena Engineer Seminar #25 「アクセシビリティ編」の開催が決定しましたのでお知らせします。 エンジニア4名が登壇し、はてなの開発組織 / はてなブックマークチーム / Mackerelチーム それぞれで行った、アクセシビリティ改善に関する取り組みについて発表します。 開催はオンラインです。（詳しくはconnpassのイベントページをご確認ください）。皆様のご参加をお待ちしております！ イベント概要 日時: 2023年6月6日(火) 19:00-20:00(予定) 参加費: 無料 開催形式: オンライン配信 YouTube Live YouTube Live HatenaTech チャンネルにて https://www.youtube.com/channel/UCwqsFJ
Webデザイナーや開発者は往々にして、自分たちの制作物に誰がアクセスして使うのかという点に関して無関心です。 使いやすさなどよりビジュアルが優先されることも多いですが、現代のクリエイターとして私たちは、より道徳的な観点を持ち、人それぞれの能力に併せたアクセシビリティを提供するべきです。 イギリスのアクセシビリティに関する法律に対する法的義務はさておき、イギリスには1,190万人以上の障害者がおり、その数は人口の19%に該当します。これはつまり、アクセシビリティが十分でないサイトに対して不満を持っている潜在ユーザーが、それくらい存在するということです。 どうして良いWebアクセシビリティが必要なのか ユーザーはWebサイトを使用するとき、どんなことを困難と感じるのでしょうか。アクセシビリティを語るにあたって、どういったものがあるかを見てみましょう。 聴覚系の障害 これは軽度なものから重度の聴
公開日 : 2014年8月28日 (2024年7月17日 更新) カテゴリー : アクセシビリティ ウェブデザインにおいて、アイコンを配置することは多いと思います。最近では、画像アイコンではなく、Font Awesome のようなアイコンフォントを用いるケースも増えてきました。 「アイコンフォント」の例 (Font Awesome) アイコンフォントには、画像アイコンよりも読み込みが速い、ベクターデータゆえに高解像度の画面でもきれいに表示できる (ピンチ＆ズームしてもジャギーにならない)、手軽に実装できる (わざわざアイコンを作る必要がなく、豊富なアイコンから選択して所定のコードを埋め込むだけ)、といったメリットがあります。このように、とても便利なアイコンフォントですが、アクセシビリティ (とりわけ、スクリーンリーダーを介した情報伝達) の観点で考えると、実装において若干の工夫が必要です。
アクセシビリティ チェックツール
テキストと背景の色を選ぶとき「これってアクセシブルかな？」とビクビクしながら選んでしまうことってないですか？僕は結構ありました。でも、Macアプリ「Contrast」があればそんな心配はなくなります。 Macのツールバーに常駐させられるアプリで、前景と背景の色をピッカーで選ぶだけでWeb Content Accessibility Guidelines（WCAG） に準拠した色のコントラストになっているかすぐにチェックができます。キーボード・ショートカットを設定できるので手軽に色のコントラスト比の確認ができてかなり便利です。 こんなツールです ツールバーのアイコンをクリックするとアプリが出てきます。 文字の色と背景の色を選択するとWCAGの評価基準であるAA、AA+、AAA、Failのいずれかの判定を表示してくれます。評価と合わせてコントラストの数値も表示してくれます。各スコアの意味はアプ
14. Webの理念 The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect. Webの力はその普遍性にある。 障害の有無にかかわらず、誰もがアクセスできることが 本質的な側面なのだ。
手を動かして始めるアクセシビリティ改善
Hatena Engineer Seminar #25 アクセシビリティ編 https://hatena.connpass.com/event/283800/ Google Slide: https://docs.google.com/presentation/d/1etZBl-yKEEffq…
Webサイトのアクセシビリティを高めるための方法や国内外の関連情報など、さまざまな角度からWebアクセシビリティに関する話題をご提供していきたいと思います。 当Blogの更新情報は、Twitter経由でも配信しています。興味のある方はぜひ、@mlca11yをフォローしてください。当Blogへのご意見・ご質問は、Twitter経由でも受け付けております。 Blog移転のお知らせ 誠に勝手ながら、このたび当アクセシビリティBlogを移転することになりましたので、お知らせいたします。移転先のURLは http://www.mitsue.co.jp/knowledge/blog/a11y/ になります。大変恐れ入りますが、ブックマークやフィードリーダーなどの設定変更をお願いいたします。 なお、旧URL（http://accessibility.mitsue.co.jp/）は今後もご利用いただけます
社内でのアクセシビリティ推進
DroidKaigi 2022 - Day 1 (2022/10/5) https://droidkaigi.jp/2022/timetable/364627 動画： https://www.youtube.com/watch?v=j-DmJqs0HkM 読みにくい場合： https:…
今週はスマートフォンサイトの実装を行いました。その中で、スマートフォンサイトではよく見られる、ボタンを押すとメニューが開閉する仕組みの実装がありました。実装後にiOSのVoiceOverを利用して動作を確かめたのですが、他のサイトを見ると上手く開閉することが出来ないメニューボタンがいくつか見つかりました。どのような問題が見られたか等をまとめてみたいと思います。 上手く開閉できないボタンの例 いずれもVoiceOverをオンにして操作した場合の問題です。VoiceOverがオフの場合は、問題なく操作できました。 なお、会社名・サイト名を上げていますが、上手く動作しなかったことを伝えたいだけで、他意はありませんので念のため。 1. JavaScriptの不具合？ ※追記（2014年12月15日）：再度確認したところ、問題なく動作するようでした。 味の素様のウェブサイトにあるメニューの開閉ボタン
tota11yはWebサイトのアクセスビリティチェックを行うライブラリです。基本的にはJavaScriptファイルを読み込むだけ、その他は必要に応じてプラグインファイルを読みこめば自動でチェックし、問題点を教えてくれます。チェック項目は左下にツールが表示されるようになるのでそこから確認するだけ。上図スクショはコントラスト比をチェックしているところです。アクセシビリティの判定はGoogle ChromeのAccessibility Developer Toolsを元に作成されているそうです。ライセンスはMIT。 tota11yOn Github
年末です。 やり残したことはないですか？ ........ そうです、アクセシビリティ向上ですね。 「アクセシビリティ向上したいけど、デザインから修正が必要だから大掛かりになるし....なかなか手がつけれないんだよね...」 ありますよね。 そこで、今回は エンジニアだけで完結する、Webアクセシビリティを向上させるための実装をお伝えします。 また、エンジニアだけで完結するものに絞っても、リストはかなり多いので、その中でも重篤度CRITICALの一番重要なものに絞りました。 ※重篤度は、freee株式会社が公開しているアクセシビリティー・ガイドラインに基づいており、「操作不能になる人がいる」レベルを表しています。 年末最後の実装に、2023年からの心機一転の実装に、 「あ、ここ直せるかも！」の視点を付け足していただければ幸いです。 また、この記事を読んでいるのが年末じゃない方も アクセシビ
Webサイトが高齢者や障害者にとって使いやすいかどうかを示す「Webアクセシビリティ」に関するコンサルタントを行っているアライド・ブレインズは13日、日・米・韓の主要な政党サイトのWebアクセシビリティへの対応状況について調査結果を発表した。到達度トップのAレベルのサイトは米共和党のみ、国内では自民党・民主党とも最低のEレベルだった。 主要政党サイトのWebアクセシビリティ調査で「Eレベル」とされた、日本の自民党(左)と民主党(右)のサイトトップページ画面 調査は、日本においては、(1)国会に議席を持っている、(2)2008年度に政党助成金の対象となった、(3)公式ウェブサイトを開設している、の3条件を満たす7政党を対象に2009年1月22日〜27日に実施。 韓国では主要な政党のうち、公式ウェブサイトを開設している4政党、米国は共和党と民主党の2政党を対象に、両国とも2008年11月5日〜
freeeアクセシビリティー・ガイドラインVer. 202110.0を公開しました - freee Developers Hub
こんにちは、freeeのアクセシビリティー・ガイドラインおじさんの中根です。 基本的に在宅勤務でほとんど外に出掛けず、夏を感じることなく時を過ごした結果、夏休みを取るタイミングを完全に逸してしまったことに気づいた今日この頃、皆さんいかがお過ごしでしょうか。 さて、今回もfreeeアクセシビリティー・ガイドラインの更新情報をお届けします。 freeeアクセシビリティー・ガイドライン Ver. 202110.0リリース・ノート 前回のリリースからほぼ3カ月もあったということで、実はかなりいろいろと更新しているのですが、特に大きな変更について紹介します。 チェックリストのモバイルアプリ対応 社内からも社外からも、モバイルアプリのアクセシビリティー・チェックってどうすればいいの？という質問をしばしば受けます。 freeeアクセシビリティー・ガイドラインの基になっているWCAGは、元々Webに特化し
この記事は、IBM Bluemix に関するブログを、12月1日からリレー投稿していく teratail Bluemix Advent Calendar の14日目の記事です。 UXデザイナーの羽山 祥樹（@storywriter）です。最近、ライターとしての仕事も増えてきました。 どちらの仕事でも共通するのが「インタビューのテープ起こし」です。 UXデザインでは、調査でユーザーインタビューした結果を、録音から文字に書き起こして、分析します。 ライターとしては、取材したインタビューを、文字に起こして、原稿にします。 この「テープ起こし」、けっこうな手間がかかります。インタビューした時間が2時間だとすると、書き起こしに10時間かかる、なんてこともザラです。 テープ起こしの専門会社にお願いすることもできますが、1〜2万円ほどの費用がかかります。報酬が潤沢な案件ならよいですが、そうでないと、ちょ
HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる）
HTMLを直接読み書きせず、スクリーンリーダーも使わずに、アクセシビリティを向上させられないだろうか（と思ってブラウザ拡張を作ってる） これまでの何年間か、Webアクセシビリティまわりのことをやってきた中で、「Webアクセシビリティに取り組む」上でいろいろな障壁を感じてきました。 「なぜWebアクセシビリティをやるのか」の理解を得る・得てもらうまでの障壁 イノベーター層・アーリーアダプター層な開発者（エンジニアやデザイナー）が取り組みを始める上での障壁 マジョリティ層が取り組みを始める上での障壁 今回はこの3つめの「マジョリティ層が取り組みを始める上での障壁」の話です。 残りの2つについては、私が執筆に参加したWebアプリケーションアクセシビリティが網羅的なガイドになってくれるはずです。しかしコイツは内容的にも物理的にもゴツすぎる問題があると思っていて、導入編としては見えにくい、読みにくい
アクセシビリティ
拡大鏡は、デジタル版の虫めがねのように機能します。iPhoneやiPadのカメラを使い、薬のラベルからキャンドルで照らされたメニューまで、レンズを向けたあらゆるもののサイズを拡大できます。視覚に障がいのある方が周囲の状況をより詳しく知りたい時は、拡大鏡の検出モードが役立ちます。カメラ、LiDARスキャナ、デバイス上の機械学習から得た情報を組み合わせることで、人の検出、ドアの検出、家具検出、シーン、テキストの検出、指差し読み上げなどの賢いツールを使えるようにします1。 人の検出機能を使うと、列に並んでいる時に近くにいる人との距離を測定できます。ドアの検出機能は、あなたから数メートル以内にあるドアやテキストのほか、トイレのサインや車椅子が使える入口の標識なども識別して、あなたの移動をサポートします。家具検出機能は、椅子やソファがあることをあなたに知らせ、どのくらい離れたところにあって、座っ
UX MILKに投稿されていた見た目の美しさとアクセシビリティのパラドックス 原文 The Aesthetic-Accessibility Paradox を読んで思うところがあったので考えを整理しながら 見た目が美しくアクセシブルはパラドックスではない 記事の中では アクセシビリティの目標は多くの場合忘れられがちな少数派のニーズを満たすこと The goal of accessibility is to meet the needs of the minority because they're often forgotten 反対に、通常の視力をもつ人の目には美しいインターフェイスが好まれます On the flip side, highly aesthetic interfaces are easier on the eyes of the normal-visioned と前置きさ
iOS 5になって、通知センターという便利な機能が増えた半面、初期の設定のままではあまりに通知が多く届くため、結局通知はオフにしてしまった、という人も少なからずいるのではないだろうか。逆にメールの着信時に、差出人や本文がロック画面にまるまる表示されてしまうのが嫌で、通知をオフにした結果、着信に気付きにくくなった、という人もいるかもしれない。 そこで今回は、知っておくとちょっと便利な、iPhoneで通知センターや着信音を使わずに着信を知る方法を紹介したい。iOS 5になって新たに用意された、アクセシビリティ機能の新しい機能、カスタムバイブ設定とLEDフラッシュ通知を活用する。 カスタムバイブ設定で個別のバイブレーションパターンを割り当てる アクセシビリティ機能は、設定メニューの「一般」の中に設定項目が用意されている。アクセシビリティ機能には、視覚をサポートするものと聴覚をサポートするものが用
総務省｜情報バリアフリー環境の整備｜みんなのアクセシビリティ評価ツール：miChecker (エムアイチェッカー)Ver.3.1
「みんなのアクセシビリティ評価ツール：miChecker」（以下、「miChecker」という。）は、JIS X 8341-3:2016（高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第3部：ウェブコンテンツ）に基づくウェブアクセシビリティ対応の取組を支援するために、総務省が開発し、提供するアクセシビリティ評価ツールです。その第一の目的は検証作業の支援です。加えて、付属文書等に沿って検証作業を行うことで、関連する知識の習得が可能です。 このページでは、miChecker Ver.3.1 をダウンロードすることができます。miCheckerのダウンロードおよびインストールは、必ず以下の説明をよく参照した上で実施して下さい。 お知らせ miCheckerの実行環境等 ダウンロード・インストールの手順 miCheckerのダウンロード miCheckerのソースコ
アクセシビリティって何？
あんどさん @andhyphen @amachang 障害があるような方がどの程度使いやすいかってことじゃなかったでしょうか。利用しやすさといえばいいかな。 2010-02-10 18:15:42 そぷ🐾 @sophide0822 それであってると思いますよ。あとはその人の置かれている状況とか環境も含まれる？ RT @amachang: 【質問】 アクセシビリティって言葉がわかりません＞＜色んなデバイスで見られるって意味ですか？ 2010-02-10 18:16:00 Maki_Daisuke @Maki_Daisuke どんだけ色んな人が見られるって意味じゃないですか？お年寄りでも，とか．色覚に不自由がある人でも，とか．ガラケー持ってる人でも，とか(ぉぉ．．．etc RT @amachang: 【質問】 アクセシビリティって言葉がわかりません＞＜色んなデバイスで見られるって意味ですか？
この発表はすでにアクセシビリティに興味を持っていて、ソフトウェア開発の現場にアクセシビリティを取り入れたい人を対象としています。 開発チーム全体でアクセシビリティに意識を持つ状態が理想ですが、全員が詳細な実装を行うのは実際には難しいでしょう。そこで、特に意識をせずともある程度のアクセシビリティを保…
Webアクセシビリティ普及のため、『Webアクセシビリティ -標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践』（毎日コミュニケーションズ）の1章をWebで公開します。 （原著"Web Accessibility: Web Standards and Regulatory Compliance"の1章も"Understanding Web Accessibility"で公開されています。） 最終修正： 07/10/23 14:34 by 渡辺 『Webアクセシビリティ -標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践』 第1章：Webアクセシビリティを理解する Shawn Lawton Henry 著 （渡辺隆行 訳） 目次 はじめに 1. Webアクセシビリティとは何か? 1-1. Webアクセシビリティの例：代替テキスト 1-2. Webアクセシビリテ
この記事はfreee Developers Advent Calendar 2019の24日目です。こんにちは、freeeの@magi1125こと伊原です。あだ名は「アクセシビリティで一発当て太郎」です。いまはデザインリサーチチームのマネジャーをやっています。 この記事ではタイトル通り、2019年のfreeeにおけるアクセシビリティ関連の出来事をご紹介します。なお、2018以前の活動については「2018年、freeeのアクセシビリティを振り返る」をご覧ください。 developers.freee.co.jp ※アクセシビリティの向上とは、障害者高齢者を含めた幅広いユーザーに利用方法の選択肢を提供し、使える状況を広げる取り組みを指します。 12月26日追記: 本記事にインスパイアされたとのことで、@masup9が同様の振り返り記事をまとめています。こちらもぜひご覧ください。 develope
コンテンツのアクセシビリティが未来を保証する
「その情報にアクセスできるかどうか」 これが私にとっての Web アクセシビリティです。一般的に Webアクセシビリティといえば、主に高齢者や障がい者への配慮という見方が強いですが、数年前からは私は上記のように捉えて仕事をするようにしています。少し極端な考え方かもしれませんが、「その情報にアクセスできるかどうか」ということを意識して設計するときに、高齢者や障がい者といったごく一部のグループを考えることはありません。 全ユーザーが特殊な存在 近年の Web 利用者の動向をみると、高齢者や障がい者を意識しなかったとしても、情報にアクセスできるかどうかを真剣に考えなければ、見られない・読まれないコンテンツになることが分かります。 デスクトップだけでなく、タブレット、スマートフォンなど様々なスクリーンサイズをもったデバイスで Web にアクセスしている。また、デバイスにより初期設定やカスタマイズ方
5分ではじめる、iOSのアクセシビリティ対応 - Goodpatch Tech Blog
こんにちは。iOS Developer の katoです。 2024年5月16日は 世界各地でアクセシビリティを考える1日、GAAD（Global Accessibility Awareness Day）でしたね。 GAAD Japan 2024、アクセシビリティの祭典 2024 など様々なイベントが開催され、私もオンラインで参加しました。 その中で紹介されたアクセシビリティ対応の進め方として「完璧でなくても、できることから取り組む」という考え方があります。 そもそも世の中には様々な人・状況などが存在しするため、アクセシビリティを完璧にすることは非常に難易度が高いです。 「現状よりもちょっと良く」を繰り返して、いまよりもアクセシブルな世界を目指すという考え方です。 そこで今回は、たった5分で、エンジニア主導で始められる、簡単に実装できるアクセシビリティについて、いくつか紹介します。 「反転
この記事はWeb Accessibility Advent Calendar 2014 - Adventarの6日目のエントリーです。このエントリーのタイトルからは、やれW3Cだやれ仕様だとお堅いイメージがぷんぷん漂いますが、易しいめに書くことを心がけてみました。そのため、ガチ勢には物足りなさを感じるかもしれません。 ウェブ業界の人にとっては周知のことだと思いますが、去る10月28日付けでHTML5仕様（以下単に仕様と書きます）が勧告されました。この仕様の意義はさまざまな切り口で捉えることが考えられますが、アクセシビリティーという観点から1つ前のバージョンのHTMLであるHTML4と比較して、この仕様で特に目立って強化されたと思われる点を挙げるとすると、 img要素のalt属性が大幅に拡充されている WAI-ARIA1.0を取り込んでいる 映像や音声のための要素（video要素、audio
Web Developer Conference 2024 (2024/09/07) での発表資料 https://web-study.connpass.com/event/321711/
アクセシビリティから考える画像のマークアップ
はじめに 本連載では、Web標準のメリットを最大限に生かすことをテーマに、仕様書には書かれていない部分を中心に取り上げ、実際のWeb制作現場で起こり得る問題について、解決の糸口をたらしていきたいと思います。 連載第4回目となる今回は、「画像の代替テキスト」について扱います。「画像の代替テキスト」は、Webアクセシビリティの指針である「WCAG 2.0（Web Content Accessibility Guidelines 2.0）」や「JISX-8341-3（JIS X 8341-3:2004 高齢者・障害者等配慮設計指針－情報通信における機器、ソフトウェアおよびサービス－第3部：ウェブコンテンツ）」の中でも扱われている基本的な部分です。「画像の代替テキスト」について、前回の記事で紹介した「構文の妥当性」と「目的の妥当性」の両方の側面からみていくことにしましょう。 対象読者 XHTMLと
アクセシビリティの改善のために React Aria を活用しています - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは！DOGO プロジェクトでソフトウェアエンジニアとして活動している @nissy_dev です。 DOGO プロジェクトでは、React Aria を活用してアクセシビリティの改善を行っています。 今回の記事では、React Aria を国内にもっと広めて行きたいということで、React Aria を利用することに決めた理由を振り返りつつ、React Aria について簡単に紹介します。 目次 OSS を活用した効率なアクセシビリティの改善 ライブラリの選定 React Aria の概要 Next.js App Router との相性 終わりに OSS を活用した効率なアクセシビリティの改善 DOGO プロジェクトでは、フロントエンドの刷新を進めていく中でアクセシビリティの改善についても取り組んでいます。 具体的な事例などについては、次の記事も参考にしてもらえればと思います。 各
ナビゲーションリスト ナビゲーションリストは、主にメニューやリンクの一覧を整理して表示するためのUI要素です。自分が今どのページを訪れているのかを示すことによって、ユーザーはウェブサイトの構造や階層を理解しやすくなります。 ▼ 実装例（一部抜粋） <li><a href="#">CSS</a></li> <li><a href="#" aria-current="page">JavaScript</a></li> <li><a href="#">その他</a></li> ▼ スクリーンリーダー（VoiceOver） aria-current="page"を指定した要素は「現在のページ、リンク、JavaScript」と読み上げられます。また、リンクが一度でもクリックされていたら、「閲覧済み」という音声が追加されます。 ▼ スクリーンリーダー（ナレーター） 「リンク、JavaScript」と読
GrafanaMeetup_AmazonManagedGrafanaのアクセス制御機能とマルチテナント環境下でのアクセス制御について
垂直スクロールバーは一般的にユーザの右側にあります。でも、左側にあったほうがアクセシブルなときもあると思います。 文末ではてブのコメントに返答しました。（2008年6月15日1時35分） 肢体不自由者の操作の困難さ 一般的にページを縦にスクロールしたいときは垂直スクロールバーを使うことと思います。そして、そのページから1つ前のページに戻るときはブラウザやソフトウェアのツールバーにある「戻る」などをクリックすることと思います（使い慣れた人はキーボードかもしれません）。 そのときはこんな感じのマウスポインタの移動になります。 これをマウスを使って移動すれば一瞬の出来事です。しかし、マウスを使えない肢体不自由者の場合はそうではありません。例えば、下記のような支援機器を使う人の場合はどうでしょうか。 僕はこの数ヶ月の間にこういった支援機器を使う人たち（顎や舌でマウスを使う）にパソコンを教える機会が
2010年6月11日 アクセシビリティの定義、ユーザビリティとの違い アクセシビリティ・エンジニア 中村 精親 「アクセシビリティとユーザビリティに配慮する」 Webサイトの制作において、このような文面を見かけることがあります。しかしながら、両者の違いやそれぞれを向上させる効果についてはあまり理解されていないのでは、と感じることもあります。 「ユーザビリティは考慮したいけれども、アクセシビリティはそのうち」 このような考えのWeb担当者の方もいらっしゃるようです。 これはひとつにはアクセシビリティの定義が明確ではなく、人によって認識、理解がさまざまであることに起因しているのではないかと考えています。 そこで本稿では、アクセシビリティの定義についてひとつの考え方を示し、また、混同されがちなユーザビリティとの違いを明確にすることで、アクセシビリティ向上の必要性や、その意義について考えてみたいと
Editor's Notes#21: &#x3082;&#x3068;&#x3082;&#x3068;HTML&#x306F;Web&#x30A2;&#x30D7;&#x30EA;&#x3092;&#x5FF5;&#x982D;&#x306B;&#x7F6E;&#x3044;&#x3066;&#x4F5C;&#x3089;&#x308C;&#x305F;&#x3082;&#x306E;&#x3067;&#x306F;&#x306A;&#x3044; #26: &#x5185;&#x5BB9;&#x304C;&#x53E4;&#x304F;&#x3
アクセシビリティ - Wikipedia
この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。 出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "アクセシビリティ" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL (2016年8月) アクセシビリティ（英: accessibility、略称: A11Y）とは、障害者が他の人と同じように物理的環境、輸送機関、情報通信及びその他の施設・サービスを利用できることをいう。 上記の定義は障害者権利条約に基づく。その第9条は、英文では"Accessibility"であり、外務省が提供する日本語訳では「施設及びサービス等の利用の容易さ」となっている。欧州アクセシビリティ法の定義もほぼ等しい。 建物と、建物に至る経路において、高齢者や障害者を含む誰
この記事は、アクセシビリティ Advent Calendar 2024 - Adventar の10日目の記事です。 初めまして、たじまん です。zennのブログ投稿デビューします。 私はとある会社でアクセシビリティエンジニアという名前で、プロダクトチームのイネイブリングなどをするお仕事をしています。 このブログを書くことになったきっかけ 昨今のwebフロントエンド界隈では、コントラスト比やフォームコントロールのアクセシビリティネームをきちんと設定したりと当たり前品質が高まっている気がします。いろんな人がサービスを作る時の指針に「使えるの範囲の広さ」を入れていることが嬉しいです。 そこで、そういったアクセシビリティちょっと気にし始めましたというエンジニアへむけて「強制カラーモード」という使い方があることを紹介したいと思います。 強制カラーモードとは？ 強制カラーモードとは、色のコントラスト
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webデザイナーが最低限気をつけるべき８つのアクセシビリティ
アイコンフォントのアクセシビリティ向上 | Accessible & Usable
色のアクセシビリティが確認できるMacアプリ「Contrast」が超便利
あなたの言葉で伝えるWebアクセシビリティ
Webアクセシビリティ53についての覚書 - ねんがんのWebユーザビリティテストに参加した
アクセシビリティBlog | ナレッジ | ミツエーリンクス
スマートフォンサイトの開閉するメニューとアクセシビリティ
Webサイトのアクセシビリティをチェックする為のライブラリ・「tota11y」 - かちびと.net
エンジニアだけで完結するWebアクセシビリティ向上！
国内政党サイトのWebアクセシビリティ、自民・民主とも最低の「Eレベル」 | ネット | マイコミジャーナル
人工知能Watsonにテープ起こしさせてみた:WebClip - ウェブ制作、UXD／IA、アクセシビリティ
Microsoft、アプリのアクセシビリティ問題を調査する無償ツールをオープンソース化／WindowsアプリとWebアプリの両方をカバー
ターミナルで画像表示が可能に ～「Visual Studio Code」2023年6月更新（v1.80）／アクセシビリティ改善に引き続き注力、Windows 8/8.1対応は打ち切り
見た目の美しさとアクセシビリティを戦わせないで / masuP.net
iOS 5のアクセシビリティ機能を活用してiPhoneの通知をより便利にする
チームで開発する際にアクセシビリティを保つ施策
渡辺「Webアクセシビリティ -標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践（仮題）」
2019年、freeeのアクセシビリティを振り返る - freee Developers Hub
W3C HTML5仕様に見るアクセシビリティーに関する記述 - 血統の森+はてな
React Aria で実現する次世代のアクセシビリティ
アクセシビリティーに考慮するHTMLコーディング - WAI-ARIAでスクリーンリーダーの読み上げがこう変わる - ICS MEDIA
アクセシビリティ 2021 / Accessibility 2021
垂直スクロールバーを左側にしたい！（CSSではなく、アクセシビリティの話） - Trans
アクセシビリティの定義、ユーザビリティとの違い | コラム | ミツエーリンクス
アクセシビリティを加速するWAI-ARIA
アクセシビリティを気にし出したエンジニアへ、強制カラーモードの紹介