Fast, mobile-friendly and accessible: small fixes that help every visitor

A site that loads slowly, looks broken on a phone, or is hard to read loses people quietly. They don't complain. They just leave.

The good news is that most of the fixes are small, and you don't need to be technical to make them. This lesson covers three things: making your site faster, making it work well on phones, and making it accessible, which means usable by as many people as possible, including people with disabilities.

By the end, you'll have a checklist you can run through on any page in about an hour.

The short version

• Shrink your images, cut clutter, and remove extras you don't need. That fixes most speed problems on small sites.
• Check every page on your own phone, and make text readable and buttons easy to tap.
• Use real headings, clear link text, good color contrast and image descriptions. It helps everyone, not just some visitors.

Make it faster

Speed is mostly about how much stuff your page has to load. Less stuff, faster page.

Shrink your images

Large images are one of the most common reasons small sites load slowly. A photo straight off your phone is often far bigger than a web page needs.

1. Resize it before uploading. If it will show up no wider than your page, it doesn't need to be huge. Many free image tools, including Canva, can resize.
2. Compress it. Compressing means making the file smaller without making it look noticeably worse. Search for a free "image compressor" and run your images through one.
3. Use a sensible format. Photos usually do well as JPG or WebP. Simple graphics and logos often do well as PNG or SVG.

Some platforms resize and compress images for you. Check your settings.

Cut the clutter

Every extra thing on a page takes time to load.

• Autoplay videos and big sliding image carousels are heavy. Ask if you really need them.
• Too many fonts slow things down. One or two is plenty.
• Extra plugins, widgets and pop-ups each add weight. Remove what you don't use.
• Embedded social feeds can be surprisingly slow. A simple link to your profile often does the job.

Test your speed

There are free speed-testing tools from major tech companies and others. Search for "page speed test." Type in your page address and see what it suggests.

Don't chase a perfect score. Use the suggestions to find the biggest problems, usually images, and fix those first.

Make it work on phones

A lot of people will see your site on a phone first. Some will never see it any other way. Your site needs to work on a small screen.

Most modern site builders and WordPress themes are responsive, meaning the layout adjusts to fit different screen sizes. That's a great start, but it doesn't guarantee everything looks right.

Check it yourself

Open every important page on your own phone. Then check:

• Can you read the text without zooming? If not, the text is too small.
• Can you tap buttons and links easily with your thumb? Tiny links crammed together are frustrating.
• Does anything run off the side of the screen? Wide images or tables can cause sideways scrolling.
• Does the menu work? Tap it. Make sure it opens and closes.
• Can you fill in your forms? Try your email signup on your phone.

Common fixes

• Make body text a comfortable size. If you're squinting, so are your visitors.
• Give buttons some room. Space around them makes them easier to tap.
• Break up long paragraphs. Walls of text feel even longer on a small screen.
• Put the most important thing near the top of the page.

Make it accessible

Accessibility means building your site so people can use it no matter how they see, hear, move or read. Some visitors use screen readers, which are tools that read a page out loud. Some can't use a mouse. Some have low vision or color blindness. Some are just reading on a cracked phone in bright sun.

Most of these fixes make your site easier to use for every visitor, not just some.

Here are the basics you can do without any code.

Use real headings, in order

Use your platform's heading styles instead of just making text bigger and bold. Screen readers use headings to let people jump around a page.

Use them in order. Your page title is the top heading, then main sections, then sub-sections underneath. Don't skip levels just because you like how a smaller heading looks.

Write clear link text

Links should say where they go.

• Weak: "Click here"
• Better: "Read the beginner's guide to composting"

Screen reader users often skim a list of links on a page. A list of "click here, click here, click here" tells them nothing.

Describe your images

Alt text is a short written description of an image. Screen readers read it out loud, and it shows up if an image fails to load. Most platforms have an "alt text" box when you upload or edit an image.

• Describe what matters: "Hand-drawn weekly meal planner page with a grocery list beside it."
• Keep it short. A sentence is usually enough.
• If an image is purely decorative, many platforms let you leave alt text empty or mark it as decorative.

Mind your colors

Contrast is how much your text stands out from the background. Light gray text on a white background is hard for many people to read.

• Use dark text on a light background, or light text on a dark background.
• Search for a free "color contrast checker" to test your colors.
• Don't use color alone to show meaning. "Required fields are in red" doesn't help someone who can't tell red apart.

Keep it readable

• Use plain words and short sentences.
• Avoid putting important text inside images, where screen readers can't read it.
• Give videos captions when you can. Many video platforms can generate them, though you should check them for mistakes.

A one-hour checklist for any page

Pick your most important page and work through this.

1. Run it through a free page speed test and note the biggest suggestion.
2. Resize and compress any large images.
3. Remove one heavy extra you don't need.
4. Open it on your phone with wifi off and fix anything hard to read or tap.
5. Check that headings are real headings, used in order.
6. Rewrite any "click here" links.
7. Add alt text to every meaningful image.
8. Test your text and background colors with a contrast checker.

Then do the next page. You don't need to fix your whole site in a day.

Do this next

• Run your home page through a free page speed test.
• Resize and compress the biggest images on your site.
• Open your three most important pages on your phone with wifi off.
• Fix any text that's too small or buttons that are hard to tap.
• Add alt text to every meaningful image on your home page.
• Replace every "click here" link with text that says where it goes.
• Check your main text and background colors with a contrast checker.

Make it quick, make it fit, make it readable. Then the only reason to leave is that they're done.