Please read all the contents of this page for all the W3 Validation details:-

• Below you will see a carousel showcasing all the W3 validation screenshots from all my pages.
• Feel free to hover over a picture in the carousel in order to pause the carousel and have a closer look.
• I'll explain the reason for every error in the pictures and also why I cannot do anything about it.
• Unfortunately because the images were taken as a screenshot on a 13inch laptop, the images will look blurry and incomprehensible.

Please note that ONLY, I repeat, ONLY the images on this page aren't properly visible on a mobile portrait device, every other page is responsive and is viewable comfortably on both a mobile portrait and a 13inch monitor display.

Error-1: The type attribute for the style element is not needed and should be omitted :-

It is just a warning and can be ignored according to the marking criteria of this assignment.

Error-2: CSS: background: stretch is not a background-color value:-

Since I am using a external background image from the internet as my background image for multiple pages on my site, I cannot possibly regulate the resolution and sizes of these images, thus I had to impliment the "stretch" value for all backgrounds so that they fit the entirety of my pages.

Plus, as I'm using bootstrap, I had to override a lot of default bootstrap classes for several adjustments to my site. Thus although it shows this error, rest be assured that the site works perfectly fine regardless and is both accessible and responsive.

Error-3: The element "button" must not appear as a descendant of the "a" element:-

• First off, I've tried putting the "a" element inside the "button" element and I recieved the same outcome.
• Now, as I use buttons to redirect the user to different pages on my site, I've had to enclose the buttons inside an "a" tag so I could add the href to redirect the user to their desired page.
• To my knowledge there is no other way to use buttons as links to other pages on my site without using the "a" tag. So I've decided to stick with this code even though this validation error shows up.
• The links and buttons function properly regardless of this error however, so nothing to worry about here either.

Error-4: Bad value content for attribute role on element div:-

• Now this is an error that I request you to kindly ignore because this is triggered by the bootstrap modal class.
• Modals are basically the pop up windows that come up on my site when you click on a course or the login page icons.
• The code is absolutely necessary for the modals to work and function properly.
• Thus, although it shows an error there, please kindly ignore it as it is not under my control and there's nothing I can do about it.

Those were all the errors in my validation and my reasons for as to why there is nothing I can do about it because I'm using certain bootstrap classes to acheive certain things on my website. Rest be assured that there are no other validation errors on my site other than these.