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
A

Composite Components

#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

Tags

#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

cc:actionSource

#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

#000000#eeeeff18.31:1 Pass
FONT

class: NavBarFont1Rev

 Library 

#ffffff#00008b15.30:1 Pass
FONT

class: NavBarFont1

 Tag 

#000000#eeeeff18.31:1 Pass
B

FRAMES

#0000ee#ffffff9.40:1 Pass
H2

Composite Components

#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

Standard Syntax:

#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
CODE

     ...

#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
P

Describes the Facelets2 tag library used for decla...

#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
H2

Creating a Composite Component

#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
EM

the using page

#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
CODE

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

#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
CODE

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

#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
I

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

#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

ezcomp

#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

http://domain.com/path/namespace

#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

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

#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
CODE

foo.xhtml

#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
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
B

Tag Library Information

#333333#ccccff8.21:1 Pass
TD

Display Name

#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

actionSource

#0000ee#ffffff9.40:1 Pass
P

Declares that the composite component whose contr...

#333333#ffffff12.63:1 Pass
SPAN

class: changed_modified_2_0_rev_a

Declares

#333333#ffffff12.63:1 Pass
CODE

<composite:interface>

#333333#ffffff12.63:1 Pass
EM

attached objects

#333333#ffffff12.63:1 Pass
SPAN

class: sc2

<ez:loginPanel id = "loginPanel" model= "#{bean}...

#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)
SPAN

class: kw3

id

#000066#ffffff17.62:1 Pass
SPAN

class: st0

"loginPanel"

#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

<f:valueChangeListener for = "username"

#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)
SPAN

class: kw3

for

#000066#f8f8f816.59:1 Pass
SPAN

class: st0

"username"

#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

                             binding= "#{bean.user...

#333333#ffffff12.63:1 Pass
SPAN

class: st0

"#{bean.useridValueChangeListener}"

#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
DIV

class: de2

                    binding= "#{bean.cancelEventLi...

#333333#f8f8f811.90:1 Pass
SPAN

class: st0

"#{bean.cancelEventListener}"

#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#f8f8f819.77:1 Pass
CODE

<composite:valueHolder>

#0000ee#ffffff9.40:1 Pass
A

composite:interface

#0000ee#ffffff9.40:1 Pass
SPAN

class: changed_modified_2_0_rev_a changed_modified_2_1

Declares

#333333#ffffff12.63:1 Pass
A

summary page

#0000ee#ffffff9.40:1 Pass
P

binding

#333333#ffffff12.63:1 Pass
P

Declares that the composite component whose contra...

#333333#ffffff12.63:1 Pass
CODE

<composite:interface>

#333333#ffffff12.63:1 Pass
EM

attached objects

#333333#ffffff12.63:1 Pass
SPAN

class: changed_modified_2_2

This

#333333#ffffff12.63:1 Pass
SPAN

class: changed_added_2_2

The results are undefined if there are child compo...

#333333#ffffff12.63:1 Pass
CODE

<composite:implementation>

#333333#ffffff12.63:1 Pass
CODE

ActionEvent

#333333#ffffff12.63:1 Pass
B

Nesting of composite components

#333333#ffffff12.63:1 Pass