Building accessible websites for diverse users

Building an accessible website means making visual design and technical implementation work together across devices and ways of interacting. A design needs sufficient colour contrast, while its controls must accommodate inputs such as mouse, touch and keyboard. The difficulty often lies in reconciling a particular visual treatment with reliable functionality. Native browser controls provide accessibility features, including keyboard access; custom alternatives need careful attention to keyboard operation and screen reader recognition.

You can reduce these tensions by involving developers before designs are approved and keeping designers involved during implementation. This lets teams identify limitations, explore alternatives and preserve the intended design without leaving inclusion to a late-stage fix. Retrofitting accessibility is harder when deadlines leave little room for changes.

For The Frameworks, this approach informed This is IBM, a page celebrating IBM's work in the UK and Ireland. A developer participated from the beginning, helping establish what was practical and making inclusion a priority in colour, contrast, device display and input methods.

The Frameworks' configurator landing page for intelligent automation provider Dematic illustrates the role of research and collaboration in interactive work. Research established the need for an interactive tool or questionnaire, and the team developed the implementation together. The approach connected the proposed interaction to the client's challenge rather than starting with an unsupported creative idea.