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/	Changes from one state to another in response to events or actions.

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코인 + 오늘 첫 완료 시 작은 보너스 추가