preview

Technical Issues Essay

Decent Essays
Open Document

Technical Issues I have used the following validator to find any technical issues/faults within the code: https://validator.w3.org/ The validator shows that Heavenly Desserts has 67 errors and 1 warning sign. JavaScript errors were not found. Error 1: This error is found on line 830. Many of the errors are related to the following issue. This error means that the ‘button’ element should not be nested within the ‘a’ element. However, this line of code is needed as the (-- removed HTML --) element is used for hyperlinks which is used in HTML5 (W3schools.com, n.d.) Error 2: This error is found on line 1162. Many of the errors are related to the following issue. This error means the ‘style’ tag should not be nested within the …show more content…

jQuery is used to simplify JavaScript codes so that it easier to use on the website (W3schools.com, n.d.). The Instagram icon properties were created using third party website @fontawesome. An external stylesheet was created and used within the source code. Responsiveness of website The viewport has been used within the code which can be found on line 175 (W3schools.com, n.d.). - Woocommerce-layout-css: Breakpoints are set in the CSS files for different screen sizes - Themify-media-queries-css: CSS properties for smaller devices are set for different screen sizes. Code used within ‘woocommerce-layout-css’ file for two different screen sizes: Navigation: Navigation menu is on the top banner of the website and the ending section of the website. Within the source code, the list has been created using (-- removed HTML --) tags which is nested within (-- removed HTML --) tags used to develop the navigation lists, which is nested within a (-- removed HTML --) tag. The codes run from line 236 – 291. Usability Error: The accessibility checker website: https://achecker.ca/checker/index.php was used to see if there are any problems with navigation. There were two errors shown which were: 1. “Anchor contains no text”: alt tag is missing for the ‘menu’ icon on the top right side of the webpage. 2. “Header nesting – header following (-- removed HTML --) is incorrect”: Consecutive order error with header tags as (-- removed

Get Access
Related
Get Access