Improve Your Site's Accessibility Easily

Vanza Setia,

Estimated reading time: 1 minute

Here are things you can do now without struggle at all:

  • Add the lang attribute to the html element.
  • Keep the viewport meta element like the following: <meta name="viewport" content="width=device-width, initial-scale=1.0">.
  • Use only one h1 element 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 main element.
  • Use <button type="submit"> instead of <input type="submit"> because th submit input is legacy.
  • Always add focusable="false" to all svg elements. 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 br elements. Do not use the br elements 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 input elements may not have an accessible label.

I hope this helps. Happy coding!

Share your thoughts

Topic(s).

Thank 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