Colour Contrast Analyser

Colour Contrast Results (Luminosity Contrast Ratio)
ElementSampleColourBackgroundLuminosity Contrast Ratio
B

JSF 2.2 View Declaration Language: Facelets Varian...

#333333#ffffff*12.63:1*. The Background Color of this element comes from a repeating background image. The contrast must be checked manually.The Text is small so target ratio is 4.5:1
A

All Tags / Functions

#0000ee#ffffff*9.40:1*. The Background Color of this element comes from a repeating background image. The contrast must be checked manually.The Text is small so target ratio is 4.5:1
FONT

class: FrameHeadingFont

Tag Libraries

#333333#ffffff*12.63:1*. The Background Color of this element comes from a repeating background image. The contrast must be checked manually.The Text is small so target ratio is 4.5:1

Colour Contrast Analyser

Colour Contrast Results (Luminosity Contrast Ratio)
ElementSampleColourBackgroundLuminosity Contrast Ratio
B

All Tags / Functions

#333333#ffffff*12.63:1*. The Background Color of this element comes from a repeating background image. The contrast must be checked manually.The Text is small so target ratio is 4.5:1
A

c:catch

#0000ee#ffffff*9.40:1*. The Background Color of this element comes from a repeating background image. The contrast must be checked manually.The Text is small so target ratio is 4.5:1
I

fn:contains()

#0000ee#ffffff*9.40:1*. The Background Color of this element comes from a repeating background image. The contrast must be checked manually.The Text is small so target ratio is 4.5:1

Colour Contrast Analyser

Colour Contrast Results (Luminosity Contrast Ratio)
ElementSampleColourBackgroundLuminosity Contrast Ratio
B

 Overview 

#ffffff#00008b15.30:1 Pass
FONT

class: NavBarFont1

 Library 

#000000#eeeeff18.31:1 Pass
B

Help

#000000#eeeeff18.31:1 Pass
B

FRAMES

#0000ee#ffffff9.40:1 Pass
H2

JSF 2.2 View Declaration Language: Facelets Varian...

#333333#ffffff*12.63:1*. The Background Color of this element comes from a repeating background image. The contrast must be checked manually.The Text is small so target ratio is 4.5:1
B

Tag Libraries

#333333#ccccff8.21:1 Pass
A

Composite Components

#0000ee#ffffff9.40:1 Pass
P

Describes the Facelets2 tag library used for decla...

#333333#ffffff12.63:1 Pass
H2

Creating a Composite Component

#333333#ffffff12.63:1 Pass
EM

the using page

#333333#ffffff12.63:1 Pass
CODE

http://xmlns.jcp.org/jsf/composite/<composite-libr...

#333333#ffffff12.63:1 Pass
CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran...

#333333#ffffff12.63:1 Pass
I

http://xmlns.jcp.org/jsf/composite/ ezcomp

#333333#ffffff12.63:1 Pass
B

ezcomp

#333333#ffffff12.63:1 Pass
A

Below is an example of a fairly involved composite...

#333333#ffffff12.63:1 Pass
CODE

foo.xhtml

#333333#ffffff12.63:1 Pass
SPAN

class: sc2

< composite:interface name = "foo"

#009900#ffffff3.78:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
A

composite:interface

#000000#ffffff21.00:1 Pass
SPAN

class: kw3

name

#000066#ffffff17.62:1 Pass
SPAN

class: st0

"foo"

#008888#ffffff4.31:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
DIV

class: de2

                     displayName= "Very Simple Log...

#333333#f8f8f811.90:1 Pass
SPAN

class: st0

"Very Simple Login Panel"

#008888#f8f8f84.05:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
DIV

class: de1

                     preferred= "true"

#333333#ffffff12.63:1 Pass
SPAN

class: st0

"true"

#008888#ffffff4.31:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: kw2

>

#000000#ffffff21.00:1 Pass
SPAN

class: sc2

< composite:attribute name = "model" required= ...

#009900#f8f8f83.56:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
A

composite:attribute

#000000#f8f8f819.77:1 Pass
SPAN

class: kw3

name

#000066#f8f8f816.59:1 Pass
SPAN

class: st0

"model"

#008888#f8f8f84.05:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: kw2

>

#000000#f8f8f819.77:1 Pass
SPAN

class: kw2

>

#000000#ffffff21.00:1 Pass
SPAN

class: kw2

<p>

#000000#f8f8f819.77:1 Pass
SPAN

class: kw3

value

#000066#ffffff17.62:1 Pass
SPAN

class: kw2

>

#000000#f8f8f819.77:1 Pass
SPAN

class: kw2

</p>

#000000#ffffff21.00:1 Pass
PRE

The core JavaServer Faces custom actions that are ...

#333333#ffffff12.63:1 Pass
P

class: changed_added_2_2

Facelet tag attributes in this namespace must be a...

#333333#ffffff12.63:1 Pass
CODE

UIComponent

#333333#ffffff12.63:1 Pass
P

Usage example

#333333#ffffff12.63:1 Pass
PRE

<h:outputText value="Namespaced Attributes" p:foo=...

#333333#ffffff12.63:1 Pass
CODE

<span foo="bar">Namespaced Attributes</span>

#333333#ffffff12.63:1 Pass
A

javax.faces.view.facelets.TagDecorator

#0000ee#ffffff9.40:1 Pass
P

JSTL 1.2 core library

#333333#ffffff12.63:1 Pass
P

class: changed_modified_2_0_rev_a

The pre JSF 2.0 version of Facelets incorrectly de...

#333333#ffffff12.63:1 Pass
CODE

http://java.sun.com/jstl/core

#333333#ffffff12.63:1 Pass
B

layout

#333333#ffffff12.63:1 Pass
H3

A Templating Example

#333333#ffffff12.63:1 Pass
SPAN

class: sc0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans...

#00bbbb#ffffff2.38:1 Fail - (STYLE-3)
SPAN

class: sc3

<html xmlns = "http://www.w3.org/1999/xhtml"

#ff0000#f8f8f83.76:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: re1

<html

#ff0000#f8f8f83.76:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: re0

xmlns

#ff0000#f8f8f83.76:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: st0

"http://www.w3.org/1999/xhtml"

#008888#f8f8f84.05:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: re0

ui

#333333#ffffff12.63:1 Pass
SPAN

class: re1

<head >

#ff0000#ffffff4.00:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: re2

>

#ff0000#ffffff4.00:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: re2

/>

#ff0000#f8f8f83.76:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: sc3

<ui :insert name = "title" >

#ff0000#ffffff4.00:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: re1

<ui

#ff0000#ffffff4.00:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: re0

name

#ff0000#ffffff4.00:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: st0

"title"

#008888#ffffff4.31:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: re2

>

#ff0000#ffffff4.00:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: re1

</head >

#ff0000#f8f8f83.76:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: re2

>

#ff0000#f8f8f83.76:1 Fail. Either improve the ratio to 4.5:1 or increase the font size to 14pt bold or 18pt normal - (STYLE-3)
SPAN

class: re2

>

#333333#ffffff12.63:1 Pass
I

Output Generated by Tag Lib...

#333333#ffffff*12.63:1*. The Background Color of this element comes from a repeating background image. The contrast must be checked manually.The Text is small so target ratio is 4.5:1
A

Tag Library Documentation Generator

#0000ee#ffffff*9.40:1*. The Background Color of this element comes from a repeating background image. The contrast must be checked manually.The Text is small so target ratio is 4.5:1