「旅行や飲み会の割り勘アプリ、文字が小さくて計算結果が見づらい…」「PayPayで送金するだけじゃ、複数人の複雑な立替が管理できない…」
割り勘アプリ「タテカリ」は、そんな悩みを解決するため、2026年に大幅なアクセシビリティ改善を実施しました。色のコントラストを高め、文字サイズを最適化し、スマホでもストレスなく使える設計に進化。
他の割り勘アプリ（Splitwise、groupayなど）と比較しても、タテカリは「インストール不要」「複数人の複雑な立替を一元管理」という強みに加え、「見やすさ・使いやすさ」でも優位性を確立しています。
今回は、「どんな工夫でタテカリが見やすくなったのか」を、できるだけわかりやすくご紹介します。
どの割り勘アプリを使うか迷っている方へ：2026年版 割り勘アプリ比較記事で、 タテカリ・Splitwise・groupayなど人気アプリの違いを詳しく解説しています。
1. 色を濃くして、文字を見やすく
青色を濃くしました
タテカリのメインカラーである「青色」を、より濃い色に変更しました。
明るめの青（薄い青）
濃いめの青（しっかりした青）
なぜ色を変えたのか
以前の明るい青色だと、白い背景の上で文字が少し見づらいことがありました。特に：
📱 スマートフォンの小さい画面で見るとき
☀️ 明るい場所（屋外など）で見るとき
👓 年配の方や目が疲れているとき
こういった場面でも、はっきりと文字が読めるように、より濃い青色に変更しました。
どこの色が変わったの？
主に以下の部分の色が濃くなりました：
✨ ページタイトル： 一番上の大きな見出し
🔵 ボタン： 「グループを作成」などの操作ボタン
🔗 リンク： クリックできる青い文字
📝 アイコン： 各種アイコンの色
2. 読みやすい文字の大きさと間隔
文字の大きさにメリハリをつけています
大事な情報は大きく、補足情報は小さく。そうすることで、パッと見ただけで内容が理解しやすくなります。
← ページタイトル（一番大きい）
← セクションの見出し（大きめ）
← 本文（ちょうどいい大きさ）
← 補足情報（少し小さめ）
行と行の間隔をゆったりと
文章が詰まっていると読みづらいので、行と行の間に適度な余白を入れています。
割り勘アプリ「タテカリ」は、旅行や飲み会での立替を簡単に精算できます。メンバーを登録して、支払いを記録するだけ。
割り勘アプリ「タテカリ」は、旅行や飲み会での立替を簡単に精算できます。メンバーを登録して、支払いを記録するだけ。
行間がゆったりしていると、長い文章でも疲れにくく、読み間違いも減ります。
デバイスに合わせて自動調整
パソコンでは大きめの文字、スマホでは画面に収まる大きさ、というように、見ている端末に合わせて自動的に文字サイズを調整しています。
3. スマホでも快適に使える工夫
どんな画面サイズでも見やすく
タテカリは、パソコン、タブレット、スマートフォンのどれで開いても、その画面に合わせて自動的にレイアウトが変わります。
パソコン
広い画面を活かして、情報を横に並べて表示
スマートフォン
縦長の画面に合わせて、情報を縦に並べて表示
スマホでの使いやすさを特に重視
実際に一番多く使われるのはスマホなので、特に力を入れているポイントがあります：
👆 タップしやすいボタン： 指で押しやすい大きさに設計
📏 誤タップ防止： ボタン同士の間隔を十分に確保
👀 スクロールしやすい： 縦に長くなりすぎないよう調整
⚡ サクサク動く： スマホでも軽快に操作できる
※ スマートフォンで見ている方は、実際に画面を縦・横に回転させてみてください。レイアウトが自動的に調整されるのが確認できます！
タテカリは、こうした使いやすさの工夫により、他の割り勘アプリと比較しても優位性を確立しています。 割り勘アプリ比較記事で詳しく紹介していますので、ぜひご覧ください。
4. 「押せる」「選べる」が分かりやすい工夫
マウスを乗せると反応するボタンやリンク
「これ、押せるのかな？」と迷わないように、マウスカーソルを乗せると以下のような変化が起こります：
この枠にマウスを乗せてみてください
（少し浮き上がって、影が濃くなります）
✨ カードが浮き上がる： 選択できる項目だと分かる
🔗 文字に下線が表示： リンクだと分かりやすく
🎨 色が少し変わる： 今どこを選んでいるか明確に
ボタンを押したときの反応
ボタンをクリックすると、「確かに押されたよ」という反応が返ってくるので、安心して操作できます。
なめらかな動き
ボタンやカードが動くとき、パッと切り替わるのではなく、なめらかにスーッと動くようにしています。
このちょっとした工夫で、操作が心地よく感じられます。
「グループを作成」ボタンは特に目立つように
タテカリで一番大事な「グループを作成」ボタンは、他のボタンより目立つデザインにしています：
🎨 青いグラデーション： 目を引くデザイン
✨ 立体的な影： 思わず押したくなる
🔄 マウスを乗せると浮き上がる： 押せることが分かる
5. いろんな人が使えるようにする工夫
音声読み上げソフトにも対応
視覚に障がいがある方が使う「音声読み上げソフト」でも、タテカリが正しく使えるように工夫しています。
例えば：
🖼️ 画像には説明を付ける： 「グループ作成ボタン」のように、画像が何を意味するか音声で伝わる
📄 ページの構造を分かりやすく： 「ここからメインコンテンツ」「ここはナビゲーション」など、ページの構造が分かる
⏰ 日付や時刻を明確に： 「2026年1月1日」のような情報が正しく読み上げられる
キーボードだけでも使える
マウスを使わず、キーボードだけで操作したい方のための工夫もしています：
⌨️ Tabキーで移動： Tabキーを押すと、ボタンやリンクに順番に移動できる
🎯 今どこにいるか分かる： 今選んでいる場所に枠や色がつく
↩️ Enterキーで決定： ボタンやリンクをEnterキーで押せる
試してみよう！
実際に、このページでTabキーを押してみてください。リンクやボタンに順番に移動していくのが分かります。
6. 使いやすさの改善がもたらす良い循環
ページの表示速度も改善
見やすさを追求した結果、ページの表示速度も速くなりました：
⚡ すばやく表示される： ページを開いてすぐに使い始められる
🎨 表示のガタつきがない： 画面がガクガク動いたりしない
📱 スマホでも軽快： 遅い通信環境でもサクサク動く
より多くの人に見つけてもらえる
Googleなどの検索エンジンは、「使いやすいサイト」を高く評価します。
タテカリが見やすく、使いやすくなったことで：
検索で見つけやすく
特にスマホでの検索結果で上位に表示されやすくなる
じっくり使ってもらえる
使いやすいので、長く滞在してもらえる
また来てもらえる
快適な体験が、リピート利用につながる
満足度が高い
「使いやすかった」という声が増える
これからも改善を続けます
タテカリでは、さらに使いやすくするために、以下のような機能も検討しています：
🌙 ダークモード： 夜に使うときに目に優しい暗い画面
🔤 文字サイズ変更： もっと大きな文字で見たい方のために
🌐 他の言語にも対応： 海外の方にも使ってもらえるように
ご意見をお聞かせください
「ここがもっと見やすくなったらいいな」「こんな機能があったら便利」など、ご意見があればぜひお問い合わせからお聞かせください！
まとめ
タテカリでは、「より多くの方に、快適に使っていただきたい」という思いで、様々な改善を行ってきました：
1️⃣ 色を濃くして見やすく： 白い背景でもしっかり見える青色に変更
2️⃣ 読みやすい文字サイズ： 適度な大きさと間隔で読みやすく
3️⃣ スマホでも快適： どんな端末でも使いやすいレイアウト
4️⃣ 押せる場所が分かりやすい： ボタンやリンクがすぐ分かる
5️⃣ いろんな人が使える： 音声読み上げやキーボード操作にも対応
6️⃣ 速くて見つけやすい： 表示が速く、検索でも見つけやすい
「見やすくなった」「使いやすくなった」と感じていただけたなら、とても嬉しいです。
これからも、皆さんの声を聞きながら、もっと良いサービスにしていきたいと思っています。