Categories
alt attribute podcast seo title web

The Title Attribute

Dennis and Ross discuss the powerful “title” attribute including how it works, the benefits to accessibility, title vs. alt, SEO, and other cool uses.

Download Web Axe Episode 30 (The Title Attribute)

[Transcript of Web Axe 30]

Links:

Categories
heading podcast semantic seo web

Accessible Headers with Graphics

The issue is that a lot of web sites use graphical images for headings. But images don’t use heading tags (H1, H2, etc.) which create the semantic code we all want, which are ideal for screenreaders, SEO, etc.

So the “image replacement” technique uses valid code and CSS to display header images within a heading tag. The challenge is to solve the screen reader problem, and it must also address the “images off, CSS on” problem (ponder that one!), and to reduce the need for empty elements (like SPAN, DIV, etc.).

Download Web Axe Episode 23 (Accessible Headers with Graphics)

[Transcript]

Links:

Sample Code:

Sample CSS:
#header {
position: relative;
width: 750px;
height: 100px;
margin:0;
padding:0;
overflow: hidden;
}
#header span {
position: absolute;
background-image: url(../images/headerback.jpg);
background-repeat: no-repeat;
width: 750px;
height: 100px;
margin:0;
padding:0;
overflow: hidden;
}

Categories
podcast search seo title usability web

Page Titles for Accessibility (and SEO, usability)

Why the Title tag is so important for Accessibility as well as SEO and usability.

  • screenreader/text browsers
  • visual anchor
  • bookmarking
  • printing
  • SEO
  • search results
  • tip: use character encoding for special chars
  • tip: use “>” or “:” to separate sections

Download Web Axe Episode 21 (Title Tag)

[Transcript]

Related links:

Categories
articles seo

Accessibility and Search Engine Optimization

Check out this article on A List Apart: High Accessibility Is Effective Search Engine Optimization

Do any SEOexperts or anyone else have any comments?