Joomla Beez Template - How to change 'componentheading' section PDF Print E-mail


Date: 04/24/2009 


Are you frustrated trying to find out where to change 'componentheading' in the Joomla! Beez template? ... It took me awhile, but here it is:


Select:  Menus >> Main Menu >> Home

Menu Item Type should be equal to Front Page Blog Layout -- this is the standard front page layout that displays articles that have been set as Front Page Articles in blog format.


Select: Parameters (System) >> Page Title


So what is the 'componentheading' equal to in HTML? -- View the source coding of the homepage here (right click and select View Source). You should see: 

<h1 class="componentheading"
 A Website Accessibility Information Clearinghouse</h1>


Let's take a look at the rule for h1 elements in accessibility/usability standards.  We'll take it from the experts at the University of Illinois at Urbana-Champaign -- Functional Accessibility Evaluator 1.0.1 --


Navigation & Orientation

Titles (title & h1)

  • The page must contain exactly one title element.
  • The title element must have text content.
  • The page must contain at least one h1 element.
  • The page should contain no more than two h1 elements.
  • The text content of each h1 element should match all or part of the title content.
  • Each h1 element must have text content. - Attribution of text content to an h1 element includes the alt attribute values of any img elements it may contain, inserted in document order.
  • Each h1 element should have text content exclusive of the alt text of any img elements it contains.

Does the Joomla! Beez template meet these usability standards?  Looking further at the source code, you will find one other h1 element:


<h1 id="logo" style="padding-top: .5em"> <img src="/templates/beez/images/img02.jpg" border="0" alt="Bringing it Back to Basics " height="150" width="300"  /><span class="header1">Website Accessibility ... Bringing it Back to Basics: Website Accessibility Information Clearinghouse  </span></h1>


YES --  the page has no more than two h1 elements


YES -- Both h1 elements have content that matches all or part of the homepage title. (<title>A Website Accessibility Information Clearinghouse</title>)



YES -- Each h1 element has text content  and the text content is exclusive of the alt attribute text of the img element



The Joomla! Beez template DTD is  XHTML 1.0 Transitional -- so the border attribute that is equal to 0 is OK.  

So far, so good - the Beez template is meeting accessibility/usability standards.


Total Visitors

mod_vvisit_counterTo Date:1410691

Today: Oct 02, 2014