|
|
**Evaluate the code of a website for RWD, accessibily and security **
|
|
|
|
|
|
List of tests:
|
|
|
|
|
|
1. markup
|
|
|
|
|
|
1.1 html https://validator.w3.org/nu
|
|
|
|
|
|
1.2 css http://jigsaw.w3.org/css-validator/
|
|
|
|
|
|
1.3 link / consistence https://validator.w3.org/checklink
|
|
|
|
|
|
2. accessibility
|
|
|
|
|
|
2.1 https://wave.webaim.org/
|
|
|
|
|
|
2.2 https://www.webaccessibility.com
|
|
|
|
|
|
2.3 script: https://github.com/dequelabs/axe-core
|
|
|
|
|
|
3. RWD
|
|
|
|
|
|
give a looks to the files and to the mediaquery (chromium web inspector tool > Mobile > show mediaquery)
|
|
|
|
|
|
4. Warning/error
|
|
|
|
|
|
Web inspector, console
|
|
|
|
|
|
5. CSP
|
|
|
|
|
|
5.1 https://csp-evaluator.withgoogle.com/
|
|
|
|
|
|
5.2 https://cspscanner.com/
|
|
|
|
|
|
6. JS sintax
|
|
|
|
|
|
6.1 https://jshint.com/ (ES5 probably)
|
|
|
|
|
|
7. Licence
|
|
|
|
|
|
7.1 https://www.gnu.org/software/librejs/index.html
|
|
|
|
|
|
8. Not used markup
|
|
|
|
|
|
8.1 https://www.jitbit.com/unusedcss/
|
|
|
|
|
|
8.2 https://purifycss.online/
|
|
|
|
|
|
8.3 https://unused-css.com/
|
|
|
|
|
|
9. Info from browser (shield on the left of urlbox) - Firefox addons: noscript - privacy badger
|
|
|
|
|
|
10. https://web.dev/measure/ or https://web.dev/use-lighthouse-for-performance-budgets/
|
|
|
|
|
|
|
|
|
Explanation:
|
|
|
|
|
|
3. RWD I don't know something that in automatic can understand if there are some fixed margins or div that are bigger of the inner frame, but a way can be a manual test or a inspector in mediaquery
|
|
|
|
|
|
4. Check web inspector Console warning/error for CSS and JS. Divided for browsers.
|
|
|
|
|
|
5. https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP#see_also, https://www.w3.org/TR/CSP3/, mandatory for hybrid applications (not this case.. but.. habits:P)
|
|
|
|
|
|
10. exist some SEO FOSS softwares (https://kntoukakis.com/open-source-seo-tools/) but the most common is Google pagespeedinsight and console. https://web.dev/measure/
|
|
|
|
|
|
**Execution of tests, divided for topic:**
|
|
|
|
|
|
1° round, only the home page
|
|
|
2° round the entire website (we need to staticized in the meanwhile, I use HTTTrack on debian10)
|
|
|
|
|
|
::::::::::::::::::::::::::::
|
|
|
|
|
|
Serendipity resources and expansions:
|
|
|
|
|
|
[accessibility] https://whocanuse.com/ + https://cardsforhumanity.idean.com/
|
|
|
|
|
|
Nice but not working in demo floss software: https://tiamat.tanaguru.com/home/contract/audit-page-set-up.html?cr=943
|
|
|
|
|
|
It is possible test browser compatibility of the css propertyes used?: for example from the great website https://caniuse.com/?compare=edge+88,firefox+87,chrome+92,safari+14,ios_saf+14.0-14.4,android+81&compareCats=all
|
|
|
|
|
|
It is possible find running obsoleted css that can replaced with flex or css3 grid (float or table)?
|
|
|
|
|
|
It is possible find fixed dimension in px that are outside of em proportions?
|
|
|
|
|
|
Test CDN integrity? https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity
|
|
|
|
|
|
Define better CALIBRATION: Different projects different rules :) so for example can exist different agreement on the level of .. security, licence, etc..
|
|
|
Example, about js https://tails.boum.org/contribute/how/website/javascript/ or aout the use of only FOSS |
|
|
\ No newline at end of file |