[B! a11y] Cherenkovのブックマーク

アクセシビリティが考慮された React Aria のドラッグアンドドロップ

アクセシビリティが考慮された React Aria のドラッグアンドドロップ 2024.09.07 React Aria は Adobe により提供されている React 用のコンポーネントライブラリであり、アクセシビリティを最優先した設計となっています。本記事では、React Aria により提供されているドラッグアンドドロップ機能を紹介します。ドラッグアンドドロップは、ユーザーが UI の要素をドラッグして別の場所に移動する操作です。Web アプリケーションにおいて、ドラッグアンドドロップはユーザーが直感的に操作できるため、多くの場面で利用されています。例えばタスク管理アプリケーションにおいて、タスクをドラッグして進行状況を変更したり、ファイル管理アプリケーションにおいてファイルをドラッグしてフォルダを移動する機能などがあります。従来のドラッグアンドドロップ機能はマウス以外での操作

Cherenkov 2024/09/08

リンク

ユニクロ公式サイトが使えません（ついでにレジも）｜ブラインドライターズ

ブラインドライターズのスタッフは9割が視覚障害者。先日、みんなで「どうやって服を買うか」の話になりました。マネキンの服は見えないので、コーディネートが分からない下着を買いたいけど、店員さんの性別が分からないので声をかけづらいロービジョンなので黒なのか紺なのかわかりにくく、店で買いづらいなどと、たくさんの悩みごとがありました。確かに、異性の店員さんに下着の相談はしにくいですよね。タグが読めなければ、サイズも分からない。リアルでの買い物は一人ではけっこう難しそうです。そんなときに便利なのがECサイトです。色もデジタル表記になっていればPCが読み上げてくれるので選びやすい下着も人に頼まなくていいので買いやすいマネキンのコーディネートは見えないので、サイトで確認したいまた「リピ買いするならサイト」という意見もありました。確かに見えていないと広い店内のどこにあるのかサッパリ分

Cherenkov 2024/06/04

リンク

GAAD Japan 2024（オンラインセミナー：2024/5/16開催）

Cherenkov 2024/05/16

a11y

リンク

見出しにまつわるエトセトラ

記事の背景 HTML 要素の中でももっとも基本的かつ最重要と言える見出し要素。社内でもそのセマンティクスや適切な内容について議論されることが少なくないのですが、ふと振り返ってみるとつまみ食いのような Tips の積み重ねばかりで体系的な理解を怠っていたな…という反省があります。自分自身の理解やチームへの説明のため、改めてしっかり見出しについてまとめておきたいと考えて本記事を作成しました。公開時点で書いていないことスクリーンリーダーでの動作スクリーンリーダーの使用時に見出しがどのように機能するのかについては後日追記する予定です。見出し要素の HTML 仕様まずは HTML の仕様を確認してみます。 4.3.6 h1、h2、h3、h4、h5、h6要素によれば、見出し要素を使用できるコンテキストは以下の2つとされています。 hgroup 要素の子としてヘディングコンテンツが期待される

Cherenkov 2024/03/28

heading h1

a11y
html

リンク

受託の会社が資金調達せずに自社サービスを立ち上げて、有料導入5000社に行くまでの振り返り - ヴェルク - IT起業の記録

2024年1月9日にboardの有料登録社数が5000社を突破したので振り返りです。 boardの正式リリースは2014年8月20日なので、約9年半ほどで、推移はこんな感じでした。＊「社数は累計ですか？」と聞かれることがよくあるのですが、累計ではなくその時点のアクティブな数です。 1000社刻みで定点観測的に書いているので、過去の記事も貼っておきます。受託の会社が資金調達せずに自社サービスを立ち上げて、有料導入1000社に行くまでの経営・受託とのバランス（BPStudy発表時の補足）受託の会社が資金調達せずに自社サービスを立ち上げて、有料導入2000社に行くまでの振り返り受託の会社が資金調達せずに自社サービスを立ち上げて、有料導入3000社に行くまでの振り返り受託の会社が資金調達せずに自社サービスを立ち上げて、有料導入4000社に行くまでの振り返り boardとは見積書・請求書

Cherenkov 2024/01/24

アクセシビリティのディーゼロさんが出てきた

リンク

Amazon.co.jp: Webアプリケーションアクセシビリティ──今日から始める現場からの改善 (WEB+DB PRESS plus): 伊原力也, 小林大輔, 桝田草一, 山本伶: 本

Cherenkov 2023/10/27

a11y
book

リンク

Amazon.co.jp: ウェブ・インクルーシブデザイン　Webのアクセシビリティとインクルージョンを実現するための実践ガイド: Regine Gilbert (著), 川合俊輔 (監修), 川合俊輔 (翻訳), 奥泉直子 (翻訳): 本

Cherenkov 2023/10/27

a11y
book

リンク

弊社のheading levelがめちゃくちゃだった件と解決のためにしたことの話 2023.10.11 Wed. 【初心者歓迎】アクセシビリティやるぞ！LT祭り #3@SmartHR

弊社のheading levelがめちゃくちゃだった件と解決のためにしたことの話 2023.10.11 Wed. 【初心者歓迎】アクセシビリティやるぞ！LT祭り #3@SmartHR 溝上篤司 SmartHR エンジニア

Cherenkov 2023/10/13

SmartHRのheading levelがめちゃくちゃだった件と解決のためにしたことの話 2023.10.11 Wed. 【初心者歓迎】アクセシビリティやるぞ！LT祭り #3@SmartHR - Google スライド溝上

