search

thombruce / toodles

✅ A super simple todo app
https://toodles.thombruce.com/
GNU General Public License v3.0
0 stars 0 forks source link

A11y #92

Closed thombruce closed 1 year ago

thombruce commented 1 year ago

closes #28

netlify[bot] commented 1 year ago

Deploy Preview for toodles ready!

Name Link
Latest commit 4e96bfda427a23bf7cdd9aaa5a33731fe7b37e15
Latest deploy log https://app.netlify.com/sites/toodles/deploys/649f0f23082c1d000820a71d
Deploy Preview https://deploy-preview-92--toodles.netlify.app/
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

github-actions[bot] commented 1 year ago

Coverage Summary for `./packages/web`

Status Category Percentage Covered / Total
🟢 Lines 66.72% / 60% 395 / 592
🟢 Statements 66.72% / 60% 395 / 592
🟢 Functions 61.36% / 60% 27 / 44
🟢 Branches 68.85% / 60% 42 / 61
File Coverage
File Stmts % Branch % Funcs % Lines Uncovered Lines
packages/web/src/components/ContextTag.vue 20% 100% 0% 20% 4-15
packages/web/src/components/HashTag.vue 20% 100% 0% 20% 4-15
packages/web/src/components/ProgressBar.vue 70.17% 66.66% 100% 70.17% 16-23, 26-34
packages/web/src/components/ProjectTag.vue 20% 100% 0% 20% 4-15
packages/web/src/components/TagTag.vue 71.42% 100% 0% 71.42% 6-7
packages/web/src/components/TodoItem.vue 80.7% 40% 28.57% 80.7% 21, 26-27, 33-40
packages/web/src/components/TodoList.vue 73.68% 100% 100% 73.68% 11-15
packages/web/src/components/TodoPriority.vue 20% 100% 0% 20% 4-15
packages/web/src/components/TodoText.vue 61.7% 57.14% 85.71% 61.7% 15-18, 21-25, 30, 33-36, 39-42
packages/web/src/models/Todo.ts 87.65% 75% 88.88% 87.65% 27-32, 46-47, 63-64
packages/web/src/plugins/dexie.ts 46.29% 100% 66.66% 46.29% 21-22, 25-31, 35-54
packages/web/src/plugins/lunr.ts 78.57% 100% 0% 78.57% 10-12
packages/web/src/plugins/timepiece.ts 71.42% 60% 50% 71.42% 14-19
packages/web/src/stores/todos.ts 72.57% 90% 83.33% 72.57% 21, 25, 29-31, 35-37, 41-43, 47-49, 53-55, 59-61, 65-67, 71-73, 77-79, 83-85, 89-91, 95-97, 103, 107-115
thombruce commented 1 year ago

General A11y considerations from Lighthouse: image

thombruce commented 1 year ago

Scoring 100 for accessibility now:

image

I would still like to hint text to the multi-bar, describing its use for both adding and searching todos.

Also be aware that 100% accessibility score in Lighthouse does not mean the site is wholly accessible. For instance, I don't know how a screen reader user actually gets an indication of what percentage of tasks are done vs open right now - that's a visual bar, the only sr-only text attached to which is describing where the bar links link to.