Presented at WPCreatorCon by Bluehost on January 12, 2023
Slidedeck for “Five Biggest Website Mistakes”
Presented to Bluehost WP CreatorCon
View a PDF handout with slides and speaker notes.
Site Audits
Site Audit Report Contains
![Cover page of a Site Audit Report by RadiateWP](https://radiatewp.com/wp-content/uploads/2022/10/Audit-Sample.png)
Mistake #1
![](https://radiatewp.com/wp-content/uploads/2023/01/Mistake-1-1200x670.jpg)
The first mistake is in the area of accessibility. Alt text, also known as “alternative text,” is a way to describe the content of an image on a website. It is important because it allows people who are blind or have low vision to understand what is depicted in the image because it is read by the screen reader. However, our review of websites found that only 15.53% of them correctly used alt text for their images. It is crucial for website owners to ensure that all images on their site have properly formatted alt text to provide an accessible and inclusive user experience.
Sample Image
![](https://radiatewp.com/wp-content/uploads/2023/01/739DB2D9-45BB-4D40-8C78-4B4F86AE8E13-1200x800.jpeg)
Alt Text for the Sample image
![](https://radiatewp.com/wp-content/uploads/2023/01/E2B5E45D-9C7C-496A-AABE-67898670D486.png)
Tips for Writing Alt Text
In Summary
Be descriptive, yet as concise as possible. Also, think about what it would sound like if a screen reader was reading this to you.
Mistake #2
![Slide that shows mistake #2 is Color Contrast](https://radiatewp.com/wp-content/uploads/2022/12/Mistake-2-1200x675.jpg)
When it comes to web design and accessibility, color contrast ratios are an important consideration. The contrast ratio between text and its background should be high enough to ensure that the text is legible and easy to read for all users. For large text (18 pixels or higher), the recommended contrast ratio is 3:1, while for regular text (below 18 pixels), the recommended contrast ratio is 4.5:1. These guidelines help to ensure that text is clear and easy to read.
A Tale of Two Buttons
![](https://radiatewp.com/wp-content/uploads/2023/01/Button-1.png)
The button above is a screenshot of a button. It is not a clickable button.
![](https://radiatewp.com/wp-content/uploads/2023/01/Button-2.png)
The button above is a screenshot of a button. It is not a clickable button.
Doesn’t Meet WCAG-AA
![](https://radiatewp.com/wp-content/uploads/2023/01/Button-1-Contrast.png)
Meets WCAG-AA
![](https://radiatewp.com/wp-content/uploads/2023/01/Button-2-Contrast.png)
Additional Accessibility Information
Tab Navigation
All websites should allow a user to fully navigate the site on a keyboard without using a mouse. This means that all dropdowns are accessible by “tabbing” through the site.
WARNING – A common issue is pop-ups where the pop-up is unable to be closed with a keystroke and requires a mouse click.
![screenshot of a website showing how tab navigation moves through web page.](https://radiatewp.com/wp-content/uploads/2022/12/Tab-Navigation.png)
Content Hierarchy
Content hierarchy refers to the structure and organization of a website’s content. When the website’s content uses headings in the proper order, it makes the website more accessible to users who rely on a screen reader.
Content Structure in Proper Order
![Screenshot of text that shows headings in proper order.](https://radiatewp.com/wp-content/uploads/2022/12/Headings-in-order.jpg)
The above text is a Screenshot that shows headings in proper order.
Content Structure Out of Order
![A screenshot of headings used in an improper order.](https://radiatewp.com/wp-content/uploads/2022/12/Heading-out-of-order.png)
The above text is a screenshot of headings used in an improper order.
Accessibility Tools and Resources
Color Tools
Mistake #3
![Slide that shows mistake #3 is Legal Requirements](https://radiatewp.com/wp-content/uploads/2022/12/Mistake3-1200x653.jpg)
Mistake #4
![Slide that shows mistake #4 is Page Speed](https://radiatewp.com/wp-content/uploads/2023/01/Mistake4-1200x691.jpg)
Only 15.7% of websites audited passed the Google page speed test.
Website page speed is important because it can affect the user experience of your website. If a website takes too long to load, users may become frustrated and may leave the website before they have a chance to engage with the content. In addition, page speed is a ranking factor for search engines, so a faster website may have an advantage in search results over slower competitors. Page speed is also a VERY complex art. There are multiple factors that contribute to a site’s page speed so it is important to know that there is not one magic pill that solves everything.
Quick Tips for Improving Page Speed
Mistake #5
![Slide that shows mistake #5 is Missed SEO Opportunities](https://radiatewp.com/wp-content/uploads/2023/01/mistake5-1200x637.jpg)
SEO stands for Search Engine Optimization and it is the art and science of optimizing your website to rank higher in search so that you can increase the traffic to your site.
Quick Tips for SEO
SEO Resources
Bonus Information
![Slide that shows bonus information on Website Conversions.](https://radiatewp.com/wp-content/uploads/2022/12/Bonus-1200x693.jpg)
Website conversion is about more than just getting someone to click a call to action button on your site. It is about developing a comprehensive and cohesive strategy that aligns the actions you want your website visitors to take with your long-term goals for the website.