/info/accessibility

Accessibility at rin.contact

This site aims to be usable by everyone. Here's what we do — and what we're still improving.

Colour & contrast

Contrast ratiosText meets WCAG 2.1 AA (4.5:1 for body, 3:1 for large text). Black on white, dark grey on light grey — tested with WebAIM Contrast Checker.

Colour independenceInformation is never conveyed by colour alone. Icons, labels, and text accompany all interactive states.

Nothing OS paletteMonochromatic design reduces reliance on colour perception. Accent red (#FF3C3C) used sparingly for emphasis.

Keyboard navigation

Focus indicatorsAll interactive elements have a visible :focus-visible outline (2px solid black). Mouse/tap focus is suppressed to avoid clutter; keyboard focus is always shown.

Tab orderLogical tab sequence follows visual layout. Skip links available where structure benefits (e.g. long pages).

Escape & EnterModals and overlays can be closed with Escape. Buttons and links activate with Enter/Space.

Screen readers & semantics

Semantic HTMLHeadings (h1–h6), landmarks (main, nav, section), and ARIA roles used where appropriate. Form labels associated with inputs.

Alt textImages have descriptive alt attributes. Decorative images use aria-hidden or empty alt.

Live regionsDynamic content (toasts, form status) uses aria-live for announcements without disrupting reading flow.

Motion & animation

prefers-reduced-motionRespecting the user's system preference. Where implemented, animations are disabled or simplified when prefers-reduced-motion: reduce is set.

Animation durationTransitions kept to 150–300ms. No auto-playing videos or infinite loops that can't be paused.

Forms & interaction

Contact formLabels, error messages, and success feedback. Required fields marked. Validation before submit.

Touch targetsButtons and links sized to at least 44×44px where possible for touch devices.

Known limitations

Easter eggsSome hidden features (Konami code, secret word) are discoverable but not announced. They don't block core tasks.

Canvas contentSnake game, Matrix rain, and generative art use canvas — not natively accessible. Text alternatives or descriptions provided where feasible.

Third-partyExternal embeds (e.g. QR codes, wttr.in) follow their own accessibility. We can't control them.

Feedback

If you encounter a barrier, please reach out. huang@rin.contact — I take accessibility seriously and will do my best to fix issues.

Last updated March 2026

← Home