🇯🇵松助🚩 @Matsusuke5th @Maigi_Kensa 本当にそれに尽きる。 JRだろうが民鉄だろうが、在来線だろうが新幹線だろうが、鉄道は老若男女問わず利用される公共交通であるという認識を(特に経営陣は)持つべきだと思う。 2022-08-28 21:15:51
会議を即興で図解する「グラフィックレコーディング」。プロは酔っ払いの話もその場でまとめられるのか検証しました。 会議に出てもわからない。授業を受けてもわからない。なにもわからない。もう無理だ。 そんな時に使える技術、「グラフィックレコーディング」、通称グラレコをご存知だろうか? なんでも会議などを聞きながら、イラストや図を交えてその場でわかりやすくまとめるテクニックのことらしい。 グラレコのプロともなると、どんな難しい会議でもその場でわかりやすくまとめてしまうという。すごい。すごすぎて悔しい。 悔しさのあまりふと思った。そこまですごいプロならば、どんな場面でもまとめられるのだろうか。たとえ酔っ払いの支離滅裂な会話でも、うまく図解できるのだろうか? ぜひ検証してみたい。あと酒が飲みたい。 そんなわけで、リモート飲み会に集まったメンバーがこちらだ。 企画者。飲んだ翌日はいつも一人で反省会をする
トイレの従業員使用可を伝えるマークを男女共用と間違えたのは無理もない-。浜松市中区の浜松科学館の女子トイレに正当な理由がないのに侵入したとして、建造物侵入の罪に問われた同市の男性(64)の判決公判で、静岡地裁浜松支部は20日、無罪(求刑罰金10万円)を言い渡した。笹辺綾子裁判官は「男性が女子トイレと認識して入ったと判断するには合理的な疑いが残る」と理由を述べた。 弁護側は公判で、男性は急な腹痛による排便目的で入館し、無料エリアの女子トイレを間違って使ったと訴えていた。笹辺裁判官は判決理由で、男性がトイレを探してかなり足早に館内を歩いていたなどの目撃証言を踏まえ、「供述内容と整合し、不法な動機をうかがわせる証拠もない」と主張を認めた。 検察側が、隣接する男女トイレにはそれぞれ標識が見やすい位置にあり、気付かないのは不自然と指摘するのに対し、腹痛と便意の焦燥感で「男性の注意力が低下していた可能
Rich Mikan @richmikan コミケに来てた外国人とポケトークで話して気づいた問題点はサークルスペース番号だった 翻訳機でも「ヨ46aです」は訳せない ローマ字では平仮名・片仮名の区別ができず、これも使えない 館内に掲示してある文字も無力。仮に目的地が「ヒ」で、「ハ」の掲示が見えても彼らは近くに来たと気づけない 2020-01-11 19:14:06 Rich Mikan @richmikan I noticed a significant problem with Comic Market. That is "KANA," which are the Japanese alphabets, are used to identify exhibitor locations. Foreigners who don't know Japanese can't read them.
Webプロダクト開発をしていると様々な諸事情によりUI構成を変えたり機能を増やしたり減らしたりすることが多々あると思います。そんな時に避けられない事態として「UI変更に対するお怒りがユーザーからわんさか届いてしまう」ということがあります。今回はUI上の1要素の色を変えただけで虎の尾を盛大に踏んでしまった事件の話をしようと思います。差し当たりどういうUIをどう変えたのかを明示しておきます。変える前がこちら↓↓ beforeUIほんで変わった後がこちら↓↓ afterUIご覧の通り「作業カード」と呼ばれるコンポーネントの色を「緑&黄」から「緑塗り&緑枠線」に変更しました。「え、それだけ?」という声が聞こえてきそうですがそうなんです。それだけなのです。しかしここはレガシードメインのtoB SaaS。toB SaaSではUIの変更がユーザー業務への影響に直結するので軽微な変更を加えるのもハードルが
熱中症対策の「塩タブレット」と間違えて、よく似た「圧縮タオル」を口に入れてしまったというX(Twitter)ユーザーの投稿が注目を集めています。ねとらぼ編集部は投稿者に話を聞きました。 塩タブレットと間違えて圧縮タオルを口にしてしまった人の投稿に注目が集まる(画像提供:かっぽんさん) 取材によると、Xユーザーのかっぽん(@ykatsuta6795)さんはお盆休み中、友人の家へ遊びに行っていました。その帰り際に友人から、「暑い中来てくれたお礼」として、玄関にあったケースに入った塩タブレットを「数個持って行け」と言われたといいます。かっぽんさんはケースの中のタブレットを鷲掴みし、5個ほどジーンズのポケットに入れて、家へ持ち帰りました。 家で塩タブレットを食べようと、袋を開封してそのまま口の中へ入れた瞬間、異変が起こります。「唾液が吸われタブレットが段々大きくなったので変だと思い、口から取り出し
6月9日の「ハフライブ」に出演したローソンの竹増貞信社長(左)、リテール・フューチャリストの最所あさみさん(右上)、MCの辻愛沙子さん(右真ん中)、ハフポスト日本版の竹下隆一郎編集長 ローソンの竹増貞信社長が6月9日夜、ハフポストのライブ番組「ハフライブ」に出演。賛否両論が起きていた同社PB(プライベートブランド)商品の新しいパッケージデザインについて、「お店で選びにくかったり探しにくかったり、色々なご不便やお手数をおかけしてしまっている」とコメントした。 「お客さんのニーズや価値観に寄り添いながらお客さんとつくっていくのがPBだ」として、「NATTO」などのローマ字で書かれ、分かりにくいとされていた「納豆」や「豆腐」を始めとした一部商品のパッケージを早くても7月には変更する方針を明らかにした。
まみねこ(耳をお空に置いてきた) @catfoodmami 今日は会社のデフと突発で居酒屋へ。 電話リレーサービスで店の予約をした際に「全員耳が聞こえない」とお伝えしたからか、呼ぶ時に振る旗まで作ってくれたらしい… 声で呼べないから店員さんが気付いてくれるまで待つしかないことが多かったけどこの旗があると助かるー! この気づきはありがたい。 pic.twitter.com/gtcR7l8rIP 2020-01-08 23:06:55 まみねこ(耳をお空に置いてきた) @catfoodmami ちなみに電話で予約したのは他の人で、店に行ってみたら紙や旗が置いてあったらしく「もしかしてねこさんのニュースを見てやってくれたのかな?」と思ったらしい。 (私は遅れて行った) ちなみにその店に行くのはお初。 でもニュースに関係なくやってくれた気持ちや気づきは嬉しかったなー😊 2020-01-08 23
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog はじめに こんにちは。フロントエンド開発センター UIT Accessibilityタスクフォース 岡﨑です。私たちは、Webサイトのアクセシビリティに関するガイドラインの策定・推進、社内に向けたアクセシビリティの勉強会やe-ラーニングを通じて、LINEとそのファミリーサービスのアクセシビリティ向上を目指しています。 色に対する配慮 アクセシビリティの国際規格となっているWCAGでは、テキストにおける色の取り扱いで以下のことが求められています。 色に依存した表現にしないこと コントラスト比を確保すること なぜ、色に対する配慮が必要なのでしょうか? 困っているのはロービジョンユーザーだけではない LINE STYLEの"Alwa
この文章について これは Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」で基調講演をするにあたって、登壇内容を整理するために書いたものです。登壇内容とは一部に差異があります。 イベント映像 この文章はむちゃくちゃに長いので、登壇映像を見たほうがいいかもしれません。わたしの発表は13:23くらいから30分ちょっとです 登壇資料(内容は同一です) https://speakerdeck.com/ymrl/webenziniatosite-imazhi-tuteokitai-webakusesibiritei https://docs.google.com/presentation/d/1uhCvhh6sZCPUnReSBVDjvGfNAOTKbZ5Sxs8fYMlxMsI/edit?usp=sharing 目的 Web業界で「エンジニア」の肩書で仕事して
ぴこ @827718nya_o 正直、チケット戦争慣れてるさにわより、久しぶりに博物館行こうかな〜って思ってるおじいちゃんおばあちゃんが心配なんだよね…窓口まで足を運んだのに「予約の電子チケットだけです」って言われてしょんぼり戻ってくお年寄りの悲しそうな背中を別の博物館で見かけたことがあるので… 2022-10-03 20:51:20 ぴこ @827718nya_o 案外身近にもいるんで!親とかがこういうの好きそうな人は、「予約制だけど知ってる?」って確認した方がいいよ! うちのオカンなんて「国宝展のためにワクチン打ってきた」とか言ってた割に窓口でチケット買う気でいて、慌てて公式の予約サイト教えたので! 2022-10-03 21:00:50
ウェブサイト制作において見た目がきちんと実装されているのは大事なことですが、コードのちょっとした違いでユーザーの不便につながることもあります。本記事では見た目だけでなくユーザーの使い勝手にも気をつけたコーディングテクニックについて解説してます。今回はユーザーが特に使い心地を感じやすいインタラクション部分で、シンプルなHTML・CSSだけでより良くできる17個に絞って紹介します。 下記サンプルでNG例とよい例の両方を紹介しています。実際に違いに触れながら本記事を読むと分かりやすいです。 サンプルを別ウインドウで開く コードを確認する 1. divタグをボタンにするのは避けよう 見た目はボタンのようでも、<div>要素で実装したボタンはアクセシビリティの観点からもよくありません。ボタンとしての機能を持つなら<button>要素を用いるのが多くの場面でも有効です。もし、諸事情で<div>要素を用
くり からん | 楽しむ病人生活 @imeyun_kana ソロ活好き50代。自炊ひとり旅・駅スタンプ・沖縄・ポイ活で豪華め旅行・FIRE済🌴脳・脊髄・骨に遺伝性の海綿状血管腫。じわじわ麻痺が進行中 🌿ブログ以外に ●note.com/kuri_karan ●instagram.com/kuri_karan_ime ●taittsuu.com/user/imeyun_ka… yakusugi.net くり からん | 楽しむ病人生活 @imeyun_kana イオンシネマで車椅子を女性スタッフに何回も担いでもらった人の件について。先日JAL便で那覇から石垣空港行きの航空機まで車いすを押してもらい、地上係員が後ろについてたのに車椅子が横転し、その衝撃で神経をやられ、今も手のしびれが治らない障害者の私から言いたいことがいくつかあります。 x.com/hashire_nyanko… 2024
鉄道の駅に設置されているホームドア。転落事故の防止に大きな効果を発揮しますが、都のまとめでは、都内の駅の設置率は、2023年3月現在、半数程度にとどまります。 こうした中、都営地下鉄では2月20日、設置率は100%となりました。最後に設置された押上駅のある浅草線は、5つの事業者による相互直通運転が行われ、ホームドアの設置は鬼門とされてきました。事業者それぞれで経営規模や車両が異なるため、足並みを揃えて高額な整備費用を負担できるかどうかが不透明だったためです。 しかし、今回、当初想定された車両改修コストは740分の1にまで抑えられ、ホームドアの全駅設置が実現しました。その立て役者となったのは2次元コードでした。
この記事は Front-End Study #3 で発表されたライブコーディングの内容を記事にしたものです。記事中のソースコードは GitHub でご覧いただけます。 この記事は、これまで一般的なフロントエンドエンジニアだった私が一年ほどアクセシビリティーについて勉強する上で 「最初に教えてくれればよかったのに〜!」と思った内容 を React と Next.js を用いて紹介するものとなっています。 読み終わった後に次にコードを書く際にふと意識できるようなアクセシビリティーの普遍的な事実を紹介し、最後に今後の React の動きについて軽く触れるものになっています。目次は次のとおりです: 基本事項 SPA のルーティングによる問題 リッチなコンポーネントでの例 Jest + React Testing Library でのテスト Reactとアクセシビリティーの今後の動き 役に立つweb
[B! 増田] 「2時間静かにできない人は映画館来ちゃいけないんです」の行きつく先は我.. 消えちゃったけど。元増田どんまい。 上のブクマカを見ればわかるけどほとんど健常者の傲慢で溢れている 結論から言うと「静かに見たい人」と「静かじゃなくてもいい人・静かにできない人」に分けるべきなんだよ でも映画館のキャパを「静かに見たい人」に100割振ってるから傲慢な意見ばかりになってしまう 例えば「静かに見たい人用2500円」のスクリーンと 「静かじゃなくてもいい人・静かにできない人用1800円」のスクリーンにわければ 誰でも気兼ねなく映画が観ることができるサービスが誕生する 経営側にとっても需要に合わせてスクリーンの割合や料金を調整すれば減益になるとは限らない しかし既存客の「静かに見たい人」にとっては上映回数が減るので不便が生まれる その不便を受け入れられないから傲慢ブコメが並ぶ これは映画館以
駅に掲示されている「時刻表」について、鉄道会社の間では、スマートフォンの普及や経費の削減などを背景に数を減らして集約したり、時刻表を掲載するウェブサイトを案内したりする動きが広がっています。 このうち6つの路線を運行する「名古屋市営地下鉄」は、ダイヤの改正などに合わせて3つの路線については、3月までに駅のホーム上にある時刻表をすべて撤去することにしています。 駅の改札口付近などでは時刻表の掲示を続け、また、スマートフォンなどで時刻表を確認できるよう、ウェブサイトにつながるQRコードの掲示も進めています。 名古屋市交通局によりますと、ダイヤの改正などにあわせて新しい時刻表を掲示するための経費は、一つの路線で印刷代や人件費などあわせて、およそ数百万円かかるといいます。 名古屋市交通局営業本部電車部駅務課の丹羽孝夫さんは「乗客の数は回復傾向だが、コロナ禍前を下回り、さらに物価上昇で経費も増加して
はじめに 私はGoが好きなので、disられている場面に遭遇すると心が痛みます。残念ながらプログラミング言語について深く語れるほどの知識や経験は持ち合わせていないため、世界が平和になることを祈るくらいしかできません。 (元ネタ)Go言語を嫌う6個の理由 - さめたコーヒー それはそれとして、Goが好きな理由を語る人はあまり見かけない気がします。この記事ではGoが好きな理由を視覚に障害のあるユーザーの視点から語ります。読み終えたところで得るものは何もありませんし、長いので覚悟して読んでください。 あなたは誰? 4年ほど業務でサーバーサイドのGoを書いています。また、業務で使いはじめる前から趣味でGoに触れていました。そのため無意識の内にひいきしているかもしれません。ただし、流行っているからといって理由もなくGoを勧めたりはしません。 視覚障害ならではのコーディング事情 Goが好きな理由と深く関
最近、哲学者の千葉雅也氏がサイゼリヤについて語っていたツイートが「炎上」状態になっていた。 サイゼリヤに来たら、番号を記入した紙を渡す形式になっていた。ライス大盛りに一つの記号列が割り当てられている。ひどいと思った。世界は本当に寂しいところになった。これでいいと本気で思っているんですか、本当のところはどうなんですか、と叫びたくなった。 2022-07-05 12:56:36 ものすごく卑近な言い方にすれば、無味乾燥な記号にすることで本来それを指す言葉が持っていた豊潤さを消している、人間味であるとか詩的感性の剝奪である、というようなことであろう。コンテキスト等についてアンフェアにならないように紹介しておけば、togetterと氏のアカウントの直接の発言も参照されたい。 今回は、氏の発言がなぜ「炎上」状態になったかについて私見および他の方のご意見をメモとして残しておく。今回の内容は、私以外の方
はじめに 私はデザイナー兼フロントエンドエンジニアというような立ち位置で、勤務するfreee株式会社のアクセシビリティガイドラインの作成に関わったり、アクセシビリティまわりの仕組みの整備や社内エバンジェリストみたいなことをしています。 もともと私はWebアクセシビリティという分野が、重要なものである以上に技術や考え方として面白いと思ってやっているうちに気付いたら仕事で大きなウェイトを占めるようになってしまったタイプの人です。しかし、そうではない人たちにその重要さを説明したり、対応をお願いしたり、そのための資料を作ったりしているうちに、「やっぱWebアクセシビリティって難しいんだなぁ」と思うようになってきたので、それについて書いてみようと思います。 なお、背景を説明するうえで必要なので社名を出しましたが、あくまでこの文章は個人の見解であり、所属組織とは関係がありません。 誰のためにやるのかが
$tina$ @tinasuke 若者のスクショ癖を腐すの嫌なんだけど、1万回注意してもアシスタント(25歳)が参考資料などをスクショで送って来るので1万1回目のキレをかましてしまった😢地図でもサイトでもスクショで送ってくる😭情報追えねぇからURL貼れっつってもURL写ってる状態のスクショ送ってくる😭若者のコピペ離れ😭つら 2020-06-22 15:41:41 $tina$ @tinasuke スタジオの電話番号とかもスクショで送ってくるから、何度も何度も、番号コピペで送ってくれたらそのままタッチで発信できるんだからね、つっても、「ググれば一番上に出てくるとこなんで!」とか謎の持論かましてくる😭 手間よ😭 2020-06-22 15:44:22
10月1日の消費税増税に合わせ、キャッシュレス決済で支払うと金額の最大5%を国がポイントで還元する「キャッシュレス・消費者還元事業」が始まりますが、この事業をPRする公式Webサイトから「加盟店一覧はこちら」をクリックすると、即座に3608ページという膨大なPDFファイルに飛ばされてしまうことがちょっとした話題になっています。長い。 国の「キャッシュレス・消費者還元事業」公式サイトの消費者向けページ。「使えるお店を探す」から加盟店一覧を確認できます 同事業は、増税後の消費刺激策に加え、キャッシュレス化の促進を図るもの。ポイント還元対象のキャッシュレス決済サービスで支払うと、中小の小売店や飲食店などなら5%、大手企業が展開するコンビニエンスストアや飲食店のフランチャイズ店なら2%を、国がポイントで還元する仕組みですが、20年6月までの時限措置です。 これをPRするのが「キャッシュレス・消費者
点字ブロックの中にアンパンマンの顔が隠れている―。 子供たちに大人気の施設「アンパンマンこどもミュージアム」のそんな仕掛けが、微笑ましい話題としてSNSなどで度々注目を集める。しかしこの“隠れアンパンマン”、視覚障害者の間では以前から「危ないのでやめてほしい」という声が根強いと聞く。当事者と施設に取材した。 【写真】点字ブロックのアンパンマンをアップで見る 神戸市にある「神戸アンパンマンこどもミュージアム&モール」。点字ブロック(点字鋲)は、限定グッズのショップや飲食店などが並ぶ1階のショッピングモールと、有料フロアである2階のミュージアムをつなぐスロープなど数カ所に設置されている。しゃがみ込んで目を凝らすと、等間隔で並ぶ金属製の丸い鋲の中に、愛らしいアンパンマンの顔がいくつも潜んでいるのを見つけることができた。 「探している子供に気づかず、蹴ったり突き飛ばしたりしてしまったらどうするのか
Web フロントエンドの実装において本来の機能を損なってはいけない 2022.12.24 データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で制御するようになった結果、本来備わっていた機能を損なう形で実装されるような間違いが起きるケースも発生してしまいました。見た目上操作に不都合がないのですが、修飾キーが有効でなかったりと、とある要素が当然に持っているべき機能が失われていることがよくあります。 昨今の Web フロントエンドの開発においては、React や Vue.js などを利用した SPA を採用することが多くなりました。従来の MPA と比較して、リンククリック時やフォーム送信時にページリロードを挟まないので、高速な画面遷移を実現できるため、快適な操作を実現できます。 一方データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で
こんにちは。伊原 力也(@magi1125)と申します。業務アプリケーションのデザイナー、デザインチームのマネージャー、アクセシビリティ関連のコンサルタントなどをやっています。 ウェブアクセシビリティを普及啓発する活動を始めて10年が経ちました。おかげさまで興味を持ってくれる人はかなり増えたと感じています。しかし、人が増えると声は届きにくくなります。「アクセシビリティをどこから学び始めていいかわからない」という意見も目にするようになってきました。 また、私はこれまでにアクセシビリティに関する書籍を何冊か書いていますが、専門書ってちょっと高いので、興味があるぐらいの段階で本を買うのはちょっと……という気持ちもわかります。 ということで、これまで自分が発信したり関わったりしたコンテンツのうち、ウェブアクセシビリティの理解の助けになりそうものをベストアルバム的に一度まとめてみることにしました。
sgm @g_stand 先日、たまたま立ち寄った道の駅で見かけた食堂の券売機。このシステムを考えた人は天才だと思った。 券売機の各ボタンの中に、料理名だけでなく写真が入っているので、直感的に選ぶことができる(ここまではよくある話)。 pic.twitter.com/ek6cmFracM 2023-08-17 14:22:43 sgm @g_stand 感心したのはここから。そのすぐ右隣(券売機の待ち行列ができる方向)に、券売機のボタン配列通りにそのまま約1.5倍に拡大したパネルがあり、券を買う前に何を食べるか、どの券を買うか、一度シミュレーションができる。つまり自分の番になってもほとんどまごつくことなく、券売機のボタンが押せる。 pic.twitter.com/tPeBNZmv7U 2023-08-17 14:24:00
*アノマテカ* @hoshikuzucake 偏見かもしれないけど公共交通機関ってこういうとこあるよな、と思う。JRに限らず鉄道会社で「切符の買い方」みたいな基本的な情報がホームページのどこに書かれてるかわかりやすいとこってぜんぜんない。海外から来る人とか困ったりしないのかな? twitter.com/akita11/status… 2023-02-10 23:53:07 *アノマテカ* @hoshikuzucake 自分は身体に障害があるし遠距離恋愛してたから、デート(という名の旅行)の予定を立てたら事前に行く場所の公共交通機関をよく調べたけど、バスも前払いなのか後払いなのか、前の扉から乗るのか後ろの扉から乗るのかも、ホームページのすごくわかりにくいところに書いてあるか最悪書いてなかったりした 2023-02-10 23:56:44
現在、本業・副業ともにWEBデザイナーとしてデザイン・コーディングをしているゆるけーです。 本業で携わっているWEBサービスが割と高齢者向けのサービスで、ITリテラシーやUIが今の自分と考え方が異なるよなーと思っているなか、『高齢者のためのユーザインタフェースデザイン』という書籍に出会いました。 高齢者関係なく普通にアクセシビリティの観点でも重要な視点がたくさんあり、とてもいい書籍だったので、ざっくり大事だと思った箇所を抜粋しつつ自分で探した事例等をざっと記事にまとめていきますー。 視覚 高齢者になると視力が低下する傾向があります。ただ、視力の低下=フォントを大きくするだけではありません。 視力の低下は老眼や光覚の減少などより複雑です。 主な視力の低下の具体例は以下のような点。 老眼:近く・遠くのものの焦点が合わない 周辺視野のぼやけ:画面の端に気づきにくい 中心視野の損失:画面の中央が暗
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く