Dani Iswara .Net

Adding Tools into Web Developer

What kind of tools can we add into the Web Developer (Firefox extension)?

By default, the extension have already installed these tools:

• Validate CSS (Cascading Style Sheet) by W3C (World Wide Web Consortium)
• Validate Feed by W3C
• Validate X/HTML (Extensible HyperText Markup Language) by W3C
• Validate Links (W3C)
• Validate WAI (Web Accessibility Initiative) and Section 508 (by Cynthiasays.com)
• Integrated DOM Inspector, Error & Java Console, Display Page
  Validation, Validate Local CSS & Local HTML (HyperText Markup Language)

If you’d like to give a try, please install the extension first (Web Developer - Firefox extension).

Go to Web Developer toolbar menu » Tools » Edit Tools » Add
(on ‘Tool Type’: choose ‘URL’), we can add these tools:

Semantic Data Extractor

To show metadata of a web page, try this:

http://www.w3.org/2002/08/xslt4html?xslfile=http://www.w3.org/2002/08/extract-semantic.xsl&xmlfile=

Validate X/HTML by Validome

X/HTML validation by Validome.org (see Validome XHTML is more Strict):

http://www.validome.org/validate?verbose=1&uri=

Validate XML by Validome

To validate XML page by Validome.org:

http://www.validome.org/xml/validate?lang=en&url=

Validate CSS 3

CSS profile 3 validation by W3C:

http://jigsaw.w3.org/css-validator/validator?profile=css3&warning=0&uri=

Accessibility

WAVE

Another free-online accessibility tool:

http://wave.webaim.org/report?url=

ATRC (Adaptive Technology Resource Centre; we can Select ATRC Guidelines)

A more detail (on reports, results, standards and examples) accessibility tool:

• BITV 1.0 - Level 2 (Germany standard)
• Section 508 (USA)
• Stanca Act (Italy)
• WCAG (Web Content Accessibility Guidelines) 2.0 Level 2 (default).
  WCAG 1.0 and 2.0 level A (L1), AA (L2), AAA (L3) are available.

http://checker.atrc.utoronto.ca/servlet/Checkacc?submit1=Check+It&file=

Website Optimization - Speed Report

Add this line for Web Page Speed Report to check the total size and download time of the web / blog:

http://www.websiteoptimization.com/services/analyze/wso.php?url=

P3P (Platforms for Privacy Preferences) validator

Using the same way, just add this:

http://validator.w3.org/p3p/20020128/p3p.pl?uri=

ICRA (The Internet Content Rating Association) Label Tester

To check the ICRA label:

http://www.icra.org/cgi-bin/rdf-tester/labelTester.cgi?lang=en&url=

Opera Mini Emulator

To view your web / blog appearance on Opera Mini browser:

http://www.operamini.com/demo/?url=

Click OK to save every setting. Enjoy your powerfull extension.