アクセシビリティに取り組む制作者のためのポータル。 アクセシビリティをあたりまえにするために。写真をシェアする、予定を確認する、動画を見る、 食べたいものを注文する――― そんなウェブのあたりまえを、誰にでも。 誰ひとり取り残さないウェブを。
アクセシビリティに取り組む制作者のためのポータル。 アクセシビリティをあたりまえにするために。写真をシェアする、予定を確認する、動画を見る、 食べたいものを注文する――― そんなウェブのあたりまえを、誰にでも。 誰ひとり取り残さないウェブを。
お前がめんどうくさがっているとき、相手もまためんどうくさがっているのだ シンドーイ・ダルイ5世まあ、そんな言葉を残したダルイ5世なんて存在しないんだけど、あることの『めんどうくささ』には、こういうお互い様な部分があることは読者のみなさんも経験的に感じているのではないでしょうか。 今回の話は、アクセシビリティの専門家として日々相談を受けたりレビューをする中で感じている『めんどうくささ』を説明しつつ、相談をしている側やレビューを受ける側も私の話をめんどうくさいと思って受け取っているんだろうなぁ〜という予想をしながら、これらにまつわる問題の整理と、それでもあえて『めんどうくさい』コミュニケーションをとっている言い訳を書きたいと思います。 相談に対する返答の『いつもの3点セット』「〇〇したいんだけど、アクセシビリティ的にどう思いますか?」 こういった問いは毎日のように尋ねられます。まず断言しておく
この記事には誰かを攻撃したり差別したりする意図はありません。もし不適切な表現を見つけた場合は修正しますのでご連絡ください。 「インデントにタブとスペースのどちらを使うのか」というのは昔から何度も議論されてきた問題です。 最初に明確にしておきますが、私個人としてはタブを使おうがスペースを使おうが、プロジェクト内で統一されていれば構いません。 しかしタブには、スペースにはないアクセシビリティ上の利点が存在します。 タブの最大の特徴は、表示幅を自由に設定できることです。 ご存知のとおり、一つのタブに対して実際の見た目としてどのくらいの幅が確保されるかは、テキストエディタなどのコードを閲覧する環境の設定次第です。 たとえば、GitHub は一つのタブをデフォルトではスペース 8 個分の幅で表示しますが、 https://github.com/settings/appearance から自由に変更で
こんにちは。Poca11y(ポカリ)チームのSUGI(@blindsoup2p1)と小林(@sukoyakarizumu)です。 わたしたちPoca11yチームは「kintone」のアクセシビリティ改善活動に参加しています。この記事ではkintoneのアクセシビリティを改善するチーム体制について解説します。さらにPoca11yチームとkintone開発チームが協力して整備したアクセシビリティを強化するためのESLintルールについても解説します。 Poca11y(アクセシビリティ)チームとkintoneのアクセシビリティ改善 Poca11yチームとは Poca11yチームはサイボウズ全体の「アクセシビリティ」向上を目的としたチームです。Poca11yチームでは主に以下3種類の活動を行なっています。 社内啓発:アクセシビリティの社内研修・勉強会・ガイドライン作成などを行います。 製品改善:サ
Kaizen Platform、法改正で義務化されたWebアクセシビリティ向上を支援 課題診断から改修までニーズに応じたサポートを開始 株式会社Kaizen Platform(本社:東京都港区、代表取締役:須藤 憲司、以下「Kaizen Platform」)は、昨今重要性を増すアクセシビリティ向上の推進に向け、課題の抽出やレポートによる診断から、必要に応じた課題の改修まで、Webサイトのアクセシビリティ向上の支援を開始いたします。 資料のDLはこちら:https://kaizenplatform.com/download/lp_kaizen_accessibility これまで国や自治体のみが義務化されていたWebサイト等のアクセシビリティへの対応が、2021年6月に障害者差別解消法の改正により、民間事業者でも義務化され、公布から3年以内に対応が求められるようになりました。デジタル庁が掲げ
わたしは「Webアクセシビリティ」というものに、ライフワーク的に取り組んでいる。 と、言い切っていいはず。少し気恥ずかしいけれども、これまでそんなことを触れ回ったことはないので、そろそろ改めて記録するべきだと思って書いている。 これはポートフォリオの一部のようなものでもある。 というのも、イベントやセミナーにお呼びいただいて登壇などの機会が、ありがたいことに増えてきている(後述)。あるいは、何らかの場でコメントを求められたり、Twitterでイベント中のリアルタイムレポートを(偉そうに!)したり。 そんな時にふと、「出自のわからないヤツが四の五の言ってて、周りの人はどう思うのだろう……」と考えてしまうからだ。 更に今まで、個人事業主などでもないことをいいことに「自分の情報」をまとめることを避けてきた。 そろそろきちんと考え方などまとめる時期ではないかと、画面に向かっている。 わたしにとって
Chatwork プロダクト本部 プロダクトデザイン部の守谷です。2013年に入社後しばらくはWebデザイナーとして動いたのち、そもそもの入社動機が「人が使うものを作りたい」というところにあったため、2015年ごろからはUIデザイナーとして活動しています。 Chatworkでは、「働くをもっと楽しく、創造的に」というミッションの達成に向かい、「すべての人に、一歩先の働き方を」実現させることをビジョンに、サービスを開発・提供しています。 そんな中、私たちが掲げるビジョンにある「すべての人」からあらゆる人を排除せず、真にすべての人が使えるサービスを作ることを目指し、2016年からアクセシビリティへの取り組みを進めています。
もう難しいなんて言わせない! 受託でも絶対に取り組める アクセシビリティ GAAD Japan 2021 株式会社ディーゼロ Webアクセシビリティエンジニア 平尾ゆうてん
Webコンテンツのアクセシビリティを確保・向上するための基本中の基本であり、同時にさまざまなWebコンテンツでよく見つかる問題点でもある10項目です。「JIS X 8341-3:2016」や「WCAG 2.0 / 2.1」に対応する前に、まずはこの10項目のうち、できることから実践してみましょう。 この作品は、クリエイティブ・コモンズ「表示 – 継承 4.0 国際」ライセンスの下に提供されています。 1 ページの内容が分かるページタイトルを記述する ページタイトルは、どのようなウェブページなのかが分かる文言になっているか? 達成基準 2.4.2 レベル A 「ページタイトル」の基本の「キ」 ページタイトル[ページ設定] 2 見出しやリストなどの文書構造をマークアップする 見た目だけではなく、適切な要素を用いて文書構造や意味をマークアップしているか? 達成基準 1.3.1 レベル A 「文書
※ この記事は uknmr.github.io から「お金になるアクセシビリティ」を転載・再編集したものです。 こんにちは、SmartHR の @uknmr です。今年入社した SmartHR におけるアクセシビリティの取り組みについて紹介します。 まず断りを入れておきますが、私は決して拝金主義ではありませんし、お金になる話も特にしません。 ちょっと煽ったタイトルを正すなら「BtoB SaaS プロダクト導入の決め手になり得るアクセシビリティ」といった感じです。もっとアクセシビリティが日の目を見てもいいと思うし、アクセシビリティに取り組むことがもっと当たり前になれとは思っているので、「お金になれ! アクセシビリティィィッ!!」みたいな気持ちはあります。 私のアクセシビリティに対する理解もう散々言われていますが改めて、アクセシビリティは高齢者や障害者のためだけの対応ではありません。ウェブアプ
これは何? サードプレイス金沢オンラインのイベント登壇した際の発表原稿です。 実際に発表したスライドや映像との差分はありますが、大きな内容は変わらないのでほぼそのまま公開します。 関連リソース この発表のスライド(GoogleDrive) 当日の映像のアーカイブ(サードプレイス金沢のYouTubeチャンネル)。 サードプレイス金沢は 3rd LINKの運営するコミュニティで定期的にイベント開催しているそうです。 発表内容 アジェンダ 自己紹介と今日のテーマ アクセシビリティを取り組み始めた個人的経緯 アクセシビリティと障害モデル 障害者と僕 僕もある意味では障害者 アクセシビリティに取り組む 世間のアクセシビリティの状況 技術資料などの共有 自己紹介と今日のテーマ はじめまして。どうけといいます。 ミチにイエと書いて道家です。 経歴ですが、かつては面白法人カヤックでFLASHチームにいまし
2016-09-22(木)にサイボウズ大阪オフィス セミナールームにて行われた「D2D アクセシビリティ勉強会 2016」でのスライドです。Read less
年末に【独自】障害者配慮、民間も義務化へ...スロープ設置や手話対応 : 社会 : ニュース : 読売新聞オンラインという報道を目にした方も中にはいるかと思いますが、障害者差別解消法でこれまで民間では努力義務であった「合理的配慮」が義務化される公算が出てきました。 実際に、昨年12月に開催された第53回障害者政策委員会の議事次第での資料8 障害者差別解消法の改正に盛り込む事項(案)では、「事業者による合理的配慮の提供を義務化」が挙げられていることが確認できます。 ここでWebアクセシビリティと「合理的配慮」にはどのような関係があるのかおさらいをしてみたいと思います。総務省が公開しているみんなの公共サイト運用ガイドライン(2016年版)では、「障害者差別解消法を踏まえて求められる対応」として、以下のような記述があります。 2.2.2. 障害者差別解消法を踏まえて求められる対応 障害者差別解消
公開日 : 2020年8月30日 (2020年9月6日 更新) カテゴリー : ユーザビリティ / アクセシビリティ フォームのテキスト入力を補完するインタラクションとして、「オートコンプリート」があります。テキストボックスに文字をタイプし始めると、それに呼応して、タイプされた文字列と部分一致する入力値候補が一覧として提示され、ユーザーはその中から入力値を選択できるという、コンボボックス型のインターフェースです。ミスタイプ (TYPO) の軽減、情報のファインダビリティの向上、といった効果が期待できます。 オートコンプリートのコンボボックス ちょっと文字入力するとすぐに入力値候補のオプションが出てきて、あとはマウスでクリックする (または指でタップする) だけで入力ができてしまうのがオートコンプリートの特長です。とても便利で有用なだけに、この UI を採用する際には、より多様なユーザーが利
岸田奈美です。 常に何かしらの文章をしたためているので、脆弱な足腰を持ちます。 今日は東京の数ある駅の中でも、かなり入り組んでいるであろう「渋谷駅」に来ました。 普通に乗り換えをするのも一苦労な駅ですが、車いすやベビーカーを利用する人にとっては更に難易度が跳ね上がります。 なので本日は階段を使わず、エレベーターを使って移動できる乗り換えルートを調べたいと思います。 渋谷駅には色々な路線が乗り入れていますが、その中でも一番迷う人が多いという「JR山手線渋谷駅〜東京メトロ副都心線渋谷駅」までのルートを試してみます。 怪我をしている人や、スーツケースを持っている人も、エレベーターがあると助かりますよね。 私も、重たいスーツケースを持ってきました。 広島出張からの帰りなので、中には牡蠣醤油の瓶が詰め込まれています。 JR渋谷駅山手線のホームから出発 スーツケースだとエスカレーターに乗ることはできま
公開日 : 2019年7月20日 カテゴリー : アクセシビリティ 先の記事でご紹介した、英国内務省 (UK Home Office) によるウェブアクセシビリティの「べき/べからず」ポスター ですが、このほど @onouchidebe さん によって日本語化されました。 ウェブアクセシビリティの「べき/べからず」ポスター (UK Home Office) 日本語版 障害の種類 (以下の7種類) ごとに、アクセシビリティ担保のためのデザインとして「すること」と「しないこと」が、コンパクトにまとめられています。 自閉症スペクトラム スクリーンリーダー利用者 ロービジョン ディスレクシア 身体障害 / 運動障害 聴覚障害 / 難聴 不安状態 日本語化されたことで、とても読みやすくなりました。英国政府機関の資料という位置づけになりますが、あらゆるウェブサイトやアプリケーションに応用できる内容なの
公開日 : 2018年11月19日 (2023年7月19日 更新) カテゴリー : アクセシビリティ 英国政府 (GOV.UK) は、世界的に見てもっとも積極的にアクセシビリティに取り組んでいる中央政府のひとつという印象ですが (たとえば、「Make your public sector website or app accessible」というガイダンスを提供していたり、「Accessibility in government」というブログを展開していたりします)、先日 UK Home Office (英国内務省) が、ウェブアクセシビリティの「べき/べからず (Dos/Don'ts)」をまとめた啓発ポスターを制作していることを知りました。GitHub で公開されているので、ご紹介したいと思います。 ウェブアクセシビリティの「べき/べからず」ポスター (UK Home Office) 障
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く