Related resources

#1. Big orange blocks, all with the same color code but with a different level of transparency.

#2. The contrast ratio of white text on orange is too low as can be seen here and thus should be marked as an issue
 

This is center alligned text number one

 

This is text number two - also center alligned

This is center alligned text number three

 

This is text number four- also center alligned

#3. This background banner is not set to scale - gc04v3

banner

#3. This background banner is not set to scale - mh01v2

#4. Forbidden components

/content/dam/b2c/mg-q4-campaign/Male-grooming-cat-update/face-stylers-and-grooming-kits/masthead/nose-trimmers-masthead-israel-xs.jpg

forbidden component gc12

test

forbidden component gc08

forbidden component gc08 - inside a gc09 (which is just a container that contains two gc08s
test
forbidden component gc08 - inside a gc09 (which is just a container that contains two gc08s

#5. Video on autoplay not allowed

#6. list of not to be used characters:  ~ ! @ $ % ^ & * ( ) + = , . / ' ; " ? > < [ ] { } | ` # -

1
Select your area of interest
2
Contact details

We are always interested in engaging with you.

Let us know how we can help.

  • icon_contact-us
    Contact
1
2
Contact details
*

Contact information

* This field is mandatory
*
*
*
*
*
*
*
*
*
By specifying your reason for contact we will be able to provide you with a better service.
We work with partners and distributors who may contact you about this Philips product on our behalf.
*
*
*

Final CEE consent

#9. An Iframe/reference component fully loading in a whole page, hence causing a duplicate <head> and <body> in the code of this page. - not able to recreate as it will break the page

#10. forbidden to use templates under /healthcare:

TPL123 Generic content page - body class="contentpage1.1 "

TPL124 Topic Page - body class="topicpage1.1 "

Events Landing Page-Rebranded - body class="eventslandingpage1.1 "

TPL27 Banner Listing Page - body class="bannerlistingpage "

TPL36 Banner Page - body class="bannerpage "

TPL115 Sector Page (Rebranded) - body class="sectorpage1.1 "

TPL150 Generic Footer Page - body class="genericfooterpage "

TPL121 Subgrouping Page - body class="subgroupingpage "

#11. AC code

data-ac in the code should always start with 7010W - this checkpoint should only be in the plugin, not in the dashboards as legacy forms with other codes still work but look different (or should I gather all of those and could those be excluded?)

#12. these icons shouldn't show up, as they might be the result of a wrong translation or bulk import: ������

���������������������������������

#13. below here you will find some empty components in the code - a spacer component - a text component and a container component

#14A. a page should contain min./max. 1 <h1>

#14B. a page should contain max. 5 <h2>

#15. metadata url should be filled in, this value should be available as connectedCatalog:
 

#16. right under this text is an n17v2 with data-page-tracking set to yes, this should always be yes

#17. the news component actually shows content - and doesn't show like the below:

#18. text outside of viewport

#19 Contrast ratio way of working


color ratio is a very important topic that should be at least 4,5:1. This ratio will make sure that all text will be clearly readable.

Also be sure to implement this plugin into your Chrome:

Correct color contrast ratio

This color contrast is good
This color contrast is good
This color contrast is good
This color contrast is good
This color contrast is good
This color contrast is good

Incorrect color contrast ratio

The color contrast is below 4.5:1 here
The color contrast is below 4.5:1 here
The color contrast is below 4.5:1 here
The color contrast is below 4.5:1 here
The color contrast is below 4.5:1 here
The color contrast is below 4.5:1 here
The color contrast is below 4.5:1 here
The color contrast is below 4.5:1 here
The color contrast is below 4.5:1 here
The color contrast is below 4.5:1 here
The color contrast is below 4.5:1 here
The color contrast is below 4.5:1 here

#20. text that doesn't specify where the links are other than giving the link a different color


If you write links they shouldn't be only having a different color, so this is incorrect:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

 

and this is correct, as the links also have a line under them:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Peekaboo