The key to designing for web accessibility starts with proper planning of the design, its purpose, and the required outcomes. Creatives are passionate individuals who enjoy getting lost in their design process; unfortunately, some designs, as visually pleasing as they may be, they are not functional and will not adhere to the user's needs.
The following list gives some guidelines on what to keep in mind when designing for web accessibility:
- Keep to the logical structure: As mentioned earlier in this chapter, the logical flow of elements in the HTML structure and the visual elements in the UI should be aligned and should follow a natural reading structure.
- Be mindful of typography: As far as possible, make use of true text (text that's been added as HTML) to convey information as opposed to adding text to a flat visual element (text that's been added in an image and saved as a singular flat file), which cannot be read by assistive technology...