A well-written description tag attracts more clicks in search results than
an irrelevant or missing description.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="ElggRelease" content="1.8.16" />
<meta name="ElggVersion" content="2013051700" />
<title>The Elgg Community</title>
<link rel="SHORTCUT ICON" href="http://community.elgg.org/mod/community_theme/graphics/favicon.ico" />
<link rel="stylesheet" href="http://community.elgg.org/cache/css/default/elgg.1379048194.css" type="text/css" />
<link rel="stylesheet" href="http://community.elgg.org/mod/community_plugins/vendors/dropdown-check-list/ui.dropdownchecklist.standalone.css" type="text/css" />
<!--[if gt IE 7]>
<link rel="stylesheet" type="text/css" href="http://community.elgg.org/cache/css/default/ie.1379048194.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="http://community.elgg.org/cache/css/default/ie7.1379048194.css" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="http://community.elgg.org/cache/css/default/ie6.1379048194.css" />
<![endif]-->
<script type="text/javascript" src="http://community.elgg.org/vendors/jquery/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://community.elgg.org/vendors/jquery/jquery-ui-1.8.16.min.js"></script>
<script type="text/javascript" src="http://community.elgg.org/cache/js/default/elgg.1379048194.js"></script>
<script type="text/javascript">
/**
* Don't want to cache these -- they could change for every request
*/
elgg.config.lastcache = 1379048194;
elgg.config.viewtype = 'default';
elgg.config.simplecache_enabled = 1;
elgg.security.token.__elgg_ts = 1379696958;
elgg.security.token.__elgg_token = '3dec68db2873a5c84677937fbd7d3aa5';
//Before the DOM is ready, but elgg's js framework is fully initalized
elgg.trigger_hook('boot', 'system');</script>
<link rel="search" type="application/opensearchdescription+xml" href="http://community.elgg.org/opensearch/osd.xml" title="The Elgg Community" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20121988-4']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div class="elgg-page elgg-page-default">
<div class="elgg-page-messages">
<ul class="elgg-system-messages"><li class="hidden"></li></ul> </div>
<div class="elgg-page-header">
<div class="elgg-inner">
Headings should not be empty.
Line 69 WCAG2 AA G130
Add text to the heading, or ALT text if the heading contains an image. Screen readers read out page headings, allowing users to quickly skip to a section, but some older screen readers do not ignore empty headings.
This page has more than one H1 tag, which violates Bing webmaster guidelines.
Line 69 Bing
Leave the title of the main content as H1 and change other H1 tags to a lower heading level.
<h1>
Each A tag must contain text or an IMG with an ALT tag.
Line 70 WCAG2 A F89
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT tag is blank, screen readers have nothing to read, so read out the URL instead.
<a class="elgg-heading-site" href="http://community.elgg.org/">
IMG tags must have an ALT attribute.
Add an ALT attribute describing each image, which screen readers read aloud.
Spacer images and purely decorative images should use ALT=''.
Use text links rather than image links. In general, text links are more easily recognized as clickable.
Line 71 Usability.gov 10:6
Text links usually download faster, are preferred by users, and should change colors after being selected. It is usually easier to convey a link's destination in text, rather than with the use of an image.
Users often find it hard to tell which images are clickable without moving the cursor over them ('minesweeping').
Another benefit to using text links is that users with text-only and deactivated graphical browsers can see the navigation options.
<img src="http://community.elgg.org/mod/community_theme/graphics/logo.png" width="144" height="76"
Required attribute "alt" not specified.
Line 71 HTML Validation
/>
</a>
</h1>
<div id="login-dropdown">
<a href="http://community.elgg.org/login#login-dropdown-box" rel="popup" class="elgg-button elgg-button-dropdown">Log in</a><div class="elgg-module elgg-module-dropdown" id="login-dropdown-box"><div class="elgg-body"><form method="post" action="http://community.elgg.org/action/login" class="elgg-form elgg-form-login">
<fieldset>
All FIELDSET tags should be labeled with LEGEND tags.
Line 75 WCAG2 A H71
The first element inside the FIELDSET must be a LEGEND element, which provides a label or description for the group.
<fieldset>
JavaScript changes: changed to value='56371ed0375e704a366d0dc0955ab954'
<input type="hidden" name="__elgg_token" value="3dec68db2873a5c84677937fbd7d3aa5" />JavaScript changes: changed to value='1379696959'
<input type="hidden" name="__elgg_ts" value="1379696958" /><div>
LABEL elements should be associated with other controls using FOR attributes.
Line 77 WCAG2 A 4.1.2
Add a FOR attribute set to the ID of the associated control. Some screen readers ignore labels without FOR attributes.
<label>Username or email</label>
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
<input type="text" value="" name="username" class="elgg-input-text elgg-autofocus" /></div>
<div>
LABEL elements should be associated with other controls using FOR attributes.
Line 80 WCAG2 A 4.1.2
Add a FOR attribute set to the ID of the associated control. Some screen readers ignore labels without FOR attributes.
<label>Password</label>
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 82 Section 508 1194.22 (n)
Screen readers use LABEL elements or TITLE attributes to describe form fields to non-sighted users.
Without these, forms are very hard to use with a screen reader.
Forms designed to be completed online shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues.
Search engines cannot index areas of sites that require a log in.
Line 82 Google Blogs
Use LABEL tags for each data entry field to show what data is expected.
Line 82 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="password" value="" name="password" class="elgg-input-password" />
</div>
<div class="login_with_twitter">
<a href="http://community.elgg.org/twitter_api/forward">
Use text links rather than image links. In general, text links are more easily recognized as clickable.
Line 87 Usability.gov 10:6
Text links usually download faster, are preferred by users, and should change colors after being selected. It is usually easier to convey a link's destination in text, rather than with the use of an image.
Users often find it hard to tell which images are clickable without moving the cursor over them ('minesweeping').
Another benefit to using text links is that users with text-only and deactivated graphical browsers can see the navigation options.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 87 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="http://community.elgg.org/mod/twitter_api/graphics/sign-in-with-twitter-d.png" alt="Twitter" />
</a>
</div>
<div class="elgg-foot">
<label class="mtm float-alt">
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
<input type="checkbox" name="persistent" value="true" />
Remember me </label>
<input type="submit" value="Log in" class="elgg-button elgg-button-submit" />
<input type="hidden" name="returntoreferer" value="true" />
<ul class="elgg-menu elgg-menu-general mtm">
<li><a class="registration_link" href="http://community.elgg.org/register">Register</a></li> <li><a class="forgot_link" href="http://community.elgg.org/forgotpassword">
Lost password </a></li>
</ul>
</div>
</fieldset></form></div></div></div>
<ul class="elgg-menu elgg-menu-site elgg-menu-site-default clearfix"><li class="elgg-menu-item-activity"><a href="http://community.elgg.org/activity">Activity</a></li><li class="elgg-menu-item-discussion"><a href="http://community.elgg.org/discussion/all">Discussion</a></li><li class="elgg-menu-item-groups"><a href="http://community.elgg.org/groups/all">Groups</a></li><li class="elgg-menu-item-plugins"><a href="http://community.elgg.org/plugins">Plugins</a></li><li class="elgg-menu-item-showcase"><a href="http://community.elgg.org/showcase">Showcase</a></li><li class="elgg-menu-item-themes"><a href="http://community.elgg.org/plugins/category/themes">Themes</a></li></ul>
<form class="elgg-search elgg-search-header" action="https://www.google.com/search" method="get">
All FIELDSET tags should be labeled with LEGEND tags.
Line 106 WCAG2 A H71
The first element inside the FIELDSET must be a LEGEND element, which provides a label or description for the group.
<fieldset>
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
The REQUIRED attribute is not supported in Internet Explorer 9 and earlier.
Line 107 Internet Explorer
JavaScript changes: added required='-1'
<input type="text" class="search-input" size="21" placeholder There is no attribute "placeholder".
Line 107 HTML Validation
This happens when the version of HTML used on this page doesn't support an attribute with this name. This can happen
if the attribute is misspelled, is uppercase or mixed case in XHTML, or isn't supported by some HTML versions.
For example, HTML 4 DOCTYPEs don't allow HTML 5 attributes and Strict DOCTYPEs don't allow stylistic attributes
which were present in earlier versions of HTML.
="Google search" required
"required" is not a member of a group specified for any attribute.
Line 107 HTML Validation
/>
<input type="hidden" name="q" />
<input type="submit" value="Search" class="search-submit-button" />
</fieldset>
</form>
<scrip
t>
Required attribute "type" not specified.
Line 113 HTML Validation
t>
$('.elgg-search').live('submit', function() {
var userQuery = $(this).find('.search-input').first().val();
var q = $(this).find('[name="q"]');
q.val("site:http://community.elgg.org/ " + userQuery);
});
</script>
</div>
</div>
<div class="elgg-page-body">
<div class="elgg-inner">
<div class="elgg-grid pvl">
<div class="elgg-col elgg-col-3of4">
<div id="top_left">
This page has more than one H1 tag, which violates Bing webmaster guidelines.
Line 129 Bing
Leave the title of the main content as H1 and change other H1 tags to a lower heading level.
<h1><span>elgg</span>Community</h1>
<h2>Community support from<br />community members</h2>
Each A tag must contain text or an IMG with an ALT tag.
Line 131 WCAG2 A F89
Add text to the link, or ALT text if the link contains an image. If there is no link text or the ALT tag is blank, screen readers have nothing to read, so read out the URL instead.
<a class="homepage_join_link" href="http://community.elgg.org/register" rel="nofollow"> </a> </div>
</div>
<div class="elgg-col elgg-col-1of4">
<div class="elgg-module elgg-module-aside" ><div class="elgg-head"><h3>Login</h3></div><div class="elgg-body"><form method="post" action="http://community.elgg.org/action/login" class="elgg-form elgg-form-login">
<fieldset>
All FIELDSET tags should be labeled with LEGEND tags.
Line 134 WCAG2 A H71
The first element inside the FIELDSET must be a LEGEND element, which provides a label or description for the group.
<fieldset>
JavaScript changes: changed to value='56371ed0375e704a366d0dc0955ab954'
<input type="hidden" name="__elgg_token" value="3dec68db2873a5c84677937fbd7d3aa5" />JavaScript changes: changed to value='1379696959'
<input type="hidden" name="__elgg_ts" value="1379696958" /><div>
LABEL elements should be associated with other controls using FOR attributes.
Line 136 WCAG2 A 4.1.2
Add a FOR attribute set to the ID of the associated control. Some screen readers ignore labels without FOR attributes.
<label>Username or email</label>
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 137 Section 508 1194.22 (n)
Screen readers use LABEL elements or TITLE attributes to describe form fields to non-sighted users.
Without these, forms are very hard to use with a screen reader.
Forms designed to be completed online shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues.
Use LABEL tags for each data entry field to show what data is expected.
Line 137 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="text" value="" name="username" class="elgg-input-text elgg-autofocus" /></div>
<div>
LABEL elements should be associated with other controls using FOR attributes.
Line 139 WCAG2 A 4.1.2
Add a FOR attribute set to the ID of the associated control. Some screen readers ignore labels without FOR attributes.
<label>Password</label>
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
This form has fields without LABEL elements or TITLE attributes.
Line 141 Section 508 1194.22 (n)
Screen readers use LABEL elements or TITLE attributes to describe form fields to non-sighted users.
Without these, forms are very hard to use with a screen reader.
Forms designed to be completed online shall allow people using assistive technology to access the information, field elements, and functionality required for completion and submission of the form, including all directions and cues.
Search engines cannot index areas of sites that require a log in.
Line 141 Google Blogs
Use LABEL tags for each data entry field to show what data is expected.
Line 141 Usability.gov 13:5
Make sure each INPUT field has an associated LABEL tag describing the field.
<input type="password" value="" name="password" class="elgg-input-password" />
</div>
<div class="login_with_twitter">
<a href="http://community.elgg.org/twitter_api/forward">
Use text links rather than image links. In general, text links are more easily recognized as clickable.
Line 146 Usability.gov 10:6
Text links usually download faster, are preferred by users, and should change colors after being selected. It is usually easier to convey a link's destination in text, rather than with the use of an image.
Users often find it hard to tell which images are clickable without moving the cursor over them ('minesweeping').
Another benefit to using text links is that users with text-only and deactivated graphical browsers can see the navigation options.
Omitting IMG WIDTH or HEIGHT attributes means page text jumps about as images load.
Line 146 Usability.gov 14:3
This makes the page very hard to read while it's loading, and the user may click on the wrong link if it moves as it's being clicked.
Add width and height attributes to the img tag matching the image dimensions. Authoring tools
like Dreamweaver can automate this process.
<img src="http://community.elgg.org/mod/twitter_api/graphics/sign-in-with-twitter-d.png" alt="Twitter" />
</a>
</div>
<div class="elgg-foot">
<label class="mtm float-alt">
This form control has no associated LABEL element.
Add a LABEL tag with the FOR attribute set to the ID of this control. This allows screen readers to tell the user what each control does.
Do not wrap LABEL tags around input controls (implicit labels) since this is very unreliable in older screen readers.
<input type="checkbox" name="persistent" value="true" />
Remember me </label>
<input type="submit" value="Log in" class="elgg-button elgg-button-submit" />
<ul class="elgg-menu elgg-menu-general mtm">
<li><a class="registration_link" href="http://community.elgg.org/register">Register</a></li> <li><a class="forgot_link" href="http://community.elgg.org/forgotpassword">
Lost password </a></li>
</ul>
</div>
</fieldset></form></div></div> </div>
</div>
<div class="elgg-grid mvl">
<div class="elgg-col elgg-col-1of3">
<div class="elgg-module elgg-module-community-plugins elgg-module-community" ><div class="elgg-head"><h3>Plugins</h3></div><div class="elgg-body"><p>Contribute, find, review</p>
Don't use generic text like "Click Here" or "Read More" in link text, because it says nothing about the link target when read out by a screen reader. Link text:
"more..."
Line 167 WCAG2 AAA F84
Either change the link text, or add a TITLE attribute to the link with a fuller description of the link destination.
If several links on a page use the same link text, all those links should point to the same destination. This text is used in some of the duplicated links:
"more...".
Line 167 WCAG2 AAA 2.4.9
If several links refer to different targets but share the same link text, add additional link text hidden offscreen by CSS.
Users should be able to quickly look at each link and tell where it goes. Link text:
"more..."
Line 167 Usability.gov 10:1
Don't use generic link labels like "click here" or "read more" because they're hard to tell apart when users scan a page.
<a class="homepage_more_link" href="http://community.elgg.org/plugins" rel="nofollow">more...</a></div></div> </div>
<div class="elgg-col elgg-col-1of3">
<div class="elgg-module elgg-module-community-discussion elgg-module-community" ><div class="elgg-head"><h3>Discussion</h3></div><div class="elgg-body"><p>Community discussion is a great way to find support and help others.</p>
Don't use generic text like "Click Here" or "Read More" in link text, because it says nothing about the link target when read out by a screen reader. Link text:
"more..."
Line 170 WCAG2 AAA F84
Either change the link text, or add a TITLE attribute to the link with a fuller description of the link destination.
Users should be able to quickly look at each link and tell where it goes. Link text:
"more..."
Line 170 Usability.gov 10:1
Don't use generic link labels like "click here" or "read more" because they're hard to tell apart when users scan a page.
<a class="homepage_more_link" href="http://community.elgg.org/groups/all" rel="nofollow">more...</a></div></div> </div>
<div class="elgg-col elgg-col-1of3">
<div class="elgg-module elgg-module-community-more elgg-module-community" ><div class="elgg-head"><h3>More</h3></div><div class="elgg-body"><p>Contribute to Elgg. Open source works best as a community.</p>
<ul>
<li class="bug_tracker"><b>Bug tracker</b><br /><a href="https://github.com/Elgg/Elgg/issues">Github</a></li>
<li class="mailing_list"><b>Mailing list and IRC</b><br /><a href="http://groups.google.com/group/elgg-development/">For developers</a> also <a href="http://webchat.freenode.net/?channels=#elgg">#Elgg on Freenode.net.</a></li>
<li class="api_reference"><b>API reference</b><br />The best way to find out what functions exist. <a href="http://reference.elgg.org">Check it out</a>.</li>
</ul>
</div></div> </div>
</div>
</div>
</div>
<div class="elgg-page-footer">
<div class="elgg-inner">
<div class="elgg-col elgg-col-3of5">
<div class="elgg-col elgg-col-1of2">
<h2>Navigation</h2><ul class="elgg-menu elgg-menu-footer-navigation elgg-menu-footer-navigation-default"><li class="elgg-menu-item-home"><a href="http://elgg.org">Home</a></li><li class="elgg-menu-item-community"><a href="http://community.elgg.org">Community</a></li><li class="elgg-menu-item-blog"><a href="http://blog.elgg.org">Blog</a></li><li class="elgg-menu-item-hosting"><a href="http://elgg.org/hosting.php">Hosting</a></li><li class="elgg-menu-item-services"><a href="http://elgg.org/services.php">Services</a></li><li class="elgg-menu-item-docs"><a href="http://docs.elgg.org">Docs</a></li></ul> </div>
<div class="elgg-col elgg-col-1of2">
<h2>Contact</h2>
<p>info at elgg dot org</p>
</div>
</div>
<div class="elgg-col elgg-col-2of5">
<span class="float-alt">
<h
2>Legal</h2>
Document type does not allow element "h2" here; missing one of "object", "ins", "del", "map", "button" start-tag.
Line 195 HTML Validation
This page has markup errors, causing screen readers to miss content.
Line 195 WCAG2 A F70
Fix the errors listed on the Standards tab of this report. Markup errors like missing end tags mean screen readers may skip important content.
2>Legal</h2>
©2012 the Elgg Foundation<br />
Elgg is a registered trademark of Thematic Networks.<br />
<a href="http://elgg.org/domain.php">Domain policy</a>.<br />
</span>
<ul class="elgg-menu elgg-menu-footer elgg-menu-hz float-alt ptl elgg-menu-footer-default"><li class="elgg-menu-item-about"><a href="http://community.elgg.org/about">About</a></li><li class="elgg-menu-item-privacy"><a href="http://community.elgg.org/privacy">Privacy</a></li><li class="elgg-menu-item-terms"><a href="http://community.elgg.org/terms">Terms</a></li></ul></div> </div>
</div>
</div>
<script type="text/javascript" src="http://community.elgg.org/mod/community_plugins/js/communityPlugins.js"></script>
<script type="text/javascript" src="http://community.elgg.org/mod/community_plugins/vendors/dropdown-check-list/ui.dropdownchecklist.js"></script>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script></body>
</html>