Engineering
Accessibility Basics for Portfolio Sites
Generic accessibility practices that apply to any public-facing portfolio or marketing site.
by Demo User
Start with Semantic HTML
Use the correct elements for each job: headings in order, buttons for actions, links for navigation.
Keyboard Navigation
Every interactive control should be reachable and operable with the keyboard alone. Visible focus states matter.
Color and Media
Check contrast ratios, write meaningful alt text, and avoid conveying information by color alone.
Test Before You Ship
Run automated checks, tab through the site manually, and spot-check with a screen reader on critical flows.