キンコミ kintone user community

みんなの投稿

2023/05/24 07:18

初めまして、kintone導入2カ月の初心者です。ググっても該当する情報が見つからないのでこちらで質問を投稿させて下さい。

ヘッダーの下にハンバーガーメニューや、ホーム、通知アイコンのあるグレー色のメニューバーがありますが、アイコン各種が背景色と同系色で見えずらいという意見が使用者からありました。
ヘッダーやデザインは変更可能なのですが、メニュー色の変更は標準では出来ないようです。
css、javascript、プラグインで出来る方法があれば教えていただけると助かります。

ちなみに当方はcssやjavascriptの知識は全く無いのですが、聞ける人はいるので助けを借りてやってみたいと思います。

6件のコメント (新着順)
井上望
2023/05/26 21:49

アクセシビリティって、ほんとに難しいですよね。
モーダルとか、リッチな機能が増えてきて、健常者と様々な障害をお持ちの方の利便性の差はどんどん開いていると感じます。

全盲の方向けのスクリーンリーダーや専用パソコンは昔から結構あったんですが、色覚障害の方向けのサポートソフトは殆どないですし……

かなり個人差はあると思いますが、Windows標準の簡単操作内のカラーフィルターは試されましたか?
バンバーガーメニューのバーが完全な灰色だとどうしようもないですが、いずれかの色寄りになってれば、多少効果があるかも知れません。


km01
2023/05/27 10:25

井上望さん

コメントありがとうございます。
私も会社の広報の端くれ的な仕事をしていますが、恥ずかしながら色覚異常について情報をまった持っていませんでした。社内の広報担当者間でもCIは気を使うが、その他の色使いについてはほとんど議論されていない気がします。
カラーフィルター、初めて知りました。こんな機能があったんですね!ショートカットで切り替えも簡単そうなので、一度こちらも試してもらおうと思います。

蛇足ですが、知ってる範囲のことを書きますね。

Webサイトへのアクセシビリティに関しては、すでにJISで規格化されています
・ガイドライン ※一番古いバージョンが2004年だったと記憶しています
https://waic.jp/docs/jis2016/compliance-guidelines/202104/

通常は「配慮」をクリアするレベルが多いです。
より多くの人が「公平」な環境で、WebサイトやWebを利用したサービスを享受できるのが理想です。

これはサイボウズの頻出ワードである
・公平さ
・100人100通り
に対して、配慮すべき項目なのでどこかのタイミングで本気を出されるかもしれませんね。

km01さんの会社にいらっしゃる方の声をきっかけに大きなムーブメントに繋がるといいですね。

地方自治体や国のサイトなどは、Webサイトのリニューアルなどの入札時に要件として記載されている場合もあります。
神戸市ホームページ作成事業者用ガイドライン
https://www.city.kobe.lg.jp/a57337/homepage/web_accessibility/guideline.html


km01
2023/05/26 12:48

たなよしさん

コメントありがとうございます。
私も初めてその方の声をきっかけにアクセシビティの大切さを実感しました。自分もこれまで数十年の間、作ってきた数々のコンテンツがいかに配慮に欠けていたか、振返って反省する次第です。(同系色のグラデーションだけの積み上げ棒グラフとか平気に作っていました。。。)
見えづらくても、言い出せず我慢されていたんだろうなぁと思うと、申し訳ない気持ちになりました。

km01
2023/05/26 09:42

ほりさん

コメントありがとうございます。
ブログ参考にさせていただき、なんと素人の私でもメニューバー改めツールバーの色の変更が出来ました!
ただ灰色のアイコンはパーツ使用により変更できず、まだ見えづらい状況のようです。
皆様からアドバイス通り、今週末にでも具体的な要望をまとめて、サイボウズさんへ送付してみます。

ぜんまる
2023/05/25 10:18

ご質問に対する回答ではないのですが、色覚障害の方に対する色使いの工夫はよいテーマだと思いました。目薬などで有名な会社のサイトには、先天赤緑色覚異常の割合は男性では5%、女性でも0.2%だと書いていましたし、きっとサイボウズさんも「なるほどね」と思ってくれるような気がします。


km01
2023/05/26 13:01

ぜんまるさん

コメントありがとうございます。色覚異常は男性の方が多いのですね。関係するか分かりませんが、男性と女性とでは色の見え方も違う(見える色の種類が多い)という研究結果もどこかで見た気がします。

私もきったんさん同様、慣れてもらう。のが一番の解決策だと思います。
導入2か月とのことですし、そのうち慣れますよ♪
あとは「kintoneの改善に協力」で要望を送って
色を選べるようになるのを気長に待つ!


km01
2023/05/25 08:20

後藤由季さん

コメント・アドバイスありがとうございます。
サイボウズさんへ「kintoneの改善に協力」を送付という手段もあるんですね!
使用歴2カ月の一ユーザー(しかもすごく少ない契約数・・・)が、と躊躇しますが、ヘッダーとデザイン色の変更に合わせて、メニューの色も変えたいと思うユーザーは他にもいらっしゃるかも知れないので、お願いしてみたいと思います。

直接的な回答ではないかもですが、ほりさんブログが参考になるかな?

ただ、キンコミ的な回答をすると、kintone SIGNPOST「3-29 ほどほどのUIカスタマイズ」にはこう書いてあります。

kintoneの見た目や使い勝手を既存の業務システムに合わせるなど、大きな変更を加える場合、kintone APIのドキュメントで記述されていない実装方法を選択せざるを得ない場合がある。この方法は、サイボウズが推奨しないカスタマイズとなるので、kintoneのアップデートの影響を受け、カスタマイズした部分が想定通りの動きをしなくなる可能性がある。
また、この時点で出てくる現場メンバーからの見た目や使い勝手への要望は、旧来のシステムへの慣れなどからきている物が多く、新システムに慣れていくにつれて解決する可能性もある。その場合、コストと時間をかけて実装したカスタマイズが不要になることもある。

見た目の問題は「慣れてもらう」ことを第一に考えてもらった方がいいかもしれません。
ご自身でCSSなどを書けないのであればなおさら、というのが個人的感想です。

でもどうしても、ということであればカスタマイズする方のコミュニティ、cybozu developer networkに質問してみることをお勧めします。


km01
2023/05/25 08:08

きったんさん

コメント・アドバイスありがとうございます。
敢えて書かなかったのですが、実はユーザーに色弱の方がおりまして・・・(その方曰く、kintoneの標準デザインはとても見づらいようです)
ヘッダーやフィールドの背景、文字の色はカスタマインで変更できたのですが、メニューもノーコードで出来れば・・・と思いましたが、やはりcssの知識が必要なんですね。
メニューはワンパターンなので、慣れてもらうようにします。
色々、カスタマイズできるのがkintoneの良さですが、ご指摘の通り、アップデートがあった時に不具合が出ることもあるはキモに銘じておきたいと思います。

なるほど。そういった事情がおありだったのですね。
何も知らず申し訳ありませんでした。

だとするとやはり後藤さんが仰るようにサイボウズさんへ要望を送ってみられた方がいいかもしれませんね。使用期間やユーザー数は関係ないと思いますし、サイボウズさんのサポートは神なので、言って損はないと思います。
それでもダメそうでカスタマイズが必要ならcybozu developer networkに相談してみてください。

km01
2023/05/25 09:43

きったんさん

いえいえ、申し訳ないなんてとんでもないことです。こちらも最初からそう書けばよかったですね。
サイボウズさんのサポート神はこの2カ月で実感しました。
ユーザーに分け隔てなく真摯に対応する企業文化には同じ企業人として見習うべきところです。
一度、要望を送ってみたいと思います。

ブログ、書き直さなきゃなーと思いつつ放置してました😅

きったんさんがすべて書いてくれてるので特段追記することもないのですが、
確かサイボウズさんはアクセシビリティにも力を入れてらっしゃったはずなので、見づらいと感じる方がいるならば、ぜひ要望を送って意見をお伝えした方がいいと思います!(もう散々言われてますが改めて。)