Improve Your Site's Accessibility Easily
Here are things you can do now without struggle at all:
- Add the
langattribute to thehtmlelement. - Keep the viewport
metaelement like the following:<meta name="viewport" content="width=device-width, initial-scale=1.0">. - Use only one
h1element for every page. - Write alternative text for all informative images.
- Delete alternative text for all decroative images.
- Validate your HTML with validator.nu or The W3C Markup Validation Service.
- Every link inside a paragraph must have an underline.
- Do not remove CSS outlines, unless you have provided an accessible alternative.
- Remove all the f words from your website, unless those words come from quotations.
- Remove unnecessary stock images.
- Remove empty links.
- Remove all empty elements.
- Replace "click here" links with better description.
- Remove all accessibility overlays.
- Delete unused code, whether it is CSS or JavaScript or anything.
- Make all heading elements visible for your users.
- Wrap all the main content of every page with the
mainelement. - Use
<button type="submit">instead of<input type="submit">because th submit input is legacy. - Always add
focusable="false"to allsvgelements.focusable="false"is used to ensure old browsers will not allow the Tab key to navigate into the SVG. - Add
aria-hidden="true"to hide decorative SVGs from assistive technologies. - Remove all the
brelements. Do not use thebrelements for presentation purposes. - Optimize images with Squoosh.
- Improve your writings with Hemingway Editor.
To help you identify accessibility issues, you can disable CSS. See your website without any stylesheet. You may find the following issues:
- Informative images are not showing up because you set them as background images through CSS.
- Your website has too much decorative graphics.
- Headings are not in a chronological order.
- Some texts should be wrapped with the heading elements or otherwise.
- The
inputelements may not have an accessible label.
I hope this helps. Happy coding!
Share your thoughtsThank you for reading this Improve Your Site's Accessibility Easily. You can subscribe to all my articles with the Articles RSS. If you have a positive or negative comment, please send me an email or contact me through one of my social media accounts.
Share with your network
Copy this link and send it to great people only.
https://vanzasetia.xyz/blog/easy-accessibility/
For you
Learn Web Accessibility
Developing an accessible website is not just a duty. I will tell you more in this article.
By Vanza Setia
By Vanza Setia