Guide
Accessibility
This portfolio is built to work for everyone: with a mouse, keyboard, touch, screen reader, or with larger text, higher contrast or less motion. It aims to meet WCAG 2.2 Level AA, with AAA contrast in High Contrast mode.
Accessibility Mode is off.
Settings
Open Accessibility Settings with the accessibility button in the top-right corner, by pressing ?, or from the second skip link at the top of every page. Choices are saved in this browser only.
- Accessibility Mode turns on everything below in one switch.
- Dark Theme (or Match My Device) for a calm, low-glare version.
- High Contrast: the strongest contrast between text and background (at least 7:1) with clear borders, in whichever theme you use. It switches on automatically if your device is set to increase contrast.
- Larger Text: about 20% bigger. Browser zoom up to 200% also works.
- Underline Links and a Stronger Focus Outline so links and your keyboard position are always obvious.
- Pause Animations stops the carousel, floating, sliding and the welcome. Your device's “reduce motion” setting is respected automatically.
- Sound Effects (the speaker button in the header) are off by default and never play on their own.
Keyboard
Everything can be reached with the keyboard. Single-key shortcuts can be turned off in Accessibility Settings if they clash with your assistive technology.
- TabShift + Tab
- Move forward / back between links and buttons
- Enter
- Open the focused link or case study
- Space
- Press a button or flip a switch
- Esc
- Close the image viewer or any panel
- ←→
- Previous / next case study in the carousel, or image in the viewer
- H
- Go home
- 123
- Go to Work, About or Gallery
- D
- Switch between light and dark
- ?
- Open accessibility settings and this help
Screen Readers
- Each page has one main heading and a logical heading outline; use your heading shortcut to skim.
- Landmarks mark the header, navigation and main content; “Skip to Content” jumps past the header.
- Images and videos have text descriptions; decorative graphics are hidden.
- Carousels, the image viewer and panels announce what they are and where you are (for example “3 of 12”).
- The case study carousel moves on by itself, but it pauses when you hover or focus it, after you use it, and with its pause button; screen readers aren't interrupted while it moves.
Known Limitations
- Some embedded YouTube or Vimeo videos may not have captions. Ask for a transcript anytime.
Feedback
Found something hard to use? Email decoleman01@gmail.com and I'll fix it or get you the content another way.