In some of our previous articles, we have discussed the concept of web design best practices, focusing on textures, ADA compliancy, usability, coding and specific needs for ecommerce websites and finally eco friendly web design.
We know that there are many issues that need to be taken into account for a website to meet most best practices and we thought a comprehensive checklist would be helpful.
We believe that, before launching your website, it would be beneficial to make sure that the following elements are working properly:
- The main navigation links are clearly marked
- The navigation system is easy to understand and user friendly
- The website’s map, breadcrumbs, and skip navigation links are easy to access
- There is at least one search tool (i.e. the search box)
Functionality & Accessibility
- All internal and external hyperlinks work
- All forms function
- HTML has semantic meaning for a wide range of user agents
- There aren’t any CSS errors and your website uses optimized CSS
- Graphics are optimized and do not decrease download time
- The layout doesn’t break if the font size is increased
- The home page downloads fast even on dial-up connection.
- There is no responsiveness delay for dropdown menus
- It works well across current and older browsers
- It works well in various browser window sizes
- An informative page about your company or website is always available
- The footer area embodies a copyright, which was recently updated, and contact details
- Every page respects the basic design principles: contrast between text and background, proximity, and alignment
- The use of color and graphics does not distract the user
- There is a clear visual hierarchy with easy distinguishable heading levels.
- Links are clearly underlined
- The photo tags use the `alt’ attribute to configure alternate text to display if the browser does not support images
- The audio and video files do not distract from the website’s content
- Synchronized captions are provided for each audio or video file used
- Download times are indicated
- Common fonts are used
- Information is easy to find
- Content does not include outdated material
- There is an alternate text equivalent for the content provided in graphics or other multimedia tools.
Although we have tried to cover a large area of web design best practices, there are still many aspects to be taken into consideration. At CodeMyIMAGE we can help you to assure that your website meets the best practices principles, to satisfy your specific audience, business category and online presence’s goals.