HTML validation #577

dmnisson · 2020-11-20T04:45:43Z

Links

Install html-validate and html-validate-vue plugins, as well as the html-validate Vue CLI plugin
Using valid HTML will improve cross-browser compatibility and accessibility
Validation-related changes in this PR include adding type attributes to buttons, alt text to some images, and using legend inside of fieldset for the reference form

Potentially confusing code has been explained with comments
No warnings or errors have been introduced; all known error cases have been handled
Any appropriate documentation (within the code, README.md, docs, etc) has been updated
All edge cases have been addressed

…nt npm version

… work

… on buttons, set appropriate (for now) button types

…some browser/screen reader combinations

dmnisson added 18 commits November 19, 2020 15:09

add empty alt text to avatars

d50f60f

alt text in desktop header logo

b119de6

add html-validate and html-validate-vue

ab69f26

install CLI plugin

7e23845

rollback html-validate to a version that is functional with our curre…

60e7454

…nt npm version

remove duplicate class

b0b73cb

add alt text to session header

12ea683

remove obsolete button components

c605bbb

found versions of html-validate and vue-cli-plugin-html-validate that…

9a65337

… work

add buttonType prop to custom button components to set type attribute…

e793035

… on buttons, set appropriate (for now) button types

fix compile errors and lint

cfacf9d

remove validator functions for now

948d097

use legend element; placing instructions outside the fieldset breaks …

f724f63

…some browser/screen reader combinations

remove sr-only class and lint

19735b2

fieldset should always have a legend

fb1280f

button elements cannot contain divs

1e536ef

move paragraph out of legend

2ec49ac

lint

0c79779