LCHは、UIにベストなカラースペース｜hirotoarakawa
Linearのリニューアル記事がすごく良かった。 A design reset (part I) How we redesigned the Linear UI (part Ⅱ) その記事の中で「LCHカラースペース」について書かれていた。知らなかったので調べてみると、以下の記事を見つけた。 この記事の内容を抜粋しながら、自分用に簡易なメモとしてまとめる。 LCHとは？LCHは簡単に言うと、異なる色相でも同じコントラストに見えるように構成されたカラースペース。 1976年に国際照明委員会 (International Commission on Illumination, CIE) によって最初に定義された色空間であるため、CIELAB とも呼ばれている。 LCH は、Lightness（明度）、Chroma（彩度）、Hue（色相）の略。 HSL と LCH の違いLightness（明度
Date and Time Pickers for All
We are very excited to announce the release of the React Aria and React Spectrum date and time picker components! This includes a full suite of fully featured components and hooks including calendars, date and time fields, and range pickers, all with a focus on internationalization and accessibility. It also includes @internationalized/date, a brand new framework-agnostic library for locale-aware
kintoneのアクセシビリティ改善とESLintルールの整備 - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは。Poca11y（ポカリ）チームのSUGI(@blindsoup2p1)と小林(@sukoyakarizumu)です。 わたしたちPoca11yチームは「kintone」のアクセシビリティ改善活動に参加しています。この記事ではkintoneのアクセシビリティを改善するチーム体制について解説します。さらにPoca11yチームとkintone開発チームが協力して整備したアクセシビリティを強化するためのESLintルールについても解説します。 Poca11y（アクセシビリティ）チームとkintoneのアクセシビリティ改善 Poca11yチームとは Poca11yチームはサイボウズ全体の「アクセシビリティ」向上を目的としたチームです。Poca11yチームでは主に以下3種類の活動を行なっています。 社内啓発：アクセシビリティの社内研修・勉強会・ガイドライン作成などを行います。 製品改善：サ
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
Creating an accessible autocomplete experience
After many months of research, development, and extensive testing across browsers, devices, and assistive technology, we’re excited to announce that the React Spectrum ComboBox component and React Aria useComboBox hook are now available! We’ve focused on the following areas to help you build quality autocomplete experiences. Accessibility — Our ComboBox has been tested with screen readers across d
世界共通言語になった 「絵文字」の未来、 初の女性委員長が語る
The woman who will decide what emoji we get to use 世界共通言語になった 「絵文字」の未来、 初の女性委員長が語る 絵文字（emoji）は、テキストメッセージに微妙なニュアンスを追加する手法としてネットで多用されている。絵文字を標準化するユニコード・コンソーシアムの絵文字小委員会の委員長に就任したジェニファー・ダニエルが、自らの役割や絵文字の未来について語った。 by Tanya Basu2021.05.24 45 18 3 「絵文字（emoji）」は、今では人々の言語の一部となっている。よほど変わった人でない限り、メールやインスタグラムの投稿、ティックトック（TikTok）の動画に、表現力を高めるさまざまな小さな画像をちりばめていることだろう。例えば、予防接種を受けた時の血が少し滴る注射器💉 や、「ありがとう」の意味を込めた祈りの手🙏
全盲のエンジニアと働くことで見えてきたサイボウズのアクセシビリティ｜Cocoda
こんにちは。サイボウズの小林大輔といいます。社内で「アクセシビリティエキスパート」として活動しています。 サイボウズでは、2014年ごろからアクセシビリティについての取り組みを行ってきました。社内啓発活動の一環としてアクセシビリティの社内勉強会やワークショップを継続的に開催したり、実際の製品改善の取り組みも多数行ってきました。さらに社外に向けて、アクセシビリティの重要性や取り組み方を発信する活動もしてきました。 最近では、社内外でアクセシビリティという言葉を少しずつ聞くようになってきました。社内にも社外にもアクセシビリティを発信しつづけてきた身としては嬉しい限りです。 今回は、全盲 (両目が見えない) のエンジニアSUGIさんが入社したことで、私たちサイボウズが得た知見について紹介しようと思います。 もともと、私がアクセシビリティに関わることになったきっかけは、弱視の方へのユーザビリティテ
How to create a screen reader accessible graph like Apple's with D3.js by Sarah L. Fossheim
How to create a screen reader accessible graph like Apple's with D3.js After previously writing about the accessibility of Apple Health’s data visualizations, I felt inspired to recreate one of them with D3.js. I already covered some of the basics in the form of a bar chart, so this time I decided to go for a different type of graph: the activity rings. Before we start While we will build the grap
世界最大クリエイティブの祭典SXSWで障害乗り越え日本人VRダンサー優勝の快挙（長谷川朋子） - エキスパート - Yahoo!ニュース
世界最大級のクリエイティブの祭典SXSW（サウス・バイ・サウス・ウェスト、以下サウスバイ）の今回の目玉は仮想空間だった。米オースティンで行われる国際ビジネスイベントがほぼ完全再現された。世界でも珍しい試みに関心が高まり、世界中からアバターに扮した参加者が集まっていた。そんななか、最終日に行われたアバター・ダンスコンテストで日本人VRダンサーが優勝の快挙を成し遂げた。それは日本のクリエイティビティに光が差すような瞬間だった。 目の前にバーチャルのオースティンの街が広がった今年のサウスバイ 音楽、映画、テクノロジーのクリエイティブの祭典としてサウスバイは毎年3月に米テキサス州オースティンで開催されている。今年はコロナ禍につき現地開催は見送られるものの、3月16日～20日まで5日間にわたって充実したプログラムをオンライン上にラインナップ。世界中のアーティストが参加したライブ配信や、新進気鋭の独立
とある全盲の新入社員の働き方 ～ツール編～｜blindsoup
こんにちは。アクセシビリティ・エンジニアのSUGIです。 私は全盲のエンジニアとして、2020年4月からサイボウズのデザイン&リサーチでお仕事をしています。 これから4回にわたって、とある全盲社員の働き方を連載していきます。第1回目はツール編です。次回以降、自己表現編・協働編・テレワーク編を連載していきます。 さて、私は就活および入社前、こんな不安を感じていました。 全盲の私が働くにあたって不安に感じていたこと ・会社ではどのようなツールが使われているのか、それらははたして使えるのか ・自己（の障害）を周囲にどう表現、どう伝えていけば良いか ・（視覚的な情報格差による）周囲との理解や作業の速度差をどう埋めていけば良いか おそらく同じような悩みを持っている方がいるのではないでしょうか。 そこで、この記事ではツール編と題して、「会社ではどのようなツールが使われているのか、それらは使えるのか」に
全盲プレーヤーが鉄拳7大会に参戦 見えない相手に決めた魂のコンボ | GAMEクロス
障害者を雇用する企業がeスポーツを通じて競い合う「第1回 ePARA CHAMPIONSHIP」の格闘ゲーム部門が2020年11月に開かれました。参加者の一人、全盲のプレーヤーなおやさんによるリポートです。 皆さんこんにちは、なおや（@noy_0207）と申します。生まれつきの全盲の26歳男子です。 2020年11月22日、「第1回 ePARA CHAMPIONSHIP」の格闘ゲーム部門として「鉄拳7（Steam版）」で競う大会が開かれ、プレーヤーとして参加しました。「盲目の戦士」としてニュースやSNSで多くの声をいただきました。ライブ配信を視聴された方だけでなく、ニュースにも注目していただいた皆様、ありがとうございます。 そこで、大会への参加を通して私が感じたパラeスポーツの競技としての可能性と、コミュニケーションツールとしての可能性についてまとめました。 「ePARA CHAMPION
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセシビリティの祭典 2023
Change `useTabs` to `true` by default · Issue #7475 · prettier/prettier
dialog initial focus, a proposal
Colorbase
インタビュー - サイボウズ株式会社 デザイン＆リサーチ アクセシビリティエキスパート小林大輔 - contrAAAst
GitHub - maiha2/accessibility-in-design-system: list of accessibility pages in design systems
TechCrunch
STUDIOサイトのアクセシビリティ強化のお知らせ | STUDIO Blog
GitHub - tailwindlabs/headlessui: Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