a11y

リンク

株式会社accessibeauty | アクセシビューティー

障がい×美容が当たり前の社会をつくる。私たちは障がい者の「美容を楽しむ」という可能性を拡げより多くの人が選択肢を持てる未来への社会環境をつくりますさまざまな想いを持つ障がい者の方と共に美容を通した持続可能なバリアフリー社会を目指します初めまして。アクセシビューティー代表の臼井理絵です。みなさんは、ご存じでしょうか？障がいがある人たちにとって「美容サロンへ行くことが困難なこと」「美容技術を学ぶ学校に入学できないこと」「美容職を目指すこと事体がタブーとされること」これらはもちろん、社会的に禁止されていることでなく当事者たちの人生にはばかるグレーゾーン。設備的問題や健常者との間に生まれる壁、そんな社会の中で“少数派”として生き抜くことの難しさ。また、障がい者という理由での自信のなさが彼女たちをより一層、美容から遠ざけているのです。 “美容の力で人生は変えられる”

Cherenkov 2023/09/11

accessibeauty

a11y

リンク

アクセシビリティカンファレンス福岡2024

つぎはどうするこの一年で、わたしたちは仲間とともにアクセシビリティに向き合い、取り組み始めていることを確認できました。さて、そうしたら、つぎは周りを見渡すのではなく、前を見たくなります。取り組み始めた実感をもとに、もっと価値を、結果を、掴みに行きたくなります。今のままじゃいられない。どう動けばいいだろう、何をするべきだろう、どんな方法があるだろう。「つぎはどうする」という問いは、わたしたち全員にとっての挑戦です。福岡から、未来への橋をかけます。

Cherenkov 2023/09/01

アクセシビリティカンファレンス福岡

a11y

リンク

APCA何もわからない - Qiita

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Accessible Perceptual Contrast Algorithm（APCA）はWCAG 3.0において、コントラスト比に関する新しい基準として提唱されているアルゴリズムです。つたない英語力でそのコンセプトや概略を読み込んでみて、なんとなく以下のように理解しました。コントラストというのは単純な背景色と前景色の差分だけで判断できるものではない。錯覚とかあるからね。フォントのサイズやウェイト、行間、コンテキストなどから総合的に知覚されるものだ、ということらしい。文字の読みやすさに影響するコントラストの知覚に関しては、フォ

Cherenkov 2023/08/18

a11y

リンク

Landmark 2023

このブラウザバージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。

Cherenkov 2023/07/21

landmark role

a11y

リンク

数値入力で input[type="number"]を使ったら、ユーザから問い合わせが増えてしまった話 - Qiita

数値入力で input[type="number"]を使ったら、ユーザから問い合わせが増えてしまった話HTML UX TypeScript React この記事は SmartHR Advent Calendar 2020 23 日目の記事です。こんばんは！ @diescake です。今年は、React で「そこそこの規模で、そこそこ機能のフォームアプリケーション」を設計・実装する機会がありました。技術選定で formik + yup を選んだので、その選定理由と結果を共有しよう！ ……そんなふうに考えていた時期が私にもありました。驚くほど筆が進まず、いつの間にやら当日どころか既に夜になってしまったので tips 的な話に逃げる運びとなりました。ご了承ください。というわけで、数値入力フォームに何気なく input[type="number"] を利用したら、ユーザから問い合わせが増えてし

Cherenkov 2023/06/12

なかなかうまいこといかないなー。

リンク

ウェブアクセシビリティの基本：ランドマークロールを理解する

ページ冒頭におくメインコンテンツ等へジャンプするためのリンクです。tabキーでフォーカスが当たるまでは非表示にしているサイトも多いです。ランドマークが適切に実装してあれば不要という意見もありますが、2022年の支援技術利用状況調査報告書では「よく使う」「時々使う」を含めると80%になるようです。 region role="region"は、他に適切なランドマークが存在しない場合に使用される一般的なランドマークです。 regionロールにするにはsection要素を使ってマークアップします。 section要素はheader, footer要素の例のように、特定の条件下でロールが変わります。 section要素のデフォルトのロールは「対応するロールなし」であり、ランドマーク要素ではありません。ChromeのアクセシビリティツリーではSectionと表示されますが、これは独自の仕様のようです

Cherenkov 2023/06/12

リンク

accrefs

ウェブサイトに貢献このウェブサイトではあなたからの情報提供をお待ちしています。参考資料の追加・修正のリクエストはリポジトリのイシューから専用のテンプレートで行えます。

Cherenkov 2023/06/02

リンク

ウェブユーザビリティ向上を支援するWebsite Usability Info

ウェブをはじめとするデジタルコンテンツの、アクセシビリティ、ユーザビリティ、情報設計 (IA) に関する話題をマイペースに発信。世の中のサイトやアプリがあまねく、インクルーシブで使いやすいものになることを願って。お仕事のご依頼・ご相談 Accessible & Usa ble では、ウェブサイトやアプリケーションのアクセシビリティ向上を支援させていただきたく、お仕事のご依頼、ご相談を承っております。詳しくは「お仕事のご依頼・ご相談」をご覧ください。新着記事日本における支援技術の利用状況 (2024年6月〜7月実施の JBICT.Net 調査) 公開日 : 2025年4月5日カテゴリー : アクセシビリティ日本国内の視覚障害者の ICT 利用環境向上を目的に活動している日本視覚障害者 ICT ネットワーク (JBICT.Net) が、恒例の「支援技術利用状況調査」(第4回) を実施し