Understanding consistency and semantic markup

show more Understanding consistency and semantic markup provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles show less
please wait ...

Understanding consistency and semantic markup

>> There are some general principles of accessibility that will be themes throughout this title. I wanted to go over them now so you can keep them in mind when you're developing any of the accessibility techniques that we'll later cover so that you can have a greater understanding of why we're choosing certain techniques and how they can help. So these principles that we're going to talk about are consistency, semantic markup and separation of content, presentation and behavior. So let's first talk about consistency. Consistency is actually mentioned in some of the guidelines of WCAG 1.0 and 2.0 as being important for accessibility.

It's related to the fact that patterns help everyone understand information. If you're a sighted person, patterns that we create through consistency, either visually through our text, help everyone understand information. So it's important to be consistent in the techniques that you apply to your web pages. With web accessibility, there's not always a right or a best answer. So you'll often have to use your judgment to pick one. When you do that, make sure that you stick with it throughout your site. Even when sites have problems with accessibility, if those problems are consistent throughout the site, users can often recognize those patterns and figure out a way around them to make do in using the site.

Another important theme of accessibility is that of semantic markup. Many of the techniques that we'll talk about are very dependent on markup because the information in the markup is what is accessed by assistive technology and provided to its users. Semantic markup is the method of writing XHTML or HTML markup where your mark what each piece of content is, not what it should look like. So, for example, you may have headings on your page, and you can mark them up with the HTML tags H1 through H6.

Quotations should be marked up with block quote and so forth. Presentational tags, such as center, font or bold have been deprecated or removed from current web standards because they do not comply with the idea of semantic markup. Again, though, this is an area where there's not always a right answer as to which tag is perfect for which piece of content. So use your judgment and be consistent. Semantic markup is also related to the idea of separating content, presentation and behavior.

This is where you use each web technology for its intended purpose. You use XHTML or HTML for marking up what content is. You use CSS for controlling the visual presentation and JavaScript for controlling the behavior of the content. Keeping each of these separated is what enables progressive enhancement. Each technology can take advantage of only the pieces that it needs to provide information to its users and make the web pages understandable to them. So we've learned what accessibility is, some of the people that it affects, and how it can help your users as well as yourself.

In the next chapter, we'll set up an accessibility testing environment so that we can evaluate our web pages' accessibility as we build them.

Understanding consistency and semantic markup
Video duration: 3m 4s 6h 9m Appropriate for all


Understanding consistency and semantic markup provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles

please wait ...