Responsive- The website is responsive across screen sizes.
- The website works on major browsers and across major devices.
| - has broad knowledge of the concepts responsive, adaptive, flow design and CSS Media Queries that are used to build web solutions that function independent of screen resolutions
- has knowledge of the tool Chrome DevTools used for testing websites across different platforms and operating systems.
- can apply knowledge relating to HTML, CSS and CSS Media Queries to develop functional and user-friendly web solutions
- masters Chrome DevTools for testing websites across different platforms and operating systems
- can apply techniques and tools to perform simple user tests to map visual and technical deficiencies
|
Bug-free, neat and well written code- Semantic HTML5 elements are used where approriate
- The HTML is bug-free
- No inline styling
- The CSS follows DRY principles
- The HTML and CSS are formatted neatly
- Each page has a unique title
- Each page has a unique meta description
- Images are below 200kb to ensure faster loading time
| - has broad knowledge of concepts and processes that are used in web development with HTML and CSS
- has knowledge of tools that are used to develop websites based on HTML and CSS
- has knowledge of processes and tools that are used for validating websites
- can update his/her vocational knowledge of new developments and techniques for web development with HTML and CSS
- has knowledge of the historical development of and is familiar with previous releases of HTML and CSS
- masters industry-relevant tools and software for planning, develop and validate web solutions built with HTML and CSS
- can find information and material that is relevant for developing websites with HTML and CSS
- can carry out visual and technical web solutions based on HTML and CSS and complete fully functional projects from start to finish
- can build relations with his/her peers, graphic designers, content developers and participate in interdisciplinary collaboration
|
Appeal of website and ease of navigation- The website has no broken links
- Navigation between pages is clear
- The website appeals to the target audience.
| - has insight into quality requirements for the logic and aesthetic structure for websites and interactive products
- understands the importance of following procedures for universal design and good practice for coding
- can apply vocational knowledge to develop websites in accordance with ethical demands and guidelines for universal design
- understands the ethical principles used in the industry for universal design of ICT solutions
|
WCAG friendly- Images have alt text.
- Anchor tags are used to link pages together.
- Semantic HTML is used to ensure accessibility with screen readers.
| - has broad insight into relevant regulations and guidelines for universal design of ICT solutions and the WCAG standard
- can apply knowledge of the WCAG standard
- understands the ethical principles related to the development of web solutions and services
- has developed an ethical attitude in relation to developing HTML and CSS websites and can carry out the development of user-friendly websites based on HTML and CSS, the needs of selected target groups or client briefs
|