アクセシビリティ知見まとめ

本

アクセシビリティの知見をまとめていくマガジンです。noteではプロダクトデザイナーを募集しています→https://open.talentio.com/r/1/c/note/pa… もっと読む

運営しているクリエイター

#UIデザイン

デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選

こんにちは！東芝UIデザインチームnote事務局の小林Jです。みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？そんな時によりどころになるのが「人間工学」です。「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。「人間特性」とは、知覚から認知、身体に至るま

全ユーザーを想うデザイン✨ Webアクセシビリティについて社内勉強会を開催しました🧑‍💻👩‍💻

こんにちは、エンジニアの今堀です🐄 meltyでは、毎週チーム全体で勉強会を開催しています📕。そして、今回のスポットライトは…「Webアクセシビリティ」に当てられました！💡 meltyの強みは、エンジニアとデザイナーが手を取り合い、全員が「Webアクセシビリティ」の深い理解に努めることで、強みを活かし、誰もが使いやすく、愛されるプロダクト開発ができると考えています！この記事では、勉強会で共有された知見の一端をみなさんにもお届けします！勉強会のゴール 🎯

デザインから考えるウェブアクセシビリティ

こんにちは。dotDデザイナーの山口です。前回の投稿からだいぶ間が空いてしまってますが…とあるプロジェクトがひと段落し、会社として取り組む・考えていかなければならないテーマとしてnoteに残すべく重い腰を上げました（褒めてください）。その"とあるプロジェクト"というのが、先日リリースされた「デジタルマーケットプレイス（DMP）」の実運用に向けたα版サイトの開発・構築です。 DMPでは、これまで複雑だった調達プロセスを簡易化することで手続きを軽減し、必要なサービスを検索・

請求書アプリでDynamic Type対応をした話〜Dynamic Type対応のデザイン検討〜

9/6に請求書アプリをリリースしました。このアプリはfreeeのアクセシビリティガイドラインの基準を全て満たしており、ダークモード・VoiceoverやTalkbackなどの読み上げ対応など、アプリで必要とされるアクセシビリティの対応していますその中で、Dynamic Type対応はfreeeで開発しているアプリでも初の取り組みでした。 Dynamic Typeのデザイン時に参考にできる記事やアプリが少なく手探りだったので、これから対応をする方が参考にできるように書きたい

イベント「企業でのアクセシビリティ向上、「成果」をどう考える？」に参加しました

サイボウズ、freee、Helpfeel、SmartHRの4社が登壇するイベント「企業でのアクセシビリティ向上、「成果」をどう考える？」に参加しました。当社Helpfeelからは司会としてyado、パネルディスカッション登壇者としてpastakが参加していたので応援の気持ちで参加したところ、大変勉強になる会でした。特に質疑応答では、個人的に興味があったアクセシビリティ対応をどのタイミングで始めたのかという点について各社興味深い回答をいただけたのでとても嬉しかったです。

カラーアクセシビリティ - Webやアプリデザインで注意すべき例

NTTレゾナントテクノロジーUI/UXデザイナーの笛田です。WebサイトやモバイルアプリのUIデザインを担当しています。今回はカラーアクセシビリティについて、デザイン時に注意すべき点を例と共にいくつかご紹介します。前提知識アクセシビリティとは JIS X 8341-1のアクセシビリティは、以下のように定義されています（※1）。色のコントラスト幅広い層の人々に公平に情報を見やすくするためには、色のコントラスト比が重要です。文字の色と背景色とのコントラスト比が高い

STUDIOで実践する、万人のためになるウェブアクセシビリティ対策

はじめまして、この春からSOMPO Digital LabのSprintチームにプロダクトデザイナーとしてジョインした松葉（ https://twitter.com/tiyou01 ）です。これまでは映像業界でエディターとして働いたり、スタートアップでデザイナーを経験してきました。また個人としてもウェブ制作や映像制作をしており、ノーコードウェブ制作ツールSTUDIOの公式パートナーも務めています。 STUDIOはコードを書かずにウェブサイトを制作できるノーコードウェブ制

アクセシビリティの指摘はなぜあんなに『めんどうくさい』のか

まあ、そんな言葉を残したダルイ5世なんて存在しないんだけど、あることの『めんどうくささ』には、こういうお互い様な部分があることは読者のみなさんも経験的に感じているのではないでしょうか。今回の話は、アクセシビリティの専門家として日々相談を受けたりレビューをする中で感じている『めんどうくささ』を説明しつつ、相談をしている側やレビューを受ける側も私の話をめんどうくさいと思って受け取っているんだろうなぁ〜という予想をしながら、これらにまつわる問題の整理と、それでもあえて『めんどう

「Webアプリケーションアクセシビリティ」どこから読む？

@magi1125 @sukoyakarizumu @masup9 と共著で書いた「Webアプリケーションアクセシビリティ」という本が、2月27日に発売になります！この本は、各社でWebアプリケーションのアクセシビリティを推進していくうえで「デザイナーやエンジニアとして開発している現場のメンバーのために、アクセシビリティを向上させるために必要な知識がまとまった本が欲しよね」ということで執筆しました。そうして出来上がった本はまさかの576ページで、ソフトカバー製本のくせに自

Carelyのダッシュボードでカラーユニバーサルデザインを試みた話

こんにちは！梅雨も一瞬で明け、一気に暑くなってきましたね💦 法人向け健康管理システム Carely （ケアリィ）の導入を通じて「働くひとの健康を世界中に創る」事業を展開している株式会社iCAREでUIデザインやデザインシステムの推進をしている高橋名人 (@zouzei8to10)と申します！ Carelyは、会社で働くひとの健康データに基づき、適切に予防措置に取り組むことにより健全な組織づくりを支援する健康管理システムです。そのため、ダッシュボード型の画面では「ストレ