By aligning form elements and their labels, you can make a form easier to understand for people with cognitive disabilities. The use of Cascading Style Sheets (CSS) for layout is a best practice in modern web design. In this tutorial, you will learn how to improve form usability by using only CSS to align form elements and labels.

For a long time, the only way to create columns and perform other layout tasks in HTML was through the use of tables. However, a current best practice is to use Cascading Style Sheets (CSS) for layout, and to limit the use of tables to the display of tabular data. The reason for avoiding tables for layout is that the reading order for screen readers and other assistive technology may be different from what is shown on the screen with layout tables. In this tutorial, you will learn how to use browser add-on that will let you check the reading order of your web pages if they still use layout tables.

Bookmark and Share