The default human language of each Web page can be programmatically determined.

Testing & Remediation

How to test: *If your site includes content that is iframed in, you need to ensure that each of those sub-components have also correctly defined the language. How to remediate: For an english site, use the "lang="en-US"" attribute. If you have a different version of your site in other languages, implement the hreflang tag attribute for each alternative language you have.

Questions and Answers

How do I know if my websites structure is layed out correctly?

Your site should have the correct semantic elements (header, main, footer, article, etc) in the order that they are intended to be read. This means that sometimes this isn't the order that makes styling the page the easiest. You must also ensure that all your heading levels are hit in the order. This means that you should not skip from an h1 to an h4, and so on.

Does my site need to be usable if the CSS and javascript doesn’t load?

Not necessarily, but there are a few things that you need to make sure of:
  • The page should be using the proper semantic elements. This means things like header, nav, aside, etc.
  • All headings and page content should flow in a logical order. H1 > H2> etc.
  • Without styling, elements should still be in the order they are intended to be read or listened to.

Can I specify the language of specific parts of my page?

Yes, you can, and yes you should! The same way you specific the language of the document in the HTML tag with lang="en" you can specify the language of individual elements the same way! Consider your example:
<p>The french word <span lang="fr">bonjour</span> means hello in english.</p>

How can I make my website available in other languages?

WP Beginner has a great explanation on a few ways you can accomplish this. Click here to view their article. They more or less explain the 2 options that you have. You could install a plugin called 'Polylang' which allows you to manually add translations for categories, pages, taxonomies, posts, URLs... everything. You are then given a language switch that you can plop on you site where you find it best suited. The second option that requires less manual labor is to add Google Translate to your site. This translates the entire site and similarly gives you a customizable language switcher to be displayed and use anywhere on your site.

How long does the accessibliity process take?

This question depends on a number of factors including size of site, desired level of conformance, your developer's understanding of accessibility techniques, etc. Accessible Web is here to help. Reach out and we can discuss your site specifically.