search

Alheimsins / bigfive-web

Website for taking personality tests
MIT License
213 stars 86 forks source link

lighthouse reports Form elements do not have associated labels #77

Closed maccyber closed 6 years ago

maccyber commented 6 years ago

lighthouse reports Form elements do not have associated labels (in frontpage, /results, /compare).

Use aria-label?

image

kyle-hall commented 6 years ago

@maccyber I'd like to try this, if I could.

maccyber commented 6 years ago

Awesome @kyle-hall

Start by:

git clone https://github.com/Alheimsins/bigfive-web
cd bigfive-web
npm install

Create this file in the root-directory:

.env

DB_CONNECTION=hacktoberfest:hacktoberfest1@ds153659.mlab.com:53659/bigfive
DB_COLLECTION=test
URL=http://localhost:3000

And run npm run dev

If you have chrome open http://localhost:3000, use developer tools (Ctrl+Shift+J) and go to "Audits" and run "Run audits" at the bottom of the page.

There you can see the error. Try to get rid of the error by i.e. adding aria-label to this line https://github.com/Alheimsins/bigfive-web/blob/master/components/alheimsins/Select.js#L12