アクセシビリティ

こんにちは。エンジニアの中島です。 現在はアクセシビリティ推進グループ（以下推進グループ）に在籍しています。 以前同組織の紹介記事をいくつかあげましたが、その通り弊社は自社の運営するサービスをアクセシブルにするため日々奮闘しています。 www.lifull.blog www.lifull.blog 以前の記事ではどういったマインドで同組織ができたか、どのように推進しているかについて話ました。 今回は、そういった活動の中でいくつか技術的な副産物が生まれたのでその話をしようと思います。

テックタッチアドベントカレンダー 22 日目を担当する、フロントエンドエンジニアの shoko です。クリスマスが大好きで、12 月に入ってからは毎日うきうきしています！ 本日のテーマは「アクセシビリティ」です。 アクセシビリティとは？ アクセシビリティとは、Web システムやサイトを可能な限り多くの人が利用できるようにすることを意味します。 「可能な限り多くの人」というのは、ハンディキャップを持つ人々だけではなく、さまざまな状況や環境も含まれます。例えば、モバイルデバイスや回線の遅いネットワークを利用する場合、屋外の光が眩しい場所でデバイスを利用する場合、機械の故障でマウスが使えずキーボード…

https://www.w3.org/TR/ctaur/#collaboration-tools これはアクセシビリティアドベントカレンダー 16日目の記事です。W3CのCollaboration Tools Accessibility User Requirements(CTAUR) を紹介します。内容は執筆時点の情報です。 www.w3.org Collaboration Tools Accessibility User Requirementsとは Collaboration Tools Accessibility User Requirements(CTAUR)は、コラボレーションツー…

この投稿は Goodpatch Advent Calendar 2022 11日目の記事です。 こんにちは、エンジニアの中田です。とあるプロジェクトでiOS Appを開発しており、アクセシビリティの向上の一環として、VoiceOverの体験を改善させる取り組みを実施しました。私にとって、VoiceOverの対応は初めてで、漠然と「VoiceOver」について知っていたものの、いざ実装しようとした際に、どこから手をつけてよいのか悩みました。その際「VoiceOver」を基礎から学ぼうと思い、過去のWWDCセッションを視聴することから始めました。 この記事では、初めてVoiceOverを対応する人…

触れずに「通知」を消したい Apple Watchの便利な機能のひとつが「通知」だ。iPhoneを取り出すことなく、メールやメッセージの着信を確認できる「通知」は、Apple Watchの赤い点で表現される。赤い点に触れると、通知内容が表示されて、「すべてを消去」をタップすることで削除できる。 つまり「通知」を消去するには、Apple Watchの画面を2回タップしないといけない。これが面倒だ。Apple Watchは構造上、操作するには両手を使う必要がある。 これが意外に面倒くさい。両手が塞がっているときは荷物を置かないと操作できない。鼻で画面に触れる荒技はあるが、見た目良くない。 色々調べ…

私はよくKindleで読書をしますが、読む時間帯が事務所から帰宅後の団らん時が多いため、なかなか読書に集中できないことがあります。 以前の職場では、片道１時間40分ほど掛かっていましたので、絶好の読書タイムでしたが、今は片道10分なので、通勤時、帰宅時には徒歩を含めてイヤホンでPodcastやネット動画の音声などを聞いております。 ただ、興味あるPodcastもそれほどなく、ネット動画の音声も最近の話題が似通っているので、少し飽きてしまっています。 Kindleといえば、同じAmazonが提供するサービスに「Audible」があり、一時期利用していました。 しかしながら、いわゆる朗読ですので、…

JADE ファウンダー & CSO の長山 (@KazushiNagayama) です。 この度 ja.dev のコーポレートサイトをリニューアルしました。もともとのサイトは JADE 創業時に長山がパパッと作ったものだったので、そろそろ潮時かなということもあり、全面リニューアルです。 その際に、 アクセシビリティに配慮した コンテンツをメンテしやすい デザインもちゃんとしている サイトを作りたい、ということで、いろいろと考えた結果、 Notion + Wraptas で行うことになりました。 意識したこと アクセシビリティへの配慮 特にコーポレートサイト部分は、伊原さん (@magi1125…

uxmag.com UXデザインにおいて重要なことは、アクセシビリティ（能力に関係なく誰もが使えるプロダクトやサービスのデザイン）です。しかし、その重要性にもかかわらず、UXデザインの分野ではアクセシビリティが軽視されることが少なくありません。多くのデザイナーや組織は、新しいプロダクトやサービスをデザインする際にアクセシビリティを優先させることができず、その結果、すべての人にとって包括的でないユーザー体験を生み出しています。 そこで登場するのがAIです。今日のテクノロジーの世界では、人工知能（AI）がUXデザインにおけるアクセシビリティの強化に活用され、障がいを持つ人々がデバイスやウェブサイト…

こんにちは。 ここ1ヶ月半くらい仕事が忙しくて、あんまりブログの更新ができていませんでした。 今日は、会社の上司に教えてもらった読書の方法についてです。 ぼくはこの方法で本を読むようにして、本を読む時間を爆増させることができました。 やってる人は結構いそうですが、色々な人におすすめしたいのでブログにまとめておきます。 これまでの読み方 技術書を効率的に読むために、これまでいろいろ試行錯誤してきました。 たとえば、↓の記事で書いたように精読しすぎないようにして読み進めて、1冊に時間をかけすぎないようにするなど意識していました。 ishikawa-pro.hatenablog.com また、物理本…

アクセシビリティ設計に関する規格であるJIS X 8341-1:2010（高齢者・障害者等配慮設計指針－情報通信における機器，ソフトウェア及びサービス－第1部：共通指針）を適用する目的のうち，適切なものはどれか。 全ての個人に対して，等しい水準のアクセシビリティを達成できるようにする。 多様な人々に対して，利用の状況を理解しながら，多くの個人のアクセシビリティ水準を改善できるようにする。 人間工学に関する規格が要求する水準よりも高いアクセシビリティを，多くの人々に提供できるようにする。 平均的能力をもった人々に対して，標準的なアクセシビリティが達成できるようにする。 解答・解説 (adsbyg…

Webページの設計の例のうち，アクセシビリティを高める観点から最も適切なものはどれか。 音声を利用者に確実に聞かせるために，Webページを表示すると同時に音声を自動的に再生する。 体裁の良いレイアウトにするために，表組みを用いる。 入力が必須な項目は，色で強調するだけでなく，項目名の隣に“（必須）”などと明記する。 ハイパリンク先の内容が推測できるように，ハイパリンク画像のalt属性にリンク先のURLを付記する。 解答・解説 (adsbygoogle = window.adsbygoogle || []).push({}); 解答 ウ 解説 音声を利用者に確実に聞かせるために，Webページを表…

野村証券が出している、ゴールベースアプローチの解説書を読んだ。マニアックなのだが、日本における現状も踏まえて実務家が書いた書であり、非常に面白い。 以前からゴールベースアプローチには注目しており、個人の資産形成を考えるうえで見るべき点があると思っていた。 ゴールベースアプローチ自体が云々というよりは、あくまで考え方・発想が参考になるという話だが。 本書で、「テクノロジーの進歩や世代交代・価値観の変遷で、ゴールベースアプローチが基盤に置いている”人と人との関係性”に対する価値の置き方も変わってくるかも」ということが書かれていた。 まさしく、Gen AIが爆発的に進化・拡散している今、この言葉は非…

OBS Studioに関するメモをたくさん書いてる記事。 ※内容は「OBS Studioに関する個人的メモ」を移転しました。 記事投稿日 2021年10月6日、最終投稿更新日 2023年03月25日 06時30分頃 かなり文字が多いのでブラウザの検索機能をお使いください。 将来的に記事を分けて投稿したいと思ってます。(現在作業中) ブラウザ検索ショートカット Windows : Ctrl + F macOS : Command + F この記事は下記環境でテストしています。 ★Windowsの場合 OBS Studio 29.0.2 (それ以下のバージョン、開発版も含まれます) Windows…

やっている技術書の積み上げを消化する。 オライリー社より出ているReactハンズオン第2版の12章3~4節。 ここより前は既にやっているので割愛。 しかしひとまず12章全体の概要を自分用に要約しておく。 アイソモーフィックとユニバーサル Reactはアプリケーションのビューを提供するライブラリのためクライアントサイドに寄っている。しかし昨今のwebアプリケーションはバックエンドで何かしらの処理を行うのがほとんど。 そこで出てくるのがアイソモーフィックという概念。 アイソモーフィックとは「複数のプラットフォームでレンダリング可能なアプリケーション」のこと。 ユニバーサルと近い概念だが、あちらは「…

uxdesign.cc AIがデザインに革命を起こすことは間違いなく、私も仕事やプライベートでアイデアから行動までの時間を短縮するために常に使っている欠かせないツールです。 Open AIがリリースしたばかりのマルチモーダルプロダクトGPT-4の登場により、テキストと画像、そして最終的には音声と映像の両方で、より優れた結果が得られることが期待されています。 Source: Open AI エキサイティングでしょう？しかし、理論的にはすべてを変えることができるのですが、ある重要な要素、つまり人間という要素を変えることはできません。 ChatGPTが人間に取って代わるのかどうか、ChatGPT自身…

この記事はmacOS版 OBS Studio の ダウンロード / インストール / ダウングレード / アップデート / アンインストール 解説をしています。 またmacOS版の注意点なども記載してるので、困った場合はご覧ください。 ※内容は「OBS Studio(macOS) インストール / アップデート 方法解説」を移転しました。 記事投稿日 2021年10月02日、最終投稿更新日 2023年03月24日 04時20分頃 Windows版の記事は→ こちら ★OBS Studio 28.1 情報★ ・Steam版 この更新以降、M1/M2のMacはデフォルトでARM/Apple Sil…

プラスミドには、病原因子や抗生物質耐性機構をコードする遺伝子が含まれていることが知られている。メタゲノミクスデータ処理におけるその関連性は着実に高まっている。しかし、メタゲノム実験の普及と規模の拡大に伴い、報告されるプラスミドの数も急速に増加しており、未検出のミスアセンブリによる偽陽性が相当数蓄積されている。この以前に出版したPLSDBデータベースにより、研究者は自分の配列を選択され注釈が付けられた過去の知見と素早く比較するための信頼できるリソースとして利用できる。このデータベースは、8回の定期的なデータ更新により、当初の13,789件から2倍以上の34,513件に増加した。今回の更新では、新…

オープンβを遊んでみました。 うーん、個人的にはイマイチかも……。 全体的な感想としては、ルールもアクションも手応えがない感じ。 もちろんいいなと思ったところもあるけれど。 以下細かい感想。

マーケティングの基本的なコンセプトの1つであるマーケティングミックスは、商品、価格、プロモーション、そして場所の4つの要素から構成されます。4つの要素は、消費者が求めているものを提供するためにそれぞれ異なる方法で使われます。商品、価格、プロモーション、場所は、企業にとって重要な意味を持ち、それらを適切に調整することで、企業は市場で競争優位性を獲得することができます。 ① 商品 （Product） 商品は、企業が開発または提供する製品やサービスを指します。商品は、消費者が求めているものに合わせて設計される必要があります。商品の設計と開発は、市場ニーズと競合他社の商品との競争を理解することが欠かせ…