Skip to content

Vernon Fowler

Designing inclusive and engaging digital experiences

  • Latest articles
  • Public speaking

Tag: CSS

Controlling layout and typography. Responsive and multi-device design. Separating presentation from structure and behavior. Media queries and beyond. Types of web layouts. CSS3 animations. Replacing JavaScript with CSS3. Crafting a print style sheet. CSS support: browser bugs and workarounds. CSS in networked devices, mobile and otherwise. Showing and hiding elements, replacing text with images. Sass and Less and more.

Input width makes it easy to guide sighted people

Setting input width to guide users reduces cognitive effort needed to fill out forms. I’ve created HTML and CSS code to set the width of a postcode field.

Published 26 May, 2019
Categorized as Portfolio Tagged accessibility, CSS, forms, HTML, inclusive design, mobile

Results of accessibility testing a multi-channel form wizard

In September 2018 I conducted manual accessibility testing on the first iteration of member registration as a form wizard. This was my lightning talk.

Published 26 September, 2018
Categorized as Portfolio Tagged accessibility, CSS, forms, HTML, public speaking, testing, user research

Posts navigation

Newer posts Page 1 Page 2

Top 5 posts

  • Creating form navigation for a web prototype
  • Wireframing a web form wizard
  • A small win to fix your LibCal interface
  • How to make improved form validation messages
  • When and where to set input spellcheck =false

Tags

accessibility continuous improvement CSS design system empathy flow forms HTML inclusive design interaction design mobile prioritise processes prototyping public speaking self-service service blueprint testing usability user interfaces user research wireframing workshop

Connect with me on

  • LinkedIn
  • Twitter
  • CodePen
  • email

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
Vernon Fowler
Proudly powered by WordPress.