HCI and accessibility

語彙

English	意味
states/steɪts/	The possible configurations or conditions of a system at a particular point in its operation.
transitions/trænˈsɪʃnz/	transitions

English

Design in states

The borrow flow has five states (browsing, detail, confirm, done, error) and labelled transitions. Every reachable state needs a visible way out — the error state keeps the member's input and returns to detail.

{exercise:uni-cs1203-states}

実践

Every reachable interface state needs —

難易度 1/5 · 100 コイン + 今日初回達成時の小ボーナス

English

WCAG's core: perceivable (contrast $\ge 4.5{:}1$ for text), operable (keyboard reachable, focus visible), understandable (labels, not placeholders), robust (semantics).
The course prototype measured: body text 7:1 passes; the grey disabled button at 2.9:1 fails — replaced by 4.6:1 with an underline affordance. Accessibility is measurable or it is decoration.

{exercise:uni-cs1203-contrast}

実践

Text contrast must be at least —

難易度 1/5 · 100 コイン + 今日初回達成時の小ボーナス

English

A member completes a borrow with tab and enter only: focus order matches visual order, focus is visible on every control, confirm is announced. Hover-only menus fail this path — the test finds them before users do.
Error states that discard input and placeholder-as-label are the recurring defects.

{exercise:uni-cs1203-keyboard}

実践

The keyboard path fails when —

難易度 1/5 · 100 コイン + 今日初回達成時の小ボーナス